@charset "utf-8";
/* 
	stylesheet.css
	
	Project: Sintra Engineering
	
*/



/*------ global ------*/ 
* {margin:0; padding:0;}

body{width:100%;}

.full{width:100%; display:block;}
.fixed{width:920px; display:block; margin:auto;}

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}



/*------ clearFix ------ */
.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearFix { display: inline-block; }
html[xmlns] .clearFix { display: block; }
* html .clearFix { height: 1%; }



/*------ main styles ------*/
.tagline{padding:0; margin:0; color:#535456; font-family:"Minion Pro", Times, serif; font-style:italic;}
h1.title{padding-top:35px;}
h3.title{color:#621b4b; padding-left:12px; line-height:20px;}

#tabs{margin-top:-70px;}

#mastHead{background-position:bottom center; background-repeat:repeat-x; padding-top:20px;}
#titleBar{background:#dddddd; height:60px; padding:20px 0;}
#mainContent{padding-bottom:20px;}
#leftCol{width:580px; padding-right:20px; padding-top:10px; padding-bottom:20px; margin:20px -1px 0 0; border-right:1px solid #cdcdcd;}
#rightCol{width:299px; padding-left:20px; padding-top:10px; padding-bottom:20px; margin:20px 0 0 0; border-left:1px solid #cdcdcd;}
#centerCol{padding-top:20px;}

/* banner */
.bannerimg{padding:4px; border:1px solid #fff;}
.bannertxt{color:#fff; width:310px; padding:10px 0; font-family:"Minion Pro", Times, serif; line-height:28px;}
.bannertxt p{padding:0;}

/* promos */
.promo{margin:20px 0;}
.third{padding:0 20px; border-right:1px solid #ccc; vertical-align:top;}
#announceBox{background:url(../images/promo_BGtile.jpg) 0 0 repeat-x #3e0729; padding:20px; border:1px solid #3e0729;}
#announceBox td{color:#fff !important;}
#announceBox p{margin:0; padding:0;}
#announceBox a{color:#fff;}


/* call today */
.phone{height:55px; width:300px; border-left:1px solid #aeaeae; padding:5px 0 0 20px;}


/* downloads */
ul.dls{list-style:none; padding:5px 0 20px; margin:0;}
ul.dls li{background:url(../images/icon_pdf.gif) 0 0 no-repeat; padding:2px 0px 3px 24px;}
ul.dls a{text-decoration:none;}
ul.dls a:hover{text-decoration:underline;}


/* newsletter signup */
#newsletter{height:50px;}
input.email{height:27px; width:232px; background:url(../images/signup_input.gif) 0 0 no-repeat; border:0; padding:6px 0 0 5px;}
input.signup{height:27px; width:60px; background:url(../images/signup_btn.gif) top right no-repeat; border:0;}
input.signup:hover{background:url(../images/signup_btn_r.gif) top right no-repeat;}
.unsubscribe{background:none; border:0; font-size:11px; color:#5e1646; font-family:Helvetica, Arial, sans-serif; height:12px; text-align:left;}
.unsubscribe:hover{border-bottom:1px solid #5e1646;}

/* publications */
h3.cat1{background:url(../images/icon_collision_xs.jpg) 0 0 no-repeat; padding:0 0 0 23px;}
h3.cat2{background:url(../images/icon_fire_xs.jpg) 0 0 no-repeat; padding:0 0 0 23px;}
h3.cat3{background:url(../images/icon_failure_xs.jpg) 0 0 no-repeat; padding:0 0 0 23px;}
h3.cat4{background:url(../images/icon_injury_xs.jpg) 0 0 no-repeat; padding:0 0 0 23px;}
h3.cat5{background:url(../images/icon_sintra_xs.jpg) 0 0 no-repeat; padding:0 0 0 23px;}

/* people */
.tleader{font-size:9px; font-family:Arial, sans-serif; letter-spacing:0px; color:#621B4B; width:115px; white-space: nowrap; overflow:hidden; display:block; height:18px; margin-top:-8px;}




/*------ main navigation ------*/
#mainNav{height:52px; background:url(../images/navBar_BG.jpg) top center repeat-x #dddddd;}
#mainNav ul{list-style:none;}
#mainNav ul li{display:block; float:left; white-space:nowrap; width:1px;}
#mainNav ul > li{width:auto;}
a.main{
	display:block; 
	float:left; 
	height:52px; 
	background:none; 
	color:#fff;
	font-size:18px;
	font-family:Times, serif;
	font-weight:normal;
	text-decoration:none;
	line-height:52px;
	margin-right:1px;
}
a.main:hover, a.selected{background-position:top center; background-repeat:no-repeat;}
a.main span{border-left:1px solid #5e1646; border-right:1px solid #5e1646; padding:0 12px; display:block; height:48px;}
a.main:hover span, a.selected span{border-left:1px solid #2e0620; border-right:1px solid #2e0620;}


/* sub nav */
.tooltip {display:none; background:url(../images/subNav_Bg.png) bottom left no-repeat; height:auto; padding:20px 20px 30px; width:120px;}
.tooltip a{display:list-item; text-decoration:none; font-family:Times, serif; font-size:13px; line-height:21px; color:#888;}
.tooltip a:hover{color:#61194a;}


/* icon nav */
ul.iconNav{height:35px; list-style:none; padding:0; margin:-8px 0 0 0;}
ul.iconNav li{display:inline; height:auto;}
ul.iconNav li a{display:block; float:left; width:35px; height:35px; background-image:url(../images/iconNav_off.png); margin-left:10px;}
ul.iconNav li a:hover, ul.iconNav li a.on{background-image:url(../images/iconNav_on.png);}

a.icon1, a.icon1:hover{background-position:0 0;}
a.icon2, a.icon2:hover{background-position:-46px 0;}
a.icon3, a.icon3:hover{background-position:-92px 0;}
a.icon4, a.icon4:hover{background-position:-138px 0;}


/*------ home page layout styles -----*/
#lvl1 .hLink{background:url(../images/sintraLogo_lg.jpg) 0 0 no-repeat; height:115px; width:530px;}
#lvl1 .tagline{font-size:18px; padding-top:55px; margin-bottom:48px;}
#lvl1 #mastHead{height:357px;}
#lvl1 #slider{height:337px;}
#lvl1 #mainNav{background-color:#fff;}
#lvl1 a.main:hover, #lvl1 a.selected{background-image:url(../images/navBar_BGrw.jpg);}


/*------ sub page layout styles -----*/
#lvl2 .hLink{background:url(../images/sintraLogo_sm.jpg) 0 0 no-repeat; height:75px; width:310px;}
#lvl2 .tagline{font-size:16px; padding-top:32px;}
#lvl2 #mastHead{height:257px;}
#lvl2 #slider{height:237px;}
#lvl2 a.main:hover, #lvl2 a.selected{background-image:url(../images/navBar_BGr.jpg);}


/*------ contact form ------*/
#contactForm{width:412px;}
#contactForm p{padding:0 0 6px 0;}
.input, .select{font:12px Helvetica, Arial, sans-serif; color:#333; border:0; background:url(../images/contact_input.gif) 0 0 no-repeat; width:320px; padding:6px 5px 0 5px; height:27px;}
.select{padding:6px 0; height:27px;}
.textarea{font:12px Helvetica, Arial, sans-serif; color:#333; border:0; background:url(../images/contact_textarea.gif) 0 0 no-repeat; width:320px; height:96px; padding:7px 5px;}
label{display:block; float:left; width:80px; font-weight:bold; line-height:25px;}
.submit{float:right; height:27px; width:103px; background:url(../images/contact_btn.jpg) 0 0 no-repeat; border:0;}
.submit:hover{background:url(../images/contact_btn_r.jpg) 0 0 no-repeat;}


/*------ submit a file form ------*/
#submitfile{width:542px;}
#submitfile p{padding:0 0 6px 0;}
#submitfile label{width:210px;}
#submitfile radio{padding:7px 0;}
#submitfile .submit{float:right; height:27px; width:103px; background:url(../images/submit_btn.jpg) 0 0 no-repeat; border:0;}
#submitfile .submit:hover{background:url(../images/submit_btn_r.jpg) 0 0 no-repeat;}
#submitfile .fake{
	font:12px Helvetica, Arial, sans-serif; 
	color:#333; 
	border:0; 
	background:url(../images/choosefile_btn.jpg) 0 0 no-repeat;
	text-overflow:ellipsis;
	width:240px; 
	padding:7px 85px 7px 5px;
	position: absolute;
	top: 0px;
	left: 210px;
	z-index: 1;
}
#submitfile .real{position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0;z-index: 2;}



/*------ footer ------ */
#footer{background:url(../images/footer_BG.jpg) top center repeat-x; font-size:12px; height:180px; padding-top:20px;}
#footer h2{color:#261022; margin:0; padding:0; line-height:30px;}
#footer span.f_left{padding-right:40px;}
#footer span.f_right{text-align:right; font-size:11px;}
#footer a{color:#333;}

/* submit file */
a.file{background:url(../images/submitfile_btn.jpg) 0 0 no-repeat; width:320px; height:30px; display:block;}
a.file:hover{background:url(../images/submitfile_btn_r.jpg) 0 0 no-repeat;}


/*------ service area themes ------*/
.theme1 h1{color:#c67b2a; font-size:32px;}
.theme1 h3.icon{width:580px; height:60px; padding:0; margin:0; background:url(../images/icon_fire.jpg) top right no-repeat;}
.theme1 h3.title{color:#c67b2a;}
.theme1 #mainNav{background-image:url(../images/navBar_BG_th1.jpg);}
.theme1 a.main:hover, .theme1 a.selected{background-image:url(../images/navBar_BGr_th1.jpg) !important;}
.theme1 a.main span{border-left:1px solid #c67b2a; border-right:1px solid #c67b2a;}
.theme1 a.main:hover span, .theme1 a.selected span{border-left:1px solid #945612; border-right:1px solid #945612;}


.theme2 h1{color:#8d8d35; font-size:32px;}
.theme2 h3.icon{width:580px; height:60px; padding:0; margin:0; background:url(../images/icon_failure.jpg) top right no-repeat;}
.theme2 h3.title{color:#8d8d35;}
.theme2 #mainNav{background-image:url(../images/navBar_BG_th2.jpg);}
.theme2 a.main:hover, .theme2 a.selected{background-image:url(../images/navBar_BGr_th2.jpg) !important;}
.theme2 a.main span{border-left:1px solid #8d8d35; border-right:1px solid #8d8d35;}
.theme2 a.main:hover span, .theme2 a.selected span{border-left:1px solid #5c5c1a; border-right:1px solid #5c5c1a;}

.theme3 h1{color:#705526; font-size:32px;}
.theme3 h3.icon{width:580px; height:60px; padding:0; margin:0; background:url(../images/icon_injury.jpg) top right no-repeat;}
.theme3 h3.title{color:#705526;}
.theme3 #mainNav{background-image:url(../images/navBar_BG_th3.jpg);}
.theme3 a.main:hover, .theme3 a.selected{background-image:url(../images/navBar_BGr_th3.jpg) !important;}
.theme3 a.main span{border-left:1px solid #705526; border-right:1px solid #705526;}
.theme3 a.main:hover span, .theme3 a.selected span{border-left:1px solid #3f2e10; border-right:1px solid #3f2e10;}

.theme4 h1{color:#507679; font-size:32px;}
.theme4 h3.icon{width:580px; height:60px; padding:0; margin:0; background:url(../images/icon_collision.jpg) top right no-repeat;}
.theme4 h3.title{color:#507679;}
.theme4 #mainNav{background-image:url(../images/navBar_BG_th4.jpg);}
.theme4 a.main:hover, .theme4 a.selected{background-image:url(../images/navBar_BGr_th4.jpg) !important;}
.theme4 a.main span{border-left:1px solid #507679; border-right:1px solid #507679;}
.theme4 a.main:hover span, .theme4 a.selected span{border-left:1px solid #244648; border-right:1px solid #244648;}


/* reset phone colors */
.phone h1{color:#621b4b !important; font-size:28px !important;}