/* 
	Comments
		Tecninova Red:  #D9071F;
		Tecninova Green: #006633; 
*/


/*
-------------------------------------------------------- LAYOUT STYLES --------------------------------------------------------
*/

* { margin: 0; padding: 0; }
body { background-color: #fff; margin: 40px 10px 20px 10px; }
html, body { text-align: center; }
#pagewidth {
	width: 940px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#col1 {
	width: 195px;
	float: left;
}
#col2 { width: 325px; float: left; }
#col3 { width: 400px; float: right; }
#col4 { clear: both; }
#footer { clear: both; height: 10px; }
body#main #col4,
body#mainsub #col4,
body#project #col4 {
	padding-top: 25px;
	margin: 0 0 0 195px;
}
body#main #col4a,
body#mainsub #col4a { float: left; width: 210px; margin-top: 20px; }
body#main #col4b,
body#mainsub #col4b { width: 385px; border-left: 1px solid #999; margin-top: 20px; margin-left: 210px; }
body#main #col4b { margin-left: 105px; float: left; }
body#project #col4.casestudy,
body#news #col4 { margin: 0; padding: 0; width: 900px; }

/*
-------------------------------------------------------- NAVIGATION SET-UP --------------------------------------------------------
*/

a { color: #D9071F; text-decoration: none; }
.navcol { float: left; width: 105px; height: 130px; position: relative; margin: 0 0 0 0; background-color: #fff; }
.navcol ul { position: absolute; bottom: 0; border-left: 1px solid #999; }
.navcol ul li { list-style-type: none; margin-left: 7px; line-height: 14px; }
.navcol li a:link,
.navcol li a:hover,
.navcol li a:visited,
.navcol li a.selected:link,
.navcol li a.selected:hover,
.navcol li a.selected:visited { font: normal normal normal 9px/13px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #666; }
.navcol li a:hover { color: #D9071F; }
.navcol li a.selected:link,
.navcol li a.selected:hover,
.navcol li a.selected:visited { color: #D9071F; font-weight: bold; }
.tabtxtnav a:link,
.tabtxtnav a:hover,
.tabtxtnav a:visited { color: #666; text-decoration: none; }
.navtoggle { position: relative; }
.navswitch { clear: both; height: 25px; margin: 0 0 0 218px; padding-top: 5px; }
.tab { float: left; margin-right: 4px; }
h6.tabtxtnav { font-size: 9px; color: #666; margin: 0; }
h6.tabtxtnav a:link { font-size: 9px; color: #666; }
h6.tabtxtnav a:hover { color: #D9071F; }
h6.tabtxtnav a.selected:link,
h6.tabtxtnav a.selected:hover,
h6.tabtxtnav a.selected:visited { color: #D9071F; }
ul#disciplines li a.selected:link,
ul#disciplines li a.selected:hover,
ul#disciplines li a.selected:visited { color: #999 }
.clientlist a.selected:link,
.clientlist a.selected:hover,
.clientlist a.selected:visited { color: #D9071F; }
a.sitelink { color: #666; text-decoration: none; }
a.sitelink:hover { color: #D9071F; text-decoration: none; }

/*
-------------------------------------------------------- CONTENT STYLES --------------------------------------------------------
*/

img { border: 0; }
img.logo {
	margin-top: 85px;
}
h1, h2, h3, h4, h5, h6 { font: normal normal normal 18px/18px 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; color: #333; margin: 1em 0; }
p { font: normal normal normal 11px/15px 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; color: #666; margin: 1em 0; }
p.address { font: normal normal normal 9px/13px Verdana, Arial, Helvetica, sans-serif; color: #666; margin-top: 55px; }
sup { line-height: 0; }
ul#disciplines li { list-style-type: none; display: inline; font: normal normal normal 11px/15px 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; color: #666; margin: 1em 5px 0 0; }
ul#disciplines li a { text-decoration: none; color: #666; }
ul#disciplines li a:hover { text-decoration: none; color: #D9071F; }
#col4a h1 { margin: 0 0 10px 0; }
#col4b h1 { margin: 0 0 10px 10px; }
#col4a h2 { font-size: 11px; line-height: 15px; color: #808080; margin: 0; }
#col4b p { margin: 0; padding-left: 10px; font-size: 12px; line-height: 20px; }
h2#cs { font-size: 14px; cursor: pointer; margin-top: 30px; }
.clientlist { border-top: 1px solid #999; padding-top: 10px; width: 181px; float: left; }
.clientlist a { text-decoration: none; color: #666; }
.clientlist a:hover { text-decoration: none; color: #D9071F; }
.clientlist p { margin: .5em 0; }
#project #content { clear: both; padding-top: 1px; }
#project #content h1 { margin: 50px 0 20px 0; }
#project #content h2 { width: 93px; color: #999; background: #fff url(../img/_common/cs-arr-down.gif) no-repeat scroll top right; }
#project #content h2:hover { color: #666; }
#project #content h2.on { color: #006633; background: #fff url(../img/_common/cs-arr-up.gif) no-repeat scroll top right; }
#project #content p { margin-right: 50px; }
.casestudy h3 { font-size: 13px; float: left; width: 155px; text-align: right; margin: 0; color: #999; }
.casestudy p { margin-left: 200px; width: 450px; }
.casestudy blockquote { background: #fff url(../img/_common/quote-left.gif) no-repeat scroll -4px 4px; font: italic normal normal 14px/18px Helvetica, Georgia, sans-serif; color: #666; padding: 10px 30px; margin: 10px 30px 10px 200px; width: 375px; }
.casestudy .img { float: right; width: 200px; }
.casestudy .img p { margin: 0; width: 200px; padding: 10px 0 20px 0; font: normal normal normal 10px Arial, sans-serif; text-align: center; color: #808080; }
body#news #col4 h1 { margin: 0 0 .5em 0; line-height: 1.5; margin-left: 200px; }
body#news #col4 h2 { font-size: 14px; margin: 2em 0 .5em 200px; line-height: 1.5em; }
body#news #col4 h3 { font-size: 13px; margin: 0 0 .5em 200px; line-height: 1.5em; }
body#news #col4 h4 { font-size: 12px; float: left; width: 155px; text-align: right; margin: 0; padding: 0; color: #999; }
body#news #col4 p { width: 450px; margin-left: 200px; margin-top: 0; }
body#news #col4 .imgbox { width: 266px; float: right; }
body#news #col4 .imgbox img { margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 2px; float: left; }
body#news #col4 ul { margin-left: 200px; margin-bottom: 1em; }
body#news #col4 li { font: normal normal normal 11px/15px 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; color: #666; margin: 0; }
body#news .rss { width: 200px; margin: 50px 0 0 200px; color: #333; }
body#news .rss a:link,
body#news .rss a:visited { color: #999; }
body#news .rss a:hover { text-decoration: underline; color: #333; }
.medialist { width: 300px; margin-top: 20px; }
.medialist p { width: 150px; float: left; margin: 0 !important; }
.skip { margin-left: 200px; font: normal normal normal 11px/11px 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; color: #999; }

/*
-------------------------------------------------------- LIGHT BOX STYLES --------------------------------------------------------
*/

#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 5px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../img/_lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/_lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/_lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; color: #666; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 5px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-top: 0.5em; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;	}	 	
/*#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

.pics {  
	position:relative; 
    height:  225px;  
    width:   600px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
  	position:absolute;
	padding: 0px;  
    border:  1px solid #ccc;  
    background-color: #FFF;  
    width:  600px; 
    height: 225px; 
	top:  0; 
    left: 0;

} 
.staticlogo {
	font-size: 9px;
	color: #999;
	text-decoration: none;
}
.staticlogo a {
	font-size: 9px;
	color: #999;
	text-decoration: none;
}