@import "classes";
/* rina rocks */

/* variables */
@width: 960px;
@height_main:460px;

@pad:33px;

@font_type_sm:10px;
@font_line_sm:13px;
@font_type_lg:12px;
@font_line_lg:17px;
@font_type_p:11px;
@font_line_p:18px;
@font_type_related:10px;
@font_line_related:18px;
@font_gridlinks:0.75em;
@font_letter:.2em;
@font_highlight:#fff200; // yellow
@font_highlight_2:#f6eb1a;
@font_Tandelle:"TandelleRegular", Arial Narrow, sans-serif;
@font_sanserif: Helvetica, Arial, sans-serif;

@border_bars:#7d7d81;
@border:1px solid #7d7d81;

html {
	width:100%;
	background: url(../images/bg.jpg);
}

body {
	width:@width;
	margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: @font_type_lg;
	color:#000;
}
.delayed_visible { opacity: 0; }

.single .content {
	margin-bottom:50px;
}

.single h1 {
	font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
	font-size: 35px;
	line-height: 60px;
	letter-spacing: @font_letter;
	text-transform: uppercase;
	color:#000;
	font-weight: normal;
}
.single h2 {
	display: inline-block;
}
.single a {
	color:#000;
	text-decoration: none;
}
.content p strong {
		font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
		font-size: 35px;
		line-height: 60px;
		letter-spacing: @font_letter;
		text-transform: uppercase;
		color:#000;
}

// add this code tweaks
.at15t_compact {
	height:0;
	width:0;
	background-position: -17px 0;
}
/*html body #at20mc #at15s {
	top:827px !important;
	left:266px !important;
}*/
nav.share-menu {
	padding: 0;
	margin: 0;
}
.share-menu a {
	float: left !important;
}
.at300b {
	top:3px;
	float: left !important;
	height: 10px;
	width:10px;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}
.non-display {
	display:none;
}

p {
	font: @font_type_p;
	line-height: @font_line_p;
}
div.wpcf7-response-output {
    height: 30px;
    position: absolute;
    width: 80%;
}
#principle-grid span.wpcf7-not-valid-tip {
	top: -8px;
    width: 284px;
    left:0;
    color: red;
}
#staff-grid span.wpcf7-not-valid-tip {
    color: red;
    height: 17px;
    left: 0;
    top: -8px;
    width: 251px;
}
#staff-grid div.wpcf7-response-output {
	bottom: 0;
}

/* All nav icons */
nav.iconic {
		padding-top: @pad;
	li {
		float: none;
	}
	li a {
		background-repeat: no-repeat;
		height: 30px;
		padding-right: 20px;
		display: block;
		font-size: @font_type_sm;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		text-indent: 34px;
		line-height: 30px;
	}

	 li a.view-projects {
		background: url(../images/link-icons-vert.png) no-repeat 0 0;
	}
	 li a.email {
		background: url(../images/link-icons-vert.png) no-repeat 0 -30px;
	}
	 li a.save-contact {
		background: url(../images/link-icons-vert.png) no-repeat 0 -60px;
	}
	 li a.share {
		background: url(../images/link-icons-vert.png) no-repeat 0 -90px;
	}
	 li a.print {
		background: url(../images/link-icons-vert.png) no-repeat 0 -120px;
	}
	 li a.locate {
		background: url(../images/link-icons-vert.png) no-repeat 0 -150px;
	}
	 li a.view-projects:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -180px;
	}
	 li a.email:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -210px;
	}
	 li a.save-contact:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -240px;
	}
	 li a.share:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -270px;
	}
	 li a.print:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -300px;
	}
	 li a.locate:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -330px;
	}
	 li a:hover {
		color: @font_highlight;
	}
}

header {
	margin-top: 38px;
	padding-bottom: 9px;
	border-bottom: 1px solid @border_bars;
	margin-bottom: @pad;
			h1 {
			float: left;
			a {
				text-indent: -9000px;
				width: 278px;
				height: 20px;
				background: url(../images/Hefferlin-Kronenberg.png) no-repeat 0 5px;
				display: block;
			}
		}
	nav {
		height: 20px;
		.current_page_item {
			a {
				color:@font_highlight;
			}
		}
		a {
			color:#000;
			font-size: @font_type_sm;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: @font_letter;
			line-height: 20px;
			padding:0 20px;			
		}
		li {
			float: left;
		}
		ul {
			float: right;
		}
		form .text-wrapper {
			width: 112px;
			height: 17px;
			background:url(../images/search.jpg);
			overflow: hidden;
		}
		input {
			padding: 3px; 
			background: transparent;
			border: none; 
			font-size: @font_type_sm;
			letter-spacing: @font_letter;
		}
		.ie input {
			padding:0;
			padding-left:3px;
		}
		#searchsubmit {
			display: none;
		}
	
	}
}

section#main-content {
	width: @width;
	.content li {
		list-style-type: disc;
		margin-left:20px;
		padding: 5px 0;
	}
	
	#feature-box, .overlay {
		height: @height_main; 
		overflow: hidden;
		margin-bottom: @pad;
		width: @width;
	}
	#feature-box {
		position: relative;
		.caption { // holds the h2 and excerpt 
			position: absolute;
			top:40px;
			right:0;
			display: block;
			z-index: 1000;
			text-align: right;
			// Jeremy added 11/1
			//padding:20px 65px 0px 25px;
			padding:20px 60px;
			line-height: 32px;
			background: rgba(0,0,0,0.7);
			// Jeremy removed 11/1
			// border-bottom: 1px solid #fff;
			.addy {
				font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
				font-size:32px;
				font-weight: normal;
				text-transform: uppercase;
				color:@font_highlight;
				letter-spacing: @font_letter;
				float: left;
				text-align: right;
				a {
					color:@font_highlight;
					text-decoration: none;
				}
			}
			.excerpt {
				
			}
			#slidernav {
				float: right;
				position: relative;
				top:18px;
				right:-18px;
				width:110px;
				text-transform: lowercase;
				font-size: 9px;
				color:#fff;
				vertical-align: text-bottom;
				//line-height: 32px;
				z-index: 1000;
				a {
					font-size: inherit;
					color:#fff;
					text-decoration: none;
				}
				.nav-btn {
					display: block;
					height: 10px;
					width: 9px;
					background: url("../images/play-pause.png");
					//background-position: -8px -2px;
					cursor: pointer;
					text-indent: -9999px;
					font-size: 0px;
					position: relative;
					top:-2px;
					text-align: left;
				}
				
				.play {
					background: url(../images/play-pause.png) -8px;
				}
				
				.pause {
					background: url(../images/play-pause.png) 0px;
				}
				.nav-btn:hover {
					background: url(../images/play-pause-highlight.png) 0px;
				}
				.play:hover {
					background: url(../images/play-pause-highlight.png) -8px;
				}
				
				.prev:hover, .next:hover {
					color:@font_highlight;
				}
				a, span {
					display: block;
					float: left;
					line-height: normal;
				}
				.pipe-sp {
					padding: 0 5px;
				}
				.prev, .next {
					margin: 0 2px;
				}
			}
			figcaption { // image description in the slider
				position: absolute;
				top:55px;
				margin-right:55px;
				font-size: 10px;
				line-height: 15px;
				color:#fff;
				text-align: left;
			}
	}
	#slider figure {
		float: left;
	}
	}

#nav { width: 300px; margin: 15px }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav li.activeSlide a { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
	.tagline {
		width:@width;
		margin: 0 auto;
		margin-bottom:@pad;
		padding:24px 0;
		border:1px solid @border_bars;
		border-right: none;
		border-left: none;
		text-align: center;
		font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
		font-size: 45px;
		line-height: 31px;
		letter-spacing: @font_letter;
		text-transform: uppercase;
	}
	.single-project {
		float: left;
		width:(@width - 370px);
	}
	h2 {
		font-size: @font_type_lg;
		line-height: @font_line_lg;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: @font_letter;
	}
	p {
		padding-bottom: 11px;
	}
	nav.iconic {
		padding-top:10px;
		li {
			float: left;
			list-style-type: none;
			padding: 0 5px 0 0;
			margin: 0 0 0 0;
		}
		.share {
			margin-right: 15px;
		}
	}
	aside.testimonial {
		border: 3px solid #8c8c8d;
		width:400px;
		margin-bottom: 30px;
		figure {
			height:225px;
			background-color: gray;
		}
	}
	aside.related {
		float: right;
		width:300px;
		h2 {
			line-height: 26px;
		}
		li {
			display: block;
			font-size: @font_type_related;
			color: #000;
			padding-bottom: 8px;
		}
		a {
			font-size: @font_type_related;
			line-height: 15px ;
			color: #000;
			text-decoration: none;
			display: block;
			font-weight: bold;
		}
	}
	nav {
		padding-bottom: 80px;
	}
	
 // the locate box within the project page
 	.overlay {
		//display: none;
		color:#fff;
		font-size: @font_type_sm;
		line-height: @font_line_sm;
		background-color: #000;
		background: fadeout(#000,50%);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		z-index: 10000;
	}
	.out-of-view {
		background-color: none;
		background: fadeout(#fff,0%);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		z-index: -1000;
	}
	.project-locate-info {
		float: left;
		width:280px;
		margin: 20px;
		p {
			height: 150px;
		}	
	}
	.coordinates {
		border:none;
		border-top: 1px solid #fff;
		font-size: @font_type_lg;
		line-height: @font_line_lg;
		padding-top:10px;
	}
	.project-locate-map {
		float: right;
		margin: 20px 20px 0 0;
	}

	#locate-overlay {
		position: absolute;
		z-index: 1000;
		span {
			position: absolute;
			top:5px;
			right:5px;
			a {
				display: block;
				height: 15px;
				width:15px;
				line-height: 15px;
				font-size:10px;
				text-align: center;
				font-family: @font_sanserif;
				color:#fff;
			}
			a:hover {
				color: @font_highlight;
			}
		}
	}
}



nav#category-grid {
	width: @width+33px;
	overflow: hidden;
	margin-bottom: @pad;
	li {
		width:300px;
		height: 369px;
		margin-right: 30px;
		float: left;
		h2 {
			display: block;
			height: 33px;
			margin-top:@pad;
			background: #000;
			background: fadeout(#000,50%);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);
			color:#fff;
			font-weight: lighter;
			font-size: @font_gridlinks;
			letter-spacing: @font_letter;
			line-height: 33px;
			text-align: center;		}
		a {
			color:#fff;
			text-decoration: none;			
			text-transform: uppercase;
		}
		a:hover {
			text-decoration: underline;
		}
		span {
			padding:0 5px;
		}	
	}
}
nav#thumb-grid {
	width: @width+33px;
	overflow: hidden;

	li {
		width:300px;
		height: 222px;
		margin-right: 30px;
		margin-bottom: @pad;
		float: left;
		h2 {
			display: block;
			height: 33px;
			margin-top:@pad;
			background: #000;
			background: fadeout(#000,50%);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);
			color:#fff;
			font-weight: lighter;
			font-size: @font_gridlinks;
			letter-spacing: @font_letter;
			line-height: 33px;
			text-align: center;		}
		a {
			color:#fff;
			text-decoration: none;			
			text-transform: uppercase;
			display: inline-block;
			width:300px;
			height:222px;
		}
		a h2:hover {
			text-decoration: none;
			color:@font_highlight;
		}
		span {
			padding:0 5px;
		}	
	}
}
section#main-content nav#filter-bar {	padding-bottom: 0px; }

nav#filter-bar {
	border:1px solid @border_bars;
	border-right: none;
	border-left:none;
	margin-bottom: @pad;
	padding-bottom: 0px;
	width:960px;
	ul {
		width: 100%;
		margin: 0 auto;
	}
	@bulletpad:15px;
	
	li {
		text-align: center;
		float: left;
		//padding:0 @bulletpad;
		text-align: center;

		img {
			//position: relative;
			//right:-(@bulletpad - 2);
			padding: 0 14px 0 8px;
		}
	}
	
	.current-cat {
		a {
			color: @font_highlight;
		}
	}
	a {
		font-size: @font_type_sm;
		color:#3d3c41;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: @font_letter;
		line-height: 25px;
/* 		padding:0 20px;			 */
	}
	a:hover {
		text-decoration: none;
		color:@font_highlight;
	}
}
.home nav#filter-bar {
	border: none;
}
section#press-grid {
	width: @width+33px;
	overflow: hidden;
	color:#fff;
	font-size: 12px;
	line-height: 15px;
		h2.in-the-press {
		padding:30px 0 20px;
		border-top:1px solid @border_bars;
		border-right: none;
		border-left: none;
		border-bottom: none;
		font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
		font-size: 35px;
		line-height: 31px;
		letter-spacing: @font_letter;
		text-transform: uppercase;
		color:#000;
		display: inline-block;
		width: 100%;
	}

	article {
		width:300px;
		height: 222px;
		margin-right: 30px;
		margin-bottom: @pad;
		float: left;
		background: #404042;
		div {
			padding: 0 15px;
		}
		h2 {
/* 			height: 57px; */
			height: 40px;
			border-top: 1px solid #404042;
			width: 100%;
			background: url(../images/press-icons.png) no-repeat right 8px;
			
			a {
				display: block; line-height: 1.2em;
				margin-top: 15px;
				padding-right: 35px;
			}
		}
		h2.article {
			background: url(../images/press-icons.png) no-repeat right -70px;
		}
		h2.award {
			background: url(../images/press-icons.png) no-repeat right -30px;
		}
		a {
			color: #fff;
			text-decoration: none;
		}
		a:hover {
			text-decoration: none;
			color:@font_highlight;
		}		div.excerpt{
			height: 130px;
			padding: 0;
			margin: 8px 0 0 0;
		}
	.read-more {
		color:@font_highlight_2;
	}
	.read-more:hover {
		text-decoration: underline;
	}
	}
}

/* STAFF */

#principle-grid {
	.photo	{ width: 479px; float: left; margin-bottom: 50px; margin-right: 33px; }
	.column	{ width: 445px; float: left; margin-bottom: 50px; }
}

#principle-staff {
	.photo	{ width: 479px; float: left; margin-bottom: 50px; margin-right: 33px; }
	.column	{ width: 445px; float: left; margin-bottom: 50px; }
}

.staff {

	h2 {
		font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
		font-size: 32px;
		line-height: 46px;
		border-bottom: @border;
		letter-spacing: @font_letter;
		text-transform: uppercase;
		margin-bottom: 15px;
		a.photo-link {
			color:#000;
		}
		a {
			color:#000;
			text-decoration: none;
		}
		a:hover {
			color:@font_highlight;
		}
		
	}
	article {
		position: relative;
	}
	aside span a {
		font-weight: bold;
		padding: 10px;	
	}
	h3 {
		font-size: 13px;
		line-height: 23px;
		font-style: italic;
		font-weight: bold;
	}
	.email-overlay-container {
		color:#fff;
		font-size: @font_type_sm;
		line-height: @font_line_sm;
		background-color: #000;
		background: fadeout(#000,50%);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		z-index: 10000;
	    height: 495px;
	    width: 481px;
	    position: absolute;
	    left:0;
	    top:0;
	    display: none;
	    span a {
	    	position: absolute;
	    	top:0;
	    	right:0;
	    	color:#fff;
	    }
	    span a:hover {
	    	color:@font_highlight;
	    }
	    .wpcf7-form {
	    	margin:20px;
	    }
	}

	.out-of-view {
		background-color: none;
		background: fadeout(#fff,0%);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		z-index: -1000;
	}

}


section#staff-grid { // secondary staff
	width: @width+33px;
	//overflow: hidden;
	
	article {
		width:300px;
		height: 930px;
		margin-right: 30px;
		//margin-bottom: @pad;
		float: left;
		nav li {
			display: block;
		}
		img, .email-overlay-container {
			width:300px;
			height:369px;
		}
		.email-overlay-container textarea, .email-overlay-container input {
			width: 250px;
		}
	}
}

section#principle-grid, .staff-individual {
	width: @width+33px;
	//overflow: hidden;
	.wpcf7-form {
		padding: 20px;
		height: 492px;
	    //width: 631px;
	    width: 100%;
	}
	article {
		width: 100%;
		float: left;
		margin-right: 30px;
		margin-bottom: @pad;
		img {
			width:479;
			height: 495px;
			float: left;
			margin-right: @pad;
		}
		.column {
			float: left;
			//width: 329px;
			width: 445px;
		}
		nav li {
			float: left;
		}
	}
}


html body a:hover {
	text-decoration: none;
	color:@font_highlight;
}
section#main-content aside.related a:hover {
	text-decoration: none;
	color:@font_highlight;
	}
	
/* search results */
#search_results {
	h1 {
		font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
		font-size: 35px;
		margin-bottom: 50px;
	}
	h2 {
		font-size: 14px; 
		line-height: 15px;
	}
	ul {
		margin: 5px 0 20px 0;
	}
	
	
	li { list-style-type: none; margin-bottom: 50px; }
	li a { font-size: 12px; line-height: 15px; color:#000; font-weight: bold; text-decoration: none; }
	a.read-more { font-size: 12px; line-height: 15px; color:#000; font-weight: normal; text-decoration: underline; display: block; margin-top: 0px; }
	a:hover { color: #fff200; }

}

footer {
	margin-top: 64px;
	padding-top: 25px;
	padding-bottom: 43px;
	border-top: 1px solid @border_bars;
	color:#000;
	nav {
		font-size: @font_type_sm;
		line-height: @font_line_sm;
		h1 {
			width:45px;
			height: 36px;
			background: url(../images/hk.gif) no-repeat 0 0;
			float: left;
			text-indent: -9000px;
			padding-right: 20px;
		}
		.vcard, .center, .right {
			width:300px;
			float: left;
			color:#000;
			.adr {
				color:#000;
			}
		}
		.center {
			text-align: center;
		}
		.right {
			float: right;
			text-align: right;
		}
		a {
		font-size: @font_type_sm;
		line-height: @font_line_sm;
		color: #000;
		text-decoration: none;
		}
		li {
			color:#000;
		}
		
	}
}

/* Contact page */
.hk_address { 
	width: 305px; 
	float: left; 
	margin-right: 24px; 
	
	input, textarea { 
		width: 100%; 
   	}
	
	input[type="submit"] { 
		width: 100px;
		float: right; 
	}
}
.hk_map	{ 
	width: 630px; 
	float: left; 
}


/* for responsive layout */

#responsive_press_articles {
	display: none;
}

#responsive-promos {
	display: none;
		
	figure {
		position: relative;
	
		.caption { // holds the h2 and excerpt 
				background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
				position: absolute;
				top:40px;
				right:0;
				display: block;
				z-index: 1000;
				//text-align: right;
				padding-right:65px;
				border-bottom: 1px solid #fff;
				.responsive-addy {
					font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
					font-size:32px;
					font-weight: normal;
					color:@font_highlight;
					letter-spacing: @font_letter;
					float: left;
					text-align: right;
				}
				
				
				figcaption { // image description in the slider
					position: absolute;
					top:55px;
					margin-right:55px;
					font-size: 10px;
					line-height: 15px;
					color:#fff;
					text-align: left;
				}
		}
		
		/*
		img:nth-child(1) {
			display: none; // hide b&w image
			
		}
		*/
		
		#slidernav {
			display: none; // hide prev/next links
		}
		
		.caption {
			
			padding-top: 20px;
			padding-bottom: 20px; // add white space underneath caption
			padding-left:20px;
			border:none;
			
			a {
					font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
					font-size:32px;
					font-weight: normal;
					color:@font_highlight;
					letter-spacing: @font_letter;
					float: left;
					//text-align: right;
					text-decoration: none;
					text-transform: uppercase;
			}
		}
		
		
	}

}



#responsive-filter-bar {
	display: none;
}









section#press-grid {
	width: @width+33px;
	overflow: hidden;
	//color:#fff;
	font-size: 12px;
	line-height: 15px;
		h2.in-the-press {
		padding:30px 0 20px;
		border-top:1px solid @border_bars;
		border-right: none;
		border-left: none;
		border-bottom: none;
		font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
		font-size: 35px;
		line-height: 31px;
		letter-spacing: @font_letter;
		text-transform: uppercase;
		color:#000;
		display: inline-block;
		width: 100%;
	}

	div#responsive_press_grid article {
		width:300px;
		height: 222px;
		margin-right: 30px;
		margin-bottom: @pad;
		float: left;
		background: #404042;
		div {
			padding: 0 15px;
		}
		h2 {
/* 			height: 57px; */
			height: 40px;
			border-top: 1px solid #404042;
			width: 100%;
			background: url(../images/press-icons.png) no-repeat right 8px;
			
			a {
				display: block; line-height: 1.2em;
				margin-top: 15px;
				padding-right: 35px;
			}
		}
		h2.article {
			background: url(../images/press-icons.png) no-repeat right -70px;
		}
		h2.award {
			background: url(../images/press-icons.png) no-repeat right -30px;
		}
		a {
			color: #fff;
			text-decoration: none;
		}
		a:hover {
			text-decoration: none;
			color:@font_highlight;
		}		div.excerpt{
			height: 130px;
			padding: 0;
			margin: 8px 0 0 0;
		}
	.read-more {
		color:@font_highlight_2;
	}
	.read-more:hover {
		text-decoration: underline;
	}
	}
	li {
		color:#fff;
	}
}

#responsive_project {
	display: none;
}

div#responsive-map {
	display: none;
}

#responsive-activate-overlay {
	display: none;
}

div#responsive-video {
	display: none;
}





footer nav ul.right li.resp-contact-li { /* added for Contact link in footer */
	
	display: none;
}



/* end css for responsive layout */




/* Added my Jeremy 11/2 */
#thumb-grid li {
	position: relative;
	
	h2 {
		position: absolute; z-index: 100;
		width: 300px;
	}
	
	.hidden {display: none;}
}

#slider {
	figure {
		width: 960px;
		
		img {position: absolute;}
		
		.hidden {display: none;}
	}
	figure.hidden { display:none; }
	a {
		text-decoration: none;
	}
}

.error404 #main-content { // rsh 11/4
	background: url(../images/404.jpg) no-repeat;
	height: 553px;
	width: 960px;
	h2 {
		font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
		font-size: 32px;
		line-height: 15px;
		padding-bottom: 20px;
		font-weight: normal;
	}
}

.error404 footer {
	margin-top: 0;
}

.error404 form .text-wrapper {
	width: 112px;
	height: 17px;
	background:url(../images/search.jpg);
	overflow: hidden;
}

aside.testimonial #container {
	height: 225px;
	width: 400px;
}
aside.testimonial video.mobile {
	display: none;
}
#searchform #s {
	outline: none;
	outline: 0;
	highlight: 0;
}
#responsiveLayout {
	display: none;
}
#responsiveLayout h2 {
	font-family: @font_Tandelle;
font-weight: normal; // fix for Opera
	font-size: 32px;
	line-height: 15px;
	padding-bottom: 20px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: @font_letter;
}
#responsiveLayout #responsive-filter-bar {
	margin: 0;
}
#responsiveLayout #thumb-grid {
	margin: 0;
}

div#responsive-promo-title {
	display: none;
}
.post-edit-link { color:#888; }

/* overrides for ie */
.ie .single h1, .ie .content p strong, .ie .addy, .ie .tagline, .ie h2.in-the-press, .ie .staff h2, .ie #search_results h1, .ie .responsive-addy, .ie .caption a , .ie 
.error404 h2, .ie #responsiveLayout h2 {
	/*font-family:  Arial Narrow, sans-serif !important;*/
}
.ie #feature-box .caption {
	background: transparent url(../images/black_70.png) repeat scroll 0 0;
/*	white-space:nowrap;
	width: 1px;*/
}
.ie #main-content .tagline {
	font-size: 25px;
/*	font-family: Arial Narrow, sans-serif;*/
}

.ie #filter-bar li {
	float: left;
	img {
		padding: 0 10px 0 8px;
	}
	//margin: 0 10px;
}
.ie section#main-content #feature-box .caption  {
	float: right;
	display: inline;
/*	width: auto;
	min-width:40px;*/
}
.ie section#main-content #feature-box .caption .addy {
	float: right;
	font-size:25px;
	text-align: right;
	margin-right: 25px;
}
.ie section#main-content #feature-box .caption #slidernav {
	float: right;
	background: none;
	font-size: 12px;
	width: 125px;
	/*height: 50px;*/
	line-height: 35px;
	padding-bottom: 10px;
}
.ie section#staff-grid {
	clear: both;
	margin-top: 50px;
}
	
 .ie li a.view-projects {
		background: url(../images/link-icons-vert.png) no-repeat 0 0;
	}
	 .ie li a.email {
		background-position-y: -30px;
	}
	 .ie li a.save-contact {
		background: url(../images/link-icons-vert.png) no-repeat 0 -60px;
	}
	 .ie li a.share {
		background: url(../images/link-icons-vert.png) no-repeat 0 -90px;
	}
	 .ie li a.print {
		background: url(../images/link-icons-vert.png) no-repeat 0 -120px;
	}
	 .ie li a.locate {
		background: url(../images/link-icons-vert.png) no-repeat 0 -150px;
	}
	 .ie li a.view-projects:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -180px;
	}
	 .ie li a.email:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -210px;
	}
	 .ie li a.save-contact:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -240px;
	}
	 .ie li a.share:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -270px;
	}
	 .ie li a.print:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -300px;
	}
	 .ie li a.locate:hover {
		background: url(../images/link-icons-vert.png) no-repeat 0 -330px;
	}


/* overrides for other browsers 
html>body.opera section#main-content .'pause'   // pauses the slideshow, slideshow can be resumed with 'resume' commandslider {
	font-family:  Arial Narrow, sans-serif;
	font-size: 40px;
	letter-spacing: .05em;
}*/
html>body.opera #filter-bar li {
	float: left;
	//margin: 0 10px;
}

html>body.opera #filter-bar {
	width: 960px;
}
	.ie .nav-btn {
					text-indent: -9999px;
					display: block;
					margin-top:4px;
				}
	.ie .nav-btn:hover {
		margin-top:4px;
	}