@charset "utf-8";
/* 
	stylesheet.css
	
	Project: Stewart & Craig
	
*/



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

body{width:100%; background:url(../images/body_BGtile.jpg) 0 0 repeat-x fixed;}

.full{width:100%; display:block;}
.fixed{width:1000px; 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%; }


/*------ body content ------*/
#container{background:url(../images/mastHead_IMG.jpg) top center no-repeat; height:370px;}
#mastHead{background:url(../images/mastHead_BTM.png) bottom center no-repeat; height:370px;}
#topBar{background:url(../images/topBar_BG.png) 0 0 no-repeat; height:100px;}
#mainContent{background:url(../images/content_BG.png) -1px 0 repeat-y; padding:30px 45px; margin-top:367px; position:absolute;}
#leftCol{width:615px; margin-bottom:30px; border-right:1px solid #ccc; padding-right:20px;}
#rightCol{width:250px; margin:0 0 30px 20px; font-size:12px; line-height:18px;}
#photobox{
	background:url(../images/photoBox_IMG.png) 0 0 no-repeat; 
	display:block; 
	position:absolute;
	z-index:1; 
	height:163px; 
	width:960px; 
	margin-top:193px; 
	padding:0px 20px 11px 20px;
	overflow:hidden;
}

.apply{padding:0; margin:32px 23px 0 0; line-height:46px; list-style:none;}
.apply a{font-size:16px; color:#fff; text-decoration:none; background:#3c7c54; height:46px; display:block; padding:0 10px;}
.apply a:hover{background:#005090;}

.hLink{width:380px; height:120px; margin-left:600px; position:absolute;}
.title{position:absolute; width:500px; height:52px; display:block; z-index:3; margin:193px 0 0 20px;}
a.boxNav{
	width:229px; 
	margin-right:1px;  
	background:url(../images/boxNav_BG.png) bottom no-repeat;
	font-size:14px; 
	color:#fff; 
	text-transform:uppercase; 
	padding-left:10px; 
	text-decoration:none; 
	line-height:32px;
}
a.boxNav:hover, a.hilite{background:url(../images/boxNav_BG_r.jpg) bottom no-repeat;}
a.b1{width:230px; height:163px; line-height:297px;}
a.b2{height:125px; margin-top:38px; line-height:222px;}
a.b3{height:105px; margin-top:58px; line-height:182px;}
a.b4{height:105px; margin:58px 0 0 0; line-height:182px;}


/*------ application form ------*/
label{display:block; width:230px; float:left; font-size:13px; color:#3C7C54;}
.input, .textarea{border:1px solid #ccc; padding:5px; margin-bottom:2px; width:350px; font-family:Helvetica, Arial, sans-serif; color:#666; font-size:12px;}
.textarea{height:80px;}
.submit{display:block; float:right; background:none; border:none; font-size:14px; color:#000; font-family:"Palatino", Gerogia, Times, serif; font-weight:bold; text-align:right;}
.submit:hover{color:#005090;}


/*------ footer ------ */
#footer{border-top:1px solid #ccc; clear:both; padding-top:20px; font-size:12px;}
#footer p{color:#666;}
#footer a{color:#666; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footerNav{padding-bottom:15px;}
#footerNav a{color:#222;}


/*------ mobile page ------*/
#mbl_wrapper{width:320px; margin:0 auto; background:url(../images/mbl_headerIMG.jpg) 0 0 no-repeat; padding:200px 0 0; text-align:center; font-size:13px;}
#mbl_wrapper .padding{padding:0 20px 20px;}
a.mbl_btn{
	display:block; 
	height:40px; 
	line-height:40px; 
	color:#fff !important; 
	font-size:14px; 
	background:url(../images/mbl_btnBG.jpg) 0 0 repeat; 
	text-decoration:none !important;
}
#mbl_wrapper h1, #mbl_wrapper h2, #mbl_wrapper h3{margin-bottom:15px;}
#mbl_wrapper h1{font-size:22px;}