/* @override 
	http://localhost/pwius.com/css/screen.css
	http://localhost/pwius.com/trunk/css/screen.css
	http://www.pwius.com/beta/css/screen.css
*/

body{ background: url(../img/background-pattern.gif) repeat-x; }

strong{	font-weight: bold;}
em{	font-style: italic;}

#container{
	background-color: #fff;
	width: 860px;
	padding: 10px;
	margin: 0 auto;
	height: 100%;
}

/* @group Styles */

.col{
	display: block;
	overflow: hidden;
	float: left;
	padding: 5px;
}

.col h2{

	text-transform: uppercase;
	color: #0f5d67;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.btn{
	display: block;
	width: 135px;
	height: 21px;
	background-color: #be5705;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	padding-top: 4px;
}

.btn:hover{
	color: #fff;
	background-color: #903d04;
}

ul.bullets li{
	background: url(../img/bullets.gif) no-repeat 0 center;
	padding-left: 16px;
	margin-bottom: 4px;
	margin-top: 4px;
}

.hiddenFields{ display: none; }

body#pg_request_information select, body#pg_request_information input{
	background-color: #fff; border: 1px solid #999;font-size: 10px;}
	
option{
	font-size: 10px;
}

body#pg_request_information input{ padding: 2px; }

body#pg_request_information label{
	display: block;
	float: left;
	margin-bottom: 15px;
	width: 129px;
}


body#pg_request_information input, body#pg_request_information textarea{
	display: block;
	margin-bottom: 15px;
	padding: 5px;
	width: 574px;
}

body#pg_request_information textarea{
	height: 150px;
}

input#submit{
	width: 80px;
	margin-left: 127px;
}

/* @end */

/* @group Header & Footers */

#hdr{
	display: block;
	height: 116px;
	position: relative;
}

#ftr{
	background: url(../img/dots.gif) repeat-x;
	padding-top: 10px;
}

#ftr a, #ftr{ color: #7a859c; }



/* @end */

/* @group Nav */

#logo{
	display: block;
	width: 141px;
	height: 81px;
	background: url(../img/pwi-engineering-logo.gif) no-repeat;
	text-indent: -9000px;
	position: absolute;
	top: 15px;
}

ul#nav{
	position: absolute;
	top: 43px;
	right: 0;
}

ul#nav li{
	float: left;
	margin-left: 30px;
}
ul#nav li a{
	font-size: 10px;
	font-weight: bold;
	color: #05143f;
	display: block;
	text-transform: uppercase;
	background: url(../img/dots.gif) repeat-x 0 bottom;
}

ul#nav li a:hover{
	color: #105e67;
}

ul#nav li a:hover, ul#nav li.cur a{
	color: #105e67;
}

ul#nav_sub li{
	margin-bottom: 8px;
}

ul#nav_sub li a{
	color: #05143f;
	display: block;
	font-weight: bold;
	line-height: 120%;
}

ul#nav_sub li a:hover{color: #105e67;}
ul#nav_sub li.cur a{color: #ac1414;}



ul.pagination{
	overflow: hidden;
}

ul.pagination li{float: left;}
ul.pagination li a{padding: 5px;}
ul.pagination li a:hover{color: #05143f;}
ul.pagination li.here a{color: #ac1414;}

/* @end */

/* @group Pages */

#page{
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
	height: 100%;
}

#page_title{
	margin: 0 0 5px 140px;
	overflow: hidden;
	background: url(../img/dots.gif) repeat-x 0 bottom;
	padding: 0 0 8px;
	display: block;
	position: relative;
	
}

#page #page_title.table_of_element_space{
	height: 35px;
}

#page #page_title.table_of_element_space h1{
	margin-left: 46px;
	padding-top: 7px;
}

#table_of_elements{
	display: block;
	position: absolute;
	float: left;
	border: 1px #000 solid;
	margin-right: 5px;
	font-size: 18px;
	width: 35px;
	height: 26px;
	text-align: center;
	vertical-align: middle;
	padding-top: 7px;
}

#page h1{
	display: block;	
	color: #085962;
	font-size: 18px;
}

#page #sidenav{
	float: left;
	display: block;
	width: 119px;
	min-height: 1px;
	padding-right: 10px;
	border-right: 1px #e6e7eb solid;
	margin-right: 10px;
}

#page #sidenav h2{
	font-weight: bold;
	line-height: 150%;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #05143f;
}

#page #sidenav ul li{
	margin-bottom: 10px;
	color: #05143f;
}

#page #sidenav #twitter-btn{
	margin-bottom: 10px;
	margin-top: 10px;
}


#page #content{
	float: left;
	min-height: 1px;
	margin-top: 1px;
}

.primary #content{width: 720px; }
.secondary #content{width: 720px;}

#page #content h2{
	color: #05143f;
	font-weight: bold;
}

#page #content h3{font-weight: bold; color: #05143f;}

#page #page_img{

	display: block;
	width: 290px;
	min-height: 1px;
	float: right;
	padding-top: 5px;
	text-transform: uppercase;
	color: #075a62;
}

#page #page_img.popup img{
	display: block;
	width: 288px;
	height: auto;
	border: 1px #8c95a7 solid;
}

/* @group Sitemap */

body#pg_sitemap #page_title{
	margin-left: 0;
}

ul#sitemap li ul{
	margin-left: 15px;
}

ul#sitemap li a{
	display: block;
	padding: 0 0 1px;
}

/* @end */

/* @group Inner */

#header{
	display: block;
	height: 135px;
	background: url(../img/mainbanners/inner-banner.jpg) no-repeat;
}

#intro{
	display: block;	
	background: url(../img/intro-background.gif) repeat-x;
	padding: 13px 240px 13px 15px;
	height: 127px;
	margin-bottom: 10px;
	color: #05143f;
	font: 16px/160% Gotham, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
}

#intro img{
	position: absolute;
	top: 0;
	right: 0;
}

#content{color: #05143f;}
#content p { margin-bottom: 10px; }

/* @end */

/* @group Homepage */

/* @group Top */

#top_section { overflow: hidden; }

#top_section #welcome, #top_section #elements{
	background-repeat: no-repeat;
	height: 280px;
	float: left;
}

/* @group Intro */

#top_section #welcome{
	background-image: url(../img/home-building.jpg);
	width: 481px;
	position: relative;
}

#welcome .article{
	position: absolute;	
	width: 400px;
	color: #fff;
	left: 60px;
	top: 20px;
	line-height: 150%;	
}

#welcome .article h1{
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 150%;
}

#welcome .article h2{
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #ff7100;
}

#welcome .article p{
	margin-bottom: 10px;
	line-height: 160%;
	font-size: 12px;
}



/* @end */

/* @group Elements */

a#elements-of-engineering-link{
	display: block;
	height: 81px;
	width: 208px;
	position: absolute;
	top: 41px;
	left: 168px;
}

#top_section #elements{
	background-image: url(../img/elements-of-engineering.jpg);
	width: 379px;
	position: relative;
}

#top_section #elements ul.bullets{
	position: absolute;
	top: 120px;
	left: 171px;
}

#top_section #elements ul.bullets li{
	text-transform: uppercase;
	color: #05143f;
	font-size: 10px;
	font-weight: bold;
}

#elements a#login{
	display: block;
	position: absolute;
	bottom: 12px;
	left: 10px;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#elements a#login:hover{
	color: #85c8d0;
}



/* @end */



/* @end */

/* @group Bottom */
#sub_section{ overflow: hidden;	margin-bottom: 10px;
}

div#resources{
	padding-left: 0;
	padding-right: 10px;
	width: 300px;
}

div#feature_projects{
	width: 290px;
	background-color: #e2ebf3;
	padding-left: 10px;
	padding-right: 10px;
	color: #1c2a51;
	padding-bottom: 10px;
}

div#feature_projects h3{
	font-size: 14px;
	font-weight: bold;
}

div#twitter{
	width: 220px;
	padding-left: 10px;
	padding-right: 10px;
}

#twitter ul li{
	background: url(../img/multi-dots.gif) no-repeat 0 bottom;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#twitter-btn{
	display: block;
	background: url(../img/twitter.gif) no-repeat 0 2px;
	padding-left: 29px;
	font-weight: bold;
	line-height: 130%;
	margin-bottom: 10px;
}

#linkedin-btn{
	display: block;
	background: url(../img/linkedin.gif) no-repeat 0 2px;
	padding-left: 29px;
	font-weight: bold;
	line-height: 130%;
	margin-bottom: 10px;
	padding-bottom: 4px;
	padding-top: 5px;
}


/* @end */
/* @end */

/* @group Projects */

body.projects #page h1{
	display: block;
	background: url(../img/dots.gif) repeat-x 0 bottom;
	margin: 0 0 5px;
	color: #085962;
	font-size: 18px;
	padding: 0 0 8px;
}

/* @group List */

#search_bar{
	border: 1px solid #bababa;
	height: 48px;
	position: relative;
	background: #c8cad3 url(../img/search_bar_background.gif) repeat-x;
	margin-bottom: 10px;
}

#search_market, #search_service{
	text-transform: capitalize;
}

li#search_by, li#by_market, li#by_service, li#by_keywords{
	position: absolute;
	top: 13px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #055661;	
}

li#search_by{ top: 16px; left: 13px; color: #05143f; }
li#by_market{ left: 92px; }
li#by_service{ right: 226px;}
li#by_keywords{	right: 10px;}

div#entries h2{
	color: #136069;
	text-transform: uppercase;
	background: url(../img/dots.gif) repeat-x 0 bottom;
	padding-bottom: 5px;
	margin: 10px 0;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

div#entries h3.searchString{
	font-size: 16px;
	color: #999;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#entries h3.searchString em{
color: #15616a;
	font-weight: bold;
	font-style: normal;
}

.group{
	overflow: hidden;
	position: relative;
	border-bottom: 1px #fff solid;
	display: block;
	height: auto;
}

.project{
	display: block;
	height: 53px;
	position: relative;
	width: 580px;
	float: left;
	overflow: hidden;
}

.project img{
	position: absolute;
	top: 5px;
	left: 5px;
}
.project h3{padding-left: 2px; top: 0; font-weight: bold;}
.project h3, .project p{ position: absolute; left: 60px; color: #05143f; }
.project p a{ color: #05143f;}
.project p{ top: 15px; padding-left: 0; }

.other_classes{
	position: absolute;
	top: 40px;
	right: 0px;	
	display: block;
	width: 248px;	
	background-color: #ebebeb;
	padding: 5px 10px 10px;
	border: 1px solid #d8d8d8;	
}

.other_classes ul li{
	text-indent: -10px;
	padding-left: 10px;
	margin-bottom: 5px;
}


/* @end */

/* @group Detail */

#back-to-projects{
	position: absolute;
	right: 0;
	top: 5px;
}

#description{
	width: 290px;
	float: left;
	padding-right: 10px;
}

#description h2, div#other h2{
	color: #085962;
	font-size: 17px;
	line-height: 130%;
}

#description h3{
	color: #737c95;
	font-style: italic;
	margin-bottom: 10px;
}

#description p{
	margin-bottom: 10px;
}

div#description ul li{
	margin-bottom: 15px;
	background: url(../img/bullets.gif) no-repeat 0 4px;
	padding-left: 20px;
}

div#images{
	display: block;
	width: 300px;
	float: left;
	padding-left: 0;
	padding-right: 0;
	min-height: 315px;
	margin-left: 10px;
	overflow: hidden;
	/*border: 1px #333 solid;*/
}

div#cycleGroup{
	overflow: hidden;
}

div#pagination{
	display: block;
	margin-top: 5px;
	font-weight: bold;
}

div#pagination a{padding: 0 2px;}
div#pagination a:hover{color: #ac1414;}
div#pagination a.activeSlide{color: #737c95;}

div#other{
	width: 230px;
	float: right;
	padding-left: 10px;
}

div#other li{color: #737c95;}

/* @end */

/* @end */

/* @group Contact Us */

div.GMapEZ{
	width: 720px;
	height: 157px;
	padding: 0;
}



/* @end */

/* @group Map */

#page.bigmap h1{margin-left: 0;}

#page.bigmap div.GMapEZ{
	width: 858px;
	height: 265px;
	padding: 0;
}

/* @end */

/* @group News & Literature */

.entry{
	background: url(../img/dots.gif) repeat-x 0 bottom;
	margin: 0 0 10px;
	padding-bottom: 5px;
}

ul.pdf_list{
	margin-bottom: 5px;
}

ul.pdf_list li a{
	background: url(../img/download.gif) no-repeat 0 2px;
	padding-left: 13px;
}

body#pg_news_literature #page .entry h2{
	font-size: 15px;
	line-height: 150%;
}

body#pg_news_literature #page .entry h3{
	font-size: 13px;
	line-height: 150%;
}

body#pg_news_literature #page .entry h3.big{
	color: #ac1413;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: bold;
}

body#pg_news_literature #page #content h1{
	border-bottom: 0px;
	background-image: none;
	text-transform: uppercase;
	font-size: 11px;
}

body#pg_news_literature #page #content{
	width: 710px;
	margin-left: 10px;
}

body#pg_news_literature #page #page_title{
	margin-left: 149px;
}


/* @end */

/* @group Resources */



/* @end */



/* @end */