body {font-family: Century Gothic,Trebuchet ms, Arial; margin:0; font-size: 1.2em; background: url(images/v3.1/bg.jpg) fixed repeat-x top center #000;}
h1{color: #DDE; margin: 0 0 0 0; padding: 0 0 5px 0; font-size: 1.5em;}
h1#homeTitleHeader{}
h1#homeTitleHeader{}/*behavior: url(images/iepngfix.htc);*/
h2{color: #DDD; margin: 0 0 5px 0; font-size: 1.3em; margin:0;}
a:link, a:active{color:#BCD; text-decoration: none;}
a:visited{color:#9AB;}
a:hover{color:#EEEEFF;}
img{border: 0;}
td{vertical-align: top;}
small{font-size: 0.6em;}

#bodyWrap{width:920px;position: relative;left: 50%;margin-left: -460px;}
#linksHolder{top:0; display: none; position:fixed;}
#header{background: url(images/v3.1/header_bg2.png) repeat-x top left; height: 100px; margin:0; padding:0;}
#header_right{float:right; top: 0; background: url(images/v3.1/top_right2.png) no-repeat top left; height: 100px; width: 9px;}
#main_content{width: 100%; background: #515152; position: relative;}

table.portfolioTbl td p {font-size: 0.9em; margin-top: 0; color: #fff;}
.portfolioTbl h2 {}

#navigation{margin: 0; padding: 15px 15px 0 15px; position: relative;}
#navBorderFixer{width: 600px; margin: -6px 0 0 270px; height: 5px; background: #222; z-index: 999;}
.nav{width: 610px; list-style: none; height:30px; margin:0; padding: 0 0 0 285px;}
.nav li {width:120px; text-align:center; position:relative; display:block; float: left; line-height: 30px; background: #222;border-top: 1px solid #888888;}
.nav li a{text-decoration: none; color: #FFFFFF; width: 100%; display:block;}
.nav li a:hover{color: #99AAFF; background: #555;}
.firstchild {border-left: 1px solid #888888; width: 120px !important; border-left: 1px solid #999999;}
.lastChild {border-right: 1px solid rgb(153, 153, 153);}
.navSelected{background:url(images/v3.1/nav-selected.gif) top left repeat-x !important;}
.navSelected a:hover{background:url(images/v3.1/nav-selected.gif) top left repeat-x !important; color: #fff;}
.topLeftNav{background: url(images/v3.1/nav-topleft-round.gif) top left no-repeat; display: block; width: 10px; height: 10px; position: absolute; top: -1px; left: -1px;}
.topRightNav{background: url(images/v3.1/nav-topright-round.gif) top right no-repeat; display: block; width: 10px; height: 10px; position: absolute; top: -1px; right: -1px;}

#full_content{width: 860px; min-height: 50px; color: #DDD; padding: 5px 10px 5px 10px; margin: 0 0 0 20px; position: relative; background: #222; border: 1px solid #888888; z-index: 1; clear:both;}
#text_content{width: 569px; margin: 10px 3px 10px 0; padding: 5px; float: right; background: url(images/v3.1/metal_bg.jpg) top right no-repeat #343434; border: 1px solid #888888; z-index: 1; clear:both;}
#contentForRight{position: relative; background: url(images/v3.1/main_right.jpg) top right repeat-y;}
#contentForLeft{position: relative; background: url(images/v3.1/main_left.jpg) top left repeat-y;min-height: 400px;}
#footer{height:100px;background: url(images/v3.1/footer_bg.png) repeat-x top left;}
#footerLeft{height:100%; float:left; background: url(images/v3.1/bottom_left.png) no-repeat top left; width: 14px;}
#footerRight{height:100%; float:right; background: url(images/v3.1/bottom_right.png) no-repeat top right; width: 14px;}

.revealedContent{position:relative; left: auto;}
.msg{color: #DD0000;}
.specialMessage{padding: 5px; background: #ff3300; color: #FFF;}


			img {border: 0;}
			.column { float: left; }
			.featureShingles { width: 250px; margin: 10px 0 0 10px; *margin-top: 9px;}
			
			.grid3col .column { width: 32%; margin-left: 2%; }
			.grid2col .grid3col .column { width: 31%; }
			
			.featureShingles .column { width: 58%; margin-left: 2%; }
			.featureShingles .column.first,
			.featureShingles .column.last { width: 19%; }
			.featureShingles:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
			.grid3col, .featureShingles { _zoom:1; }
			.column.first, .column.last { margin-left: 0 !important; }
			.column.last { float: right !important; }
			.grid3col .column { width: 29%; }
			.grid3col .column.first { width: 29%; }
			.grid3col .column.last { width: 32%; float: right; }
			/* GRID */
			.featureShingles .column { width: 250px; margin-left: 15px;}
			.featureShingles .column.first,
				.featureShingles .column.last { width: 250px; }
			#pkShingleNav { height: 475px; }
			#pkShingleNav ul {padding-left: 0;background: url(images/v3.1/shingles_tobehandled_bg.png) top left no-repeat; display: block;}
			#pkShingleNav h2 { background: url(images/v3.1/shingles_header.png) top left no-repeat; width: 100%; height:33px; margin: 0; padding:0; color: #DDE; line-height: 30px; font-size: 17px;}
			#pkShingleNav .drawers { margin: 0; position: relative; overflow: hidden; height: 100%; }
			#pkShingleNav .drawers li { display: block; position: absolute; top: 0; z-index: 1; width: 100%; }
			#pkShingleNav .drawers img.photo { display: block; margin: 2px 3px 0 2px; }
			#pkShingleNav .drawers .handle { display: block; padding: 15px 15px 8px; height: 25px; margin-bottom: -6px; background: url(images/v3.1/shingles_handlebg.png) -250px 100% no-repeat; overflow: hidden; }
			.toBeHandled {background: url(images/v3.1/shingles_tobehandled_bg.png) top left repeat-y; display: block;}
			#pkShingleNav .drawers .handle:hover { text-decoration: none; }
			#pkShingleNav .drawers .handle strong { display: block; font-size: 13px; color: #333; font-weight: normal; height: 18px; white-space: nowrap; overflow: hidden; }
			#pkShingleNav .drawers .handle .description { color: #333; height: 28px; overflow: hidden; line-height: 14px; }
			#pkShingleNav .drawers .handle .more { color: #2971a7;}
			#pkShingleNav .drawers li.obscured .handle { background-position: 0 100%; }
			#pkShingleNav .drawers li.obscured .handle .description { color: #666; }
			.handle .strongTitle {display: block; width: 100%; height: 25px; float: left; margin: 0;
				color: #333333;
				font-weight: bold;
				font-size: 16px;}
			.strongTitle a {color: #000;	font-weight: bold;font-size: 16px;}
			a.handle{text-decoration: none;}