* {
	padding:0;
	margin:0;
}

html, body {
	width:100%;
	height:100%;
}

body {
	font-family:Verdana;
	font-size:10pt;
	background:#f9f8ff url('../inc/body_bg.jpg') repeat-x;
}

a img {
	border:0;
}

div#wrapper {
	width:950px;
	margin:0 auto;
	background:transparent url('../inc/page_tile.jpg') repeat-y;
}

div#main {
	width:950px;
	background:transparent url('../inc/page_bg.jpg') no-repeat;
	color:gray;
}

div#main h1 {
	font-size:14pt;
	margin-bottom:10px;
	font-weight:bold;
}

div#main h2 {
	float:left;
	padding-right:5px;
	font-size:12pt;
	font-weight:bold;
}

div#main h3 {
	font-size:10pt;
	font-weight:bold;
	margin:10px 0;
}

img.right {
	float:right;
	margin:10px;
	margin-right:0;
}

img.left {
	float:left;
	margin:10px;
	margin-left:0;
}

div#main p {
	padding:4px 0;
}

ul.main {
	padding:10px;
}

ul.main li {
	margin-left:20px;
	line-height:1.5em;
}

div#footer,
div#middle,
div#header {
	margin:0 55px;
}

div.half {
	float:left;
	margin-right:20px;
	margin-top:20px;
}

div#header {
	padding-bottom:10px;
}

a#logo {
	float:right;
}

a#title {
	float:left;
}

ul.nav {
	padding-top:20px;
	list-style:none;
	clear:both;
}

ul.nav li {
	float:left;
}

ul.nav a {
	color:white;
	background:url('../inc/tab_bg.gif') no-repeat top;
	width:94px;
	height:19px;
	padding-right:1px;
	padding-left:45px;
	padding-top:2px;
	display:block;
	font-size:9pt;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

ul.sidenav li.current a,
ul.sidenav a:hover,
ul.nav li.current a,
ul.nav a:hover {
	color:#575af5;
}

div.sidenav {
	background:url('../inc/nav_title.gif') no-repeat top;
	padding-top:34px;
	width:179px;
	margin-right:10px;
	float:left;
}

ul.sidenav {
	list-style:none;
	display:block;
	background:#faf9f9 url('../inc/nav_bg.gif') repeat-x bottom;
	border-bottom:1px #d7d7d7 solid;
}

ul.sidenav li {
	display:block;
	width:177px;
	border:1px #d7d7d7 solid;
	border-top-width:0;
	border-bottom-width:0;
}

ul.sidenav a {
	display:block;
	background:transparent url('../inc/nav_bullet.gif') no-repeat left;
	width:137px;
	margin:0 10px;
	padding:10px 0 10px 20px;	
	min-height:14px;
	text-transform:uppercase;
	color:#6b6b6b;
	text-decoration:none;
	font-size:7pt;
	border-bottom:1px #d7d7d7 solid;
}

ul.sidenav a#last {
	border-bottom:0;
}

div#content {
	float:left;
	width:640px;
}

div#footer {
	padding-top:10px;
	clear:both;
}

div#footer a {
	text-decoration:none;
	color:black;
}

div#banner {
	clear:both;
	background-image:url('../inc/banner_bg.jpg');
}

div#footer_nav a {
	display:block;
	float:left;
	width:133px;
	height:127px;
	margin-right:7px;
	font-size:10pt;
	font-weight:bold;
	font-family:"Arial Narrow";
	text-align:center;
	padding-top:2px;
	color:white;
	text-decoration:none;
}

a#ventilation {	background-image:url('../inc/ventilation_footer.jpg'); }
a#aircon 	{	background-image:url('../inc/aircon_footer.jpg'); }
a#dirivent	 {	background-image:url('../inc/dirivent_footer.jpg'); }
a#textile 	{	background-image:url('../inc/textile_footer.jpg'); }
a#maintenance {	background-image:url('../inc/maintenance_footer.jpg'); }
a#ductwork {	background-image:url('../inc/ductwork_footer.jpg'); }

div#ecs { float:left; }
div#wsi { 
	float:right; 
	text-align:right;
}

.clear {
	clear:both;
}

.green { color:#2fb500; }
.blue { color:#4a4aff; }
.orange { color:#ff8400; }

div.captioned {
	text-align:center;
	float:left;
	margin:0 20px 20px 0;
}