@charset "utf-8";


/* ------------------------------
MOBILE CORE
------------------------------ */
.portrait-detect {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1000;
	top:0px;
	left:0px;
	background:url(../images/device-orientation.png) center no-repeat;
	background-size:contain;
	background-color:#fff;
	display:none;
}

/* ------------------------------
HEADER
------------------------------ */
.header {
	width:100%;
	min-width:600px;
	height:70px;
	z-index:100;
	position:absolute;
	top:0px;
	background:url(../images/header-bg.png) repeat;
	z-index:100;
}
.header.active {
	background-color:#fff;
}
.header .logo {
	width:250px;
	height:70px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:#ffffff;
	/*background:#124875;*/
	padding-top:12px;
	text-align:center;
}
.header h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	font-size:15px;
	color:#124875;
	text-transform:none;
	padding:0px;
	margin:0px;
	line-height:70px;
	padding-left:10px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	white-space:nowrap;
	letter-spacing:+0.1em
}
.header .right-container {
	height:70px;
	overflow:hidden;
	float:right;
}
.header .search {
	width:56px;
	height:70px;
	border-left:solid 1px #cfd1cf;
	background:url(../images/search-icon.png) no-repeat 18px center;
	float:right;
	-webkit-transition: .3s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .3s ease-in-out;
	overflow:hidden
}
.header .search:hover {
	width:250px;
	background:url(../images/search-icon-hover.png) no-repeat 18px center;
	background-color:#cb1629;
}
.search .searchInput {
	width:177px;
	height:24px;
	background:url(../images/search-bar.png) no-repeat left center;
	margin-top:23px;
	margin-left:56px;
}
.search .searchInput input {
	border:none;
	background:none;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	padding-left:10px;
	padding-top:3px;
	width:170px;
}
.search .searchInput input:focus{
    outline: 0;
}

/* ------------------------------
MAIN NAVIGATION
------------------------------ */
.header .nav {
	width:350px;
	height:70px;
	float:right;
	margin-right:20px;
	background:url(../images/main-nav-divider.png) no-repeat right center;
	text-align:right;
}
.nav .top-nav {
	padding:0px;
	margin:0px;
	font-size:0px;
}
.nav .top-nav > li {
	font-family: 'Raleway', sans-serif;
	font-size:13px;
	color:#124875;
	text-transform:lowercase;
	letter-spacing:.09em;
	margin:0px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.nav .top-nav > li a {
	color:#124875;
	text-decoration:none;
	padding:0px 7px;
	padding-top:22px;
	padding-bottom:12px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-transition: .3s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .3s ease-in-out;
}
.nav .top-nav > li a:hover, .nav .top-nav > li a.active, .nav .bottom-nav > li a.active {
	color:#fff;
	background-color:#cb1629;
	text-decoration:none;
}

.nav .bottom-nav {
	padding:0px;
	margin:0px;
	margin-top:2px;
	font-size:0px;
}
.nav .bottom-nav > li {
	font-family: 'Raleway', sans-serif;
	font-size:11px;
	text-transform:lowercase;
	margin:0px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.nav .bottom-nav > li a {
	color:#979898;
	text-decoration:none;
	padding:0px 7px;
	padding-top:12px;
	padding-bottom:22px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-transition: .3s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .3s ease-in-out;
}
.nav .bottom-nav > li a:hover {
	color:#fff;
	background-color:#124875;
	text-decoration:none;
}

/* ------------------------------
MEGA MENU
------------------------------ */
.megamenu {
	display:none;
	width:100%;
	position:relative;
	background: url(../images/mega-menu-bg.png) repeat-x;
	background-size:contain;
	padding:20px;
	text-align:center;
}
.megamenu h1 {
	font-size:16px;
	font-weight: 600;
	letter-spacing:.05em;
	color:#124875;
	border-bottom:solid 1px #124875;
	padding:0px;
	margin:0px;
	margin-bottom:8px;
	text-transform:lowercase;
}
.megamenu .mm-container {
	text-align:center;
}
.megamenu .mm-container > div {
	width:33%;
	text-align:left;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.mm-list {
	padding:0px;
	margin:0px;
}
.mm-list > li {
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:left;
	width:50%;
	line-height:.8em;
	padding-right:5px;
}
.mm-list > li > a {
	font-size:12px;
	color:#535252;
	text-decoration:none;
	padding:5px 0px;
	background-position:5px center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-transition: .2s; /* For Safari 3.1 to 6.0 */
	transition: .2s;
}
.mm-list > li > a:hover {
	color:#124875;
	background:url(../images/mega-menu-nav-arrow.png) no-repeat left center;
	padding-left:10px;
}
.mm-practice-image-holder {
	width:290px!important;
	text-align:center!important;
}
.mm-practice-image {
	width:240px;
	height:160px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-top:14px;
	-webkit-transition: .2s; /* For Safari 3.1 to 6.0 */
	transition: .2s;
}
.mm-contact-third {
	width:27% !important;
}
.mm-contact-two-third {
	width:57.4% !important;
	margin-right:3%;
}
.mm-contact .email {
	background:url(../images/mm-email.png) center left no-repeat;
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	color:#535252;
	padding:7px 0px;
	padding-left:25px;
	text-decoration:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.mm-contact .email:hover,.mm-contact .phone:hover  {
	color:#124875;
}
.mm-contact .phone {
	background:url(../images/mm-phone.png) center left no-repeat;
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	color:#535252;
	padding:7px 0px;
	padding-left:25px;
	text-decoration:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.mm-social-list {
	margin:0px;
	margin-top:2px;
	margin-left:-5px;
	padding:0px;
	padding-top:0px;
	font-size:0px;
}
.mm-social-list li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.mm-social-list li a {
	width:52px;
	height:45px;
	background-position:center;
	background-repeat: no-repeat;
	font-size:0px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-transition: .2s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .2s ease-in-out;
}
.mm-social-list a.twitter {
	background-image:url(../images/mm-twitter.png);
}
.mm-social-list li a.facebook {
	background-image:url(../images/mm-facebook.png);
}
.mm-social-list li a.linkedin {
	background-image:url(../images/mm-linkedin.png);
}
.mm-social-list li a.youtube {
	background-image:url(../images/mm-youtube.png);
}
.mm-social-list li a.pinterest {
	background-image:url(../images/mm-pinterest.png);
}
.mm-social-list li a.blog {
	background-image:url(../images/mm-blog.png);
}

.mm-social-list a:hover.twitter, .mm-social-list.white a:hover.twitter {
	background-image:url(../images/mm-twitter-over.png);
}
.mm-social-list li a:hover.facebook, .mm-social-list.white a:hover.facebook {
	background-image:url(../images/mm-facebook-over.png);
}
.mm-social-list li a:hover.linkedin, .mm-social-list.white a:hover.linkedin {
	background-image:url(../images/mm-linkedin-over.png);
}
.mm-social-list li a:hover.youtube, .mm-social-list.white a:hover.youtube {
	background-image:url(../images/mm-youtube-over.png);
}
.mm-social-list li a:hover.pinterest, .mm-social-list.white a:hover.pinterest {
	background-image:url(../images/mm-pinterest-over.png);
}
.mm-social-list li a:hover.blog, .mm-social-list.white a:hover.blog {
	background-image:url(../images/mm-blog-over.png);
}

.mm-social-list.white a.twitter {
	background-image:url(../images/mm-twitter-white.png);
}
.mm-social-list.white li a.facebook {
	background-image:url(../images/mm-facebook-white.png);
}
.mm-social-list.white li a.linkedin {
	background-image:url(../images/mm-linkedin-white.png);
}
.mm-social-list.white li a.youtube {
	background-image:url(../images/mm-youtube-white.png);
}
.mm-social-list.white li a.pinterest {
	background-image:url(../images/mm-pinterest-white.png);
}
.mm-social-list.white li a.blog {
	background-image:url(../images/mm-blog-white.png);
}


/* ------------------------------
BREADCRUMB BAR
------------------------------ */
.breadcrumb {
	margin:0px;
	padding:0px;
	width:100%;
	height:40px;
	background:url(../images/breadcrumb-bar-bg.png) repeat-x;
	font-size:0px;
}
.breadcrumb li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:40px;
	font-size:14px;
	font-weight:400;
	letter-spacing:.05em;
	color:#fff;
	line-height:40px;
	text-shadow:2px 2px rgba(0,0,0,.47);
	text-transform:lowercase;
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background:url(../images/breadcrumb-level1-bg.png) no-repeat right center;
	white-space:nowrap;
}
.breadcrumb li:first-child a {
	padding-left:40px;
}
.breadcrumb li.last {
	background:none;
	padding-left:10px;
}
.breadcrumb li.level2 {
	background:url(../images/breadcrumb-level2-bg.png) no-repeat right center;
}
.breadcrumb li.level3 {
	background:url(../images/breadcrumb-level3-bg.png) no-repeat right center;
}
.breadcrumb li a {
	padding:0px 20px;
	padding-left:10px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-decoration:none;
	color:#fff;
	-webkit-transition: .15s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .15s ease-in-out;
}
.breadcrumb li a:hover {
	text-shadow: 0 0 7px #fff;
	padding-left:20px;
}
.breadcrumb li:first-child a:hover {
	text-shadow: 0 0 7px #fff;
	padding-left:50px;
}
.breadcrumb select {
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	letter-spacing:.025em;
	border: 0 !important;  /*Removes border*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	background: 
		url(../images/breadcrumb-select-divider.png) no-repeat left center,
		url(../images/breadcrumb-level1-bg.png) no-repeat right center;	
	width: auto; /*Width of select dropdown to give space for arrow image*/
	height:40px;
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	color: #FFF;
	border-radius: 0px;
	padding: 7px 30px;
	padding-right:20px;
	margin-left: 20px;
	vertical-align: top;
	margin-top: 0px;
}
.breadcrumb select:hover {
	cursor:pointer;
	text-shadow: 0 0 7px #fff;
}
.breadcrumb select:focus{
    outline: 0;
}

/* ------------------------------
HOME WIDGETS
------------------------------ */
.widget-container {
	position:absolute;
	top:100px;
	left:40px;
	z-index:90;
}
.widget-container img {
	border:none;
}
.widget-container h1 {
	height:21px;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#fff;
	line-height:21px;
	background:url(../images/home-pane-title-bar-bg.png) no-repeat left;
	vertical-align:top;
	text-shadow: 1px 1px rgba(0,0,0,.75);
	letter-spacing:.05em;
	position:relative;
}
.widget-container h1 img {
	text-align:left;
	margin-right:7px;
	vertical-align:top;
}
.widget-container .widget-pager {
	position:absolute;
	top:0px;
	right:5px;
	font-size:34px;
	letter-spacing:0px;
	text-shadow:none;
}
.widget-container .widget-pager span {
	margin:-1px;
	cursor:pointer;
	opacity:.4;
	-webkit-transition: .2s; /* For Safari 3.1 to 6.0 */
	transition: .2s;
}
.widget-container .widget-pager span:hover {
	opacity:1;
}
.widget-container .widget-pager span.cycle-pager-active {
	opacity:.8;
}
.widget-container .pane {
	width:210px;
	background:url(../images/widget-white-bg.png) 0px 21px no-repeat;
}
.widget-container .social .twitter {
	margin:0px;
	padding:0px;
}
.widget-container .social .socialBar {
	margin:0px;
	padding:0px;
	font-size:0px;
	position:absolute;
	left:210px;
	white-space:nowrap;
	width:0px;
	overflow:hidden;
	z-index:10;
}
.widget-container .social .socialBar > li {
	width:50px;
	height:50px;
	padding:0px;
	margin:0px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.widget-container .social .socialBar > li img {
	border:none;
}
.widget-container .social .twitter > li {
	width:210px;
	height:50px;
	font-size:11px;
	font-weight:600;
	color:#124875;
	list-style-type:none;
	padding:10px;
	padding-bottom:5px;
	line-height:1.4em;
}
.widget-container .social .twitter > li a {
	color:#333;
	text-decoration:none;
}
.widget-container .social .twitter > li a:hover {
	color:#124875;
	text-decoration:underline;
}
.widget-container .video ul {
	margin:0px;
	padding:0px;
}
.widget-container .video ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:relative;
	width:100%;
}
.widget-container .video-title {
	width:100%;
	font-size:11px;
	font-weight:600;
	color:#333;
	line-height:1.4em;
	padding:6px 10px;
	display:inline-block;
	text-decoration:none;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.widget-container .video .video-play-icon {
	position:absolute;
	width:100%;
	height:110px;
	background:url(../images/widget-video-play-icon.png) center no-repeat;
}
.widget-container .staff ul {
	margin:0px;
	padding:0px;
}
.widget-container .staff ul li {
	width:100%;
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:relative;
}
.widget-container .staff ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:relative;
}
.widget-container .staff-title {
	width:210px;
	font-size:11px;
	color:#333;
	line-height:1.4em;
	padding:6px 10px;
	display:inline-block;
	text-decoration:none;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.widget-container .staff-title strong {
	color:#124875;
	font-size:14px;
	letter-spacing:.05em;
}
.widget-container .collapse {
	width:210px;
	height:16px;
	line-height:16px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	font-size:9px;
	color:#888987;
	text-align:center;
	background-color:#000;
	background-color:rgba(0,0,0,.85);
	cursor:pointer;
	vertical-align:top;
}
.widget-container .collapse span {
	vertical-align:top;
}
.widget-container .collapse img {
	margin-top:1px;
}
.widget-container .collapse:hover {
	background-color:#333;
}


/* ------------------------------
CONTENT PANES
------------------------------ */
.content-container {
	position:relative;
	margin-top:110px;
	z-index:2;
}
.content-container-no-hide {
	position:relative;
	margin-top:110px;
	z-index:2;
}
.content-pane {
	width:40%;
	min-width:500px;
	min-height:100px;
	padding:10px;
	padding-left:40px;
	background-color:#000;
	background-color:rgba(0,0,0,.75);
}
.content-pane.portfolio-pane {
	padding-right:40px;
	background:url(../images/portfolio-pane-bg.png) repeat-x top;
	padding-bottom:20px;
}
.content-pane.portfolio-pane .collapseable {
	height:200px;
}
.content-pane h1 {
	margin:0px;
	margin-bottom:-7px;
	padding:0px;
	padding-top:5px;
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
	letter-spacing:.025em;
	color:#fff;
}
.content-pane.portfolio-pane h1 {
	font-size:30px;
	font-weight:normal;
	letter-spacing:0px;
}
.content-pane.portfolio-pane h2 {
	font-size:24px;
	font-weight:normal;
	letter-spacing:0px;
	color:#b09e9e;
	padding:0px;
	margin:0px;
}
.content-pane.portfolio-pane h3 {
	font-size:24px;
	font-weight:normal;
	letter-spacing:0px;
	color:#f56064;
	padding:0px;
	margin:0px;
	text-transform:none;
	margin-top:15px;
	margin-bottom:5px;
}
.content-pane.portfolio-pane p {
	font-size:13px;
	line-height:1.5em;
}
.content-pane p {
	font-size:12px;
	line-height:1.4em;
	letter-spacing:.025em;
	color:#d3d3d3;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.content-pane p.project-specs {
	font-size:12px;
	margin:0px;
	padding:4px 0px;
}
.content-pane p.project-specs strong {
	color:#fff;
}
.content-pane hr {
	width:100%;
	height:53px;
	border:none;
	paddding:0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:-50px;
	background:url(../images/portfolio-heading-divider.png) no-repeat;
	background-size:100%;
}
.content-pane ul {
	margin:0px;
	padding:0px
}
.content-pane ul li {
	margin-left:15px;
	font-size:12px;
	line-height:1.4em;
	letter-spacing:.025em;
	color:#d3d3d3;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.content-pane .team-members {
	margin::0px;
	padding:0px;
	font-size:0px;
}
.content-pane .team-members li {
	margin:0px;
	margin-top:13px;
	margin-right:3%;
	padding:0px;
	width:22%;
	border:solid 2px #c8c6c6;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.content-pane .team-members li img {
	border:none;
}
.content-pane .collapse {
	font-size:13px;
	text-decoration:none;
	color:#f56064;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-transition: .2s; /* For Safari 3.1 to 6.0 */
	transition: .2s;
}
.content-pane .collapse:hover {
	color:#fff;
}
.content-pane .collapse.full {
	float:right;
}
.content-pane .back-to-portfolio {
	font-size:13px;
	text-decoration:none;
	color:#f56064;
	-webkit-font-smoothing: subpixel-antialiased;
	float:right;
	background:url(../images/gallery-icons-white.png) no-repeat left center;
	padding-left:25px;
	-webkit-transition: .2s; /* For Safari 3.1 to 6.0 */
	transition: .2s;
}
.content-pane .back-to-portfolio:hover {
	color:#fff;
	padding-left:22px;
}


.content-container .practice-deep h3 {
	border-bottom:solid 1px #333;
	padding-bottom:4px;
	margin-bottom:10px;
}

button.show-pane {
	position:absolute;
	z-index:100;
	background:url(../images/show-pane.png) no-repeat center;
	width:40px;
	height:40px;
	top:113px;
	left:5px;
	border:none;
	display:none;
	cursor:pointer;
	-webkit-transition: .2s; /* For Safari 3.1 to 6.0 */
	transition: .2s;
}
button.show-pane:hover {
	background:url(../images/show-pane.png) no-repeat bottom right;
}

/* ------------------------------
CONTENT NAV
------------------------------ */
.content-nav {
	margin:0px;
	padding:0px;
	width:20%;
	min-width:250px;
	background-color:#fff;
	background-color:rgba(255,255,255,.80);
	float:left;
}
.content-nav li {
	font-size:14px;
	color:#124875;
	list-style-type:none;
	font-weight:bold;
	padding:1px 0px;
}
.content-nav li:first-child {
	font-size:14px;
	font-weight:bold;
	color:#124875;
	text-transform:lowercase;
	padding-left:40px;
	padding-top:10px;
	padding-bottom:5px;
}
.content-nav li:first-child a, .content-nav li:first-child a:hover, .content-nav li:first-child a.active {
	font-size:14px;
	font-weight:bold;
	color:#124875;
	text-transform:lowercase;
	background-image:none;
	background-color:inherit;
	padding-left:0px;
}
.content-nav li:last-child a {
	padding-bottom:5px;
}
.content-nav li a {
	width:100%;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	padding:1px 10px;
	padding-left:40px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-transition: .15s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .15s ease-in-out;
}
.content-nav li a:hover, .content-nav li a.active {
	background-image:url(../images/content-nav-arrow.png);
	background-repeat:no-repeat;
	background-position:40px center;
	background-color:#124875;
	padding-left:48px;
	padding-right:2px;
	color:#fff;
}


/* ------------------------------
BACKGROUND
------------------------------ */
.background {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	top:0px;
	position:fixed;
}
.background > li {
	margin:0px;
	padding:0px;
	position:absolute;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	 /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
	-ms-behavior: url(/backgroundsize.min.htc);
}
.background > li > div {
	position:absolute;
	top:100px;
	right:50px;
	padding:10px;
	font-family: 'Raleway', sans-serif;
	font-size:10px;
	color:#9d9c9c;
	line-height:1.2em;
	letter-spacing:.05em;
	text-transform:uppercase;
	text-shadow: 1px 1px rgba(0,0,0,.75);
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../images/image-caption-bg.png) repeat-y;
	background-size:contain;
}
.project-pane {
	z-index:50;
	position:fixed;
	top:140px;
	right:50px;
	padding:10px;
	font-family: 'Raleway', sans-serif;
	font-size:10px;
	color:#9d9c9c;
	line-height:1.2em;
	letter-spacing:.05em;
	text-transform:uppercase;
	text-shadow: 1px 1px rgba(0,0,0,.75);
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../images/image-caption-bg.png) repeat-y;
	background-size:contain;
}
.project-pane div.title {
	color:#fff;
	font-size:13px;
	font-weight:700;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-transform:none;
	text-rendering: optimizeLegibility;
	line-height:1.4em;
	padding-right:10px;
}
.project-pane div.info {
	color:#fff;
	font-size:13px;
	font-weight:400;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-transform:none;
	line-height:1.4em;
}
.project-pane div.portfolio-link, div.video-link {
	width:100%;
	position:absolute;
	left:0px;
	bottom:-27px;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-size:13px;
	font-weight:700;
	letter-spacing:0em;
	background:url(../images/portfolio-gallery-bg.png) repeat-y;
	background-size:contain;
	-webkit-transition: .15s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .15s ease-in-out;
}
.project-pane div.portfolio-link a, div.video-link a {
	width:100%;
	color:#f56064;
	text-decoration:none;
	padding:7px 10px;
	padding-left:35px;
	background:url(../images/gallery-icons.png) no-repeat 10px center;
	white-space:nowrap;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.project-pane div.portfolio-link:hover, div.video-link:hover {
	background-color:rgba(0,0,0,.5);
}
div.video-link {
	bottom:-54px;
}
div.video-link a {
	background:url(../images/play-video-icon.png) no-repeat 10px center;
}

.background > li > div strong {
	color:#fff;
	font-size:12px;
}
.arrowLeft {
	z-index:2;
	width:45px;
	height:70px;
	font-size:0px;
	background:url(../images/arrow-left.png) no-repeat center;
	position:fixed;
	left:6px;
	bottom:60px;
	-webkit-transition: .2s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .2s ease-in-out;
}
.arrowLeft:hover {
	cursor:pointer;
	background-position:left;
}
.arrowRight {
	z-index:2;
	width:45px;
	height:70px;
	font-size:0px;
	background:url(../images/arrow-right.png) no-repeat center;
	position:fixed;
	right:6px;
	bottom:60px;
	-webkit-transition: .2s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .2s ease-in-out;
}
.arrowRight:hover {
	cursor:pointer;
	background-position:right;
}
.circleNav {
	z-index:1;
	margin:0px;
	padding:0px;
	font-size:0px;
	position:fixed;
	left:0px;
	bottom:60px;
	width:100%;
	text-align:center;
}
.circleNav li {
	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size:60px;
	color:#fff;
	display:inline-block;
	*display:inline;
	*zoom:1;
	list-style-type:none;
	opacity:.5;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	text-shadow: 0px 0px 5px rgba(0,0,0,.6);
}
.circleNav li:hover {
	opacity:1;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity=100);
	cursor:pointer;
}
.circleNav li.active {
	color: #BE2D30;
	opacity: .75;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	/* IE 5-7 */
	filter: alpha(opacity=75);
	cursor: default;
}


/* ------------------------------
FREEWALL - PORTFOLIO 
------------------------------ */
.portfolio {
	width: 100%;
	height: 100%;
	margin-bottom:40px;
	overflow:hidden;
}
.portfolio .brick {
	background-position:center;
	background-size:cover;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:0px;
	position:relative;
}
.portfolio .brick img {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	/* IE 8 */
	filter: alpha(opacity=0);	/* IE 5-7 */
}
.portfolio .brick h1 {
	width:100%;
	line-height:25px;
	background-color:#000;
	background-color:rgba(0,0,0,.65);
	font-weight:normal;
	font-size:16px;
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:0px;
	-webkit-transition: .2s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .2s ease-in-out;
}
.portfolio .brick a {
	text-decoration:none;
}
.portfolio .brick a:hover h1 {
	line-height:30px;
	background-color:#124875;
	background-color:rgba(203,22,41,.85);
}

@keyframes start {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}

@-webkit-keyframes start {
	from {
		-webkit-transform: scale(0);
	}
	to {
		-webkit-transform: scale(1);
	}
}

.portfolio .brick[data-state="init"] {
	display: none;
}

.portfolio .brick[data-state="start"]  {
	display: block;
	animation: start 0.5s;
	-webkit-animation: start 0.5s;
}

.portfolio .brick[data-state="move"]  {
	transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
	-webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
}

/* ------------------------------
NEWS
------------------------------ */
.news-feature {
	margin:0px;
	padding:0px;
	text-align:center;
	border-bottom:solid 1px #e0e0e0;
	position:relative;
}
.news-feature li {
	margin:0px;
	padding:20px;
	list-style-type:none;
	display:inline-block;
	text-align:left;
	position:relative;
	width:100%;
	text-align:center;
}
.news-feature .news-publication {
	display:inline-block;
	margin-right:40px;
	vertical-align:middle;
}
.news-feature .news-story {
	display:inline-block;
	vertical-align:middle;
}
.news-feature .news-info {
	display:inline-block;
	vertical-align:middle;
	border-right:solid 1px #bababa;
	padding:25px 0px;
	padding-right:30px;
	margin-right:30px;
	max-width:60%;
	text-align:left;
}
.news-feature .news-link {
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
	font-size:14px;
	color:#124875;
	letter-spacing:.02em;
}
.news-feature h1 {
	font-size:24px;
	color:#333333;
	margin:0px;
	padding:0px;
	line-height:1.1em;
}
.news-feature > a:hover h1 {
	color:#124875;
}
.news-feature .news-date, .news-feature .news-author {
	font-size:14px;
	color:#939292;
	margin:0px;
	padding:0px;
}
.news-feature .news-author {
	margin-top:3px;
	float:right;
}
.news-list {
	padding:20px 40px;
	margin:0px;
}
.news-list a li {
	width:48%;
	min-height:100px;
	display:inline-block;
	vertical-align:middle;
	margin:20px 0px;
	padding:0px;
	transition: .3s;
	-webkit-transition: .3s;
}
.news-list a:hover li {
	background-color:#F5F5DA;
}
.news-list a li img {
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	border:none;
}
.news-list a li > div {
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	width: calc(100% - 160px);
	width: -moz-calc(100% - 160px);
	text-align:left;
}
.news-list a li .news-date {
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	color:#939292;
	line-height:1em;
}
.news-list a li h1 {
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	color:#333333;
	line-height:1.2em;
	margin-top:-5px;
}

/* ------------------------------
PRESS RELEASE
------------------------------ */
.press-release-aux {
	float:right;
	padding:20px;
	margin-top:20px;
	margin-right:50px;
	background:url(../images/image-caption-bg.png) repeat-y;
	background-size:contain;
	position:relative;
}
.press-release-aux p {
	padding:0px;
	font-size:12px;
	color:#fff;
	line-height:1.4em;
	letter-spacing:.05em;
	text-shadow: 1px 1px rgba(0,0,0,.75);
}
.press-release-aux a {
	color:#f56064;
}
.press-release-aux div.video-link {
	font-family: 'Raleway', sans-serif;
	bottom:auto;
	margin-top:21px;
}

.press-release-masthead {
	width: 100%; /* fallback if needed 
  	width: calc(100% - 350px);
	width: -moz-calc(100% - 350px);*/
	height:400px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.press-release-content {
	padding:40px 10%;
	padding-bottom:60px;
}
.press-release-content h1 {
	font-size:30px;
	font-weight:400;
	color:#124875;
}
.press-release-content h2 {
	font-size:15px;
	font-weight:400;
	color:#333;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
}
.press-release-content p {
	line-height:1.6em;
	font-size:14px;
}
.press-release-content .about {
	font-size:12px;
	color:#666;
	line-height:1.6em;
}

/* ------------------------------
ABOUT
------------------------------ */
.about-frame {
	width:100%;
	height:350px;
	background-repeat:repeat-x;
	background-position:center;
	text-align:center;
}
.about-frame.auto-height {
	height:auto;
}
.about-frame.red-bg {
	background-image: url(../about/red-bg.png);
	background-position:top center;
}
.about-frame.gray-bg {
	background-image: url(../about/gray-bg.png);
	background-position:center;
	background-repeat:repeat-x;
}
.about-frame .about-content {
	width:40%;
	min-width:400px;
	max-width:500px;
	margin:auto;
	-webkit-transition: all .2s; /* For Safari 3.1 to 6.0 */
    transition: all .2s;
}
.about-frame .about-content.wide {
	max-width:675px;
	width:100%;
}
.about-frame span.number {
	color:#124875;
	font-family: "proxima-nova", "Proxima Nova", sans-serif;
	font-weight:700;
	line-height:.8em;
	letter-spacing:-.06em;
	display:inline-block;
	padding-right:10px;
}
.about-frame span.text {
	font-family: 'Raleway', sans-serif;
	line-height:.85em;
	color:#0b1a39;
	text-transform:uppercase;
	letter-spacing:-.05em;
	font-variant-numeric: lining-nums;
	/* Line up numerals with baseline */
    -moz-font-feature-settings:"lnum" 1; 
    -moz-font-feature-settings:"lnum=1"; 
    -ms-font-feature-settings:"lnum" 1; 
    -o-font-feature-settings:"lnum" 1; 
    -webkit-font-feature-settings:"lnum" 1; 
    font-feature-settings:"lnum" 1;
}
.about-frame .no-size span.text {
	font-size:50px;
}
.about-frame .no-size span.number {
	font-size:175px;
}
.about-frame span.text.white {
	color:#fff;
}
.about-frame span.text.red {
	color:#124875;
}
.about-frame span.text.yellow {
	color:#9a943e;
}
.about-frame span.text.grey, .about-frame span.text.gray {
	color:#8d8c85;
}
.about-frame span.text.spaced {
	letter-spacing:.05em;
}
.textLeft {
	text-align:left;
}
.red-divider {
	width:90%;
	height:2px;
	margin:50px auto;
	background:url(../about/horizontal-divider.png) no-repeat center;
	background-size:100%;
	clear:both;
}
.dotted-border {
	width:513px;
	height:20px;
	margin:auto;
	background:url(../about/dotted-border.gif) repeat-x;
}
.dotted-border-small {
	width:508px;
	height:10px;
	margin:10px auto;
	background:url(../about/dotted-border-small.gif) repeat-x;
}
.down-arrow {
	margin:20px;
	opacity:.5;
	border:none;
}
/* ------------------------------
ABOUT MAP
------------------------------ */
.about-where-content {
	float:left;
	padding:30px;
	padding-left:40px;
	width:40%;
	background:url(../images/portfolio-pane-bg.png) repeat-x top;
}
.about-where-content h1 {
	font-weight:normal;
	color:#fff;
}
.about-where-content p {
	font-size:14px;
	color:#999;
}
.about-map {
	min-height:600px;
	margin:0px 5%;
	margin-top:30px;
	margin-bottom:60px;
	float:right;
}
.about-map-bg {
	width:100%;
	position:absolute;
	top:-10px;
	right:405px;
	background:url(../about/us-map-tip.png) no-repeat right bottom;
	background-size:contain;
	min-height:646px;
	z-index:-1;
}
.about-map-points {
	margin:0px;
	padding:0px;
	font-size:0px;
	position:absolute;
	margin-top:30px;
	left:100%;
}
.about-map-points li {
	max-width:32px;
	max-height:64px;
	position:absolute;
	list-style-type:none;
	background:url(../about/map-point.png) no-repeat bottom center;
	background-size:contain;
}

/* ------------------------------
CAREERS / JOBS
------------------------------ */
.job-list {
	text-align:left;
	font-family: 'Raleway', sans-serif;
	color:#333;
	max-width:1000px;
}
.job-list a {
	color:#124875;
	text-decoration:none;
}
.job-list a:hover {
	color:#ff0000;
	text-decoration:underline;
}
.job-list thead:first-child tr.segment-title th {
	padding-top:0px;
}
.job-list tr.segment-title th {
	font-size:20px;
	font-weight:bold;
	color:#444;
	padding-top:20px;
	text-align:left;
}
.job-list tr.segment-key th {
	border-bottom:solid 1px #666;
	text-transform:uppercase;
	font-size:12px;
	color:#666;
	text-align:left;
}
.job-list th {
	padding:3px 0px;
}
.job-list td {
	padding:5px 0px;
	font-size:14px;
	text-align:left;
}

.job-detail ul {
	margin:0px;
	margin-bottom:15px;
	font-size:14px;
}
.job-detail p {
	font-size:14px;
}


/* ------------------------------
FOOTER
------------------------------ */
.footer {
	z-index:100;
	width:100%;
	height:40px;
	/*background:#124875;*/
	background:#124875;
	position:fixed;
	bottom:0px;
	font-size:0px;
}
.footer .divider {
	width:2px;
	height:100%;
	font-size:0px;
	background:url(../images/footer-divider.png) repeat-y;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.footer .copyright {
	margin:0px;
	padding:0px;
	float:right;
	padding-right:10px;
	padding-top:7px;
}
.footer .copyright li {
	margin:0px;
	padding:0px 10px;
	border-left:solid 1px #c0a4a5;
	font-family: 'Raleway', sans-serif;
	font-size:11px;
	color:#c0a4a5;
	line-height:12px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.footer .copyright li:first-child {
	border-left:none;
}
.footer .copyright li a {
	color:#c0a4a5;
	text-decoration:none;
}
.footer .copyright li a:hover {
	color:#fff;
	text-decoration:underline;
}
.footer .social-list {
	margin:0px;
	padding:0px;
	padding-right:50px;
	padding-top:5px;
	float:right;
	font-size:0px;
}
.footer .social-list li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.footer .social-list li a {
	width:25px;
	height:28px;
	background-position:center;
	background-repeat: no-repeat;
	font-size:0px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-transition: .2s ease-in-out; /* For Safari 3.1 to 6.0 */
	transition: .2s ease-in-out;
}
.footer .social-list li a:hover {
	background-position:top center;
}
.footer .social-list li a.twitter {
	background-image:url(../images/footer-icon-twitter.png);
}
.footer .social-list li a.facebook {
	background-image:url(../images/footer-icon-facebook.png);
}
.footer .social-list li a.linkedin {
	background-image:url(../images/footer-icon-linkedin.png);
}
.footer .social-list li a.youtube {
	background-image:url(../images/footer-icon-youtube.png);
}

/* ------------------------------
FOOTER OFFICE LOCATIONS
------------------------------ */
.footer .office-location {
	width:250px;
	height:40px;
	padding-left:25px;
	font-family: 'Raleway', sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fefefe;
	text-transform:uppercase;
	line-height:40px;
	text-align:center;
	letter-spacing:.05em;
	vertical-align:top;
	background:url(../images/office-locations-globe.png) no-repeat 55px 8px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.footer .office-location:hover, .footer .office-location.active {
	color:#124875;
	background:url(../images/office-locations-globe-active.png) no-repeat 55px 8px;
	background-color:#fff;
}
.footer .office-location:hover .location-container {
	top:-190px;
}
.office-location .location-container {
	min-height:190px;
	position:absolute;
	top:300px;
	left:0px;
	background:url(../images/office-locations-bg.png) repeat-x top;
	background-size:contain;
}
.office-list {
	width:300px;
	padding:0px;
	margin:0px;
	margin-left:55px;
	margin-top:15px;
	text-align:left;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.office-list > li {
	padding:0px;
	margin:0px;
	font-size:12px;
	font-weight:normal;
	letter-spacing:normal;
	text-transform:none;
	list-style-type:none;
	float:left;
	width:50%;
}
.office-list > li a {
	padding:5px 0px;
	color:#333333;
	line-height:1em;
	text-decoration:none;
	background-position:5px center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-transition: .2s; /* For Safari 3.1 to 6.0 */
	transition: .2s;
}
.office-list > li a:hover, .office-list > li a.active {
	color:#124875;
	background:url(../images/mega-menu-nav-arrow.png) no-repeat left center;
	padding-left:10px;
}
.office-detail-list {
	width:450px;
	padding:0px;
	margin:0px;
	padding-left:55px;
	padding-right:55px;
	margin-top:15px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.office-detail-list > li {
	padding:0px;
	margin:0px;
	list-style-type:none;
	text-align:left;
	text-transform:none;
	display:none;
}
.office-detail-list > li.active {
	display:block;
}
.office-detail-list h1 {
	font-size:16px;
	font-weight: 600;
	letter-spacing:.05em;
	color:#124875;
	border-bottom:solid 1px #124875;
	padding:0px;
	margin:0px;
	margin-bottom:8px;
}
.mm-contact .office-detail-list h1 {
	border-bottom:none;
}
.office-detail-list p {
	font-size:11px;
	font-weight:normal;
	color:#333;
	line-height:1.5em;
	float:left;
	width:48%;
}
.office-map {
	width:280px;
	height:190px;
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.office-map > ul {
	padding:0px;
	margin:0px;
	font-size:0px;
}
.office-map > ul > li {
	list-style-type:none;
	padding:0px;
	margin:0px;
	position:absolute;
	left:10000px;
}
.office-map > ul > li.active {
	left:0px;
}

.mm-contact .office-detail-list {
	width:53%;
}
.mm-contact .office-detail-list h1 {
	border-bottom:none;
}

/* ------------------------------
SEARCH
------------------------------ */
.search-results {
	font-family: 'Raleway', sans-serif;
	margin:0px;
	padding:0px;
}
.search-results li {
	padding:5px 0px;
	font-size:12px;
	list-style-type:none;
}
.search-results li p {
	font-size:13px;
	line-height:1.4em;
}
.search-results li a {
	font-size:17px;
	font-weight:600;
	text-decoration:none;
}
.search-results li a:hover {
	text-decoration:underline;
}
.search-results li p > span {
	color:#006621;
}



/* ------------------------------
ANCILLARY
------------------------------ */
.alignBottom {
	background-position:bottom center !important;
}
.alignTop {
	background-position:top center !important;
}
.flushList li {
	margin:0px; margin-left:0px !important;
	padding:10px 0px;
	list-style-type:none;
}


/* ------------------------------
RESPONSIVE APPLICATIONS
------------------------------ */
/* portrait */
@media screen and (orientation:portrait) {
	html, body {
		min-width:500px !important;
	}
	.header {
		display:none !important;
	}
	.project-pane {
		display:none !important;
	}
	.content-container {
		display:none !important;
	}
	.content-container-no-hide {
		display:none !important;
	}
	.footer {
		display:none !important;
	}
	.background {
		display:none !important;
	}
	.widget-container, .arrowLeft, .arrowRight {
		display:none !important;
	}
	.portrait-detect {
		display:block;
	}
}
@media screen and (max-width: 900px) {
	.header h3 {
		display:none;
	}
	.project-pane {
		display:none;
	}
}
@media screen and (max-width: 1000px) {
	.header h3 {
		font-size:12px !important;
	}
}
@media screen and (max-width: 1099px) {
	.header h3 {
		font-size:14px;
	}
	.mm-practice > div {
		width:48%!important;
	}
	.mm-practice > div:first-child {
		margin-right:25px;
	}
	.mm-practice-image-holder {
		display:none !important;
	}
	.office-map {
		display:none !important;
	}
}
@media screen and (max-width: 1199px) {
	.header .search {
		position:absolute;
		right:0px;
		z-index:2;
	}
	.header .search:hover {
		width:300px;
	}
	.header .nav {
		position:absolute;
		right:57px;
		z-index:1;
	}
}