@charset "utf-8";
/* 
	stylesheet.css
	
	Project: Proforma Capital Group
	
*/



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

body{width:100%; background:url(../images/content_BGtile.gif) 0 0 repeat;}

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

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

ul.list{padding-bottom:10px; list-style:none;}
ul.list li{background:url(../images/bullet.gif) 0 7px no-repeat; padding:0 0 0 11px;}

ol { padding: 0 0 10px 0px; padding-bottom:10px; margin-left: 40px;}
.push_right {padding: 0 0 10px 0px; padding-bottom:10px; margin-left: 40px; }

label{display:block; float:left; font-weight:bold; width:80px;}
.input, .textarea{
	width:340px; 
	border-top:1px solid #D4CFBC; 
	border-left:1px solid #D4CFBC; 
	border-bottom:1px solid #fff; 
	border-right:1px solid #fff; 
	font-family:Helvetica, Arial, sans-serif; 
	font-size:12px; 
	color:#333; 
	padding:3px;
	margin-bottom:5px;
}
.textarea{height:60px;}
.submit{float:right;}


/*------ 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%; }


/*------ top bar ------*/
#topBar{height:22px; background:url(../images/topbar_BGtile.gif) 0 0 repeat-x;}
#topBar .glow{height:22px; background:url(../images/topbar_glow.jpg) bottom left no-repeat;}

#logoBlock{height:111px; background:url(../images/clouds_BGtile.jpg) top center repeat-x;}
.hLink{height:111px; width:235px; background:url(../images/proforma_logo.jpg) 0 0 no-repeat;}
.photo{height:255px; background:#eee;}


/*------ main navigation ------*/
ul.mainNav{height:111px; list-style:none;}
ul.mainNav li{display:block; float:left;}
ul.mainNav a{display:block; float:left; height:111px; background-image:url(../images/mainnavBG_off.jpg);}
ul.mainNav a:hover, ul.mainNav a.selected{background-image:url(../images/mainnavBG_on.jpg);}

.nav1{width:96px; background-position:0 0;}
.nav2{width:97px; background-position:-96px 0;}
.nav3{width:102px; background-position:-193px 0;}
.nav4{width:99px; background-position:-295px 0;}


/*------ sub navigation ------*/
ul.subNav{list-style:none; border-top:1px solid #d4cfbc; border-bottom:1px solid #fff;}
ul.subNav li{border-top:1px solid #fff;}
ul.subNav li a{
	display:block;  
	border-bottom:1px solid #d4cfbc; 
	font-size:13px; 
	font-weight:bold; 
	color:#111; 
	text-transform:uppercase; 
	line-height:36px; 
	text-decoration:none;
	padding-left:12px;
	padding-top:2px;
}
ul.subNav li a:hover, ul.subNav li a.selected{background:url(../images/subnav_arrow.gif) 200px 14px no-repeat; color:#9e7411;}

/* sub sub nav */
ul.subNav2{border:0; border-top:1px solid #fff; border-bottom:1px solid #d4cfbc; list-style:none;}
ul.subNav2 li{border:0;}
ul.subNav2 li a, ul.subNav2 li span{
	display:block;  
	border:0; 
	font-size:12px; 
	font-weight:normal; 
	color:#333; 
	text-transform:uppercase; 
	line-height:28px; 
	text-decoration:none;
	padding-left:20px;
	padding-top:2px;
	background:none;
}

ul.subNav2 li a:hover, ul.subNav2 li a.selected{background:#faf8f4;}



/*------ masthead ------*/
#mastHead{background:url(../images/mastHead_BGtile.gif) 0 0 repeat-x; border-bottom:1px solid #fff;}
.photo{background:url(../images/mastHead_img1.jpg) 0 0 no-repeat; height:255px;}


/*------ main content ------*/
#mainContent{padding:20px 0;}
#leftCol{width:220px; padding-right:30px; clear:both;}
#rightCol{width:710px; padding-top:15px;}
#centerCol{width:100%; padding-top:15px;}


/*------ sticky footer ------ */
#footer{
	background:url(../images/footer_BGtile.jpg) 0 0 repeat-x #171414; 
	border-top:1px solid #fff; 
	color:#fff; 
	line-height:24px; 
	letter-spacing:0.03em;  
	text-shadow: 0 0 1px #000;
	margin-top:20px;
}
#footer .glow{background:url(../images/footer_glow.jpg) top right no-repeat; display:block; padding-bottom:40px;}
#footer .block{width:250px;}
#footer a{text-decoration:none; color:#777;}
#footer a:hover{text-decoration:underline; color:#777;}

*{margin: 0;}
html, body {height: 100%;}
#wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -180px;}
#footer, .push{height: 180px;}