body {
	background: #036;
	}
	
#header {
	width: 750px;
	height: 116px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(images/header-tile.jpg) repeat-x top left;
	}

h1.logo{
	text-indent:-3000px;
	overflow:hidden;
	background:url(images/header-logo.jpg) no-repeat;
	font-size: 1px;
	width:219px;
	height:116px;
	margin:0; padding:0;
	float: left;
	}
	
p.phone{
	float:right;
	margin:0; padding:40px 15px 15px 0;
	display: block;
	height: 12px; width: 228px;
	line-height: 10px;
	text-align: right;
	background: url(images/header-right.jpg) no-repeat top right;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	}
	
#nav-top{
	background: url(images/nav-top-bg.jpg) no-repeat top left;
	width: 462px; height: 28px;
	float: right;
	margin: 0 8px 0 0;
	}
	
#nav-top ul {
	margin: 5px 0 0 10px; padding: 0;
	list-style: none;
	}

#nav-top ul li {
	float: left;
	margin: 0; padding: 0;
	}

#nav-top li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	line-height: 19px;
	padding: 0 10px 0 15px;
	background: url(images/nav-top-sep.jpg) no-repeat 0% 50%;
	}
	
#nav-top li a:hover {
	text-decoration: underline;
	}

#wrapper {
	width:736px;
	margin: 0 auto;
	padding:0;
	border: 7px solid #0d59c4;
	}

#page {
	float: left;
	width:736px;
	padding: 0;
	background: #fff url(images/content-bg.jpg) repeat-y top left;
	font: 12px/14px normal Arial, Helvetica, sans-serif;
	}

#nav-left {
	width: 200px;
	margin:0; padding:0;
	float:left;
	}
#nav-left ul {
	margin: 3px 0 6px 3px; padding: 0;
	width: 172px;
	list-style: none;
	}

#nav-left ul li {
	display: inline;
	width: 181px;
	height: 21px;
	margin: 0;
	padding: 0;
	}

#nav-left li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background: url(images/nav-left-sep.jpg) repeat-x 10px 100%;
	border-left: 15px #0448a8 solid;
	width: 160px;
	padding: 3px 9px;
	}

#nav-left li a:hover {
	text-decoration: none;
	background: #0448a8;
	color: #fff;
	}

#nav-left ul li a.highlight {
	text-decoration: none;
	background: #0448a8;
	color: #fff;
	}
	
#nav-left #smog-logo{
	background: url(images/smog-logo.jpg) no-repeat top left;
	width: 200px; height: 68px;
	padding: 20px 7px;
	}

#nav-left #smog-logo h2{
	font:18px/24px Arial, Helvetica, sans-serif ;
	color: #fff;
	padding:0; margin:0;
}

#nav-left #smog-logo #highlight{
	color: #6f0;
	}
	
#content {
	padding: 12px;
	width: 495px;
	float: left;
	}
	
#content h1{
	font: 20px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #036;
	}

#content img{
	padding: 5px;
	}
	
#content img.right{
	float: right;
	}
	
#content img.left{
	float: left;
	}
	
#content p.center{
	text-align: center;
	}
	
#content p.equip{
	margin: 0 0 0 170px;
	}
	
#content ol.equip{
	padding: 10px 0 10px 170px;
	margin: 0 0 0 20px;
	}

#content h2.employee {
	clear: both;
	display: block;
	width: 484px;
	background: #036;
	text-align: right;
	font: 18px Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 5px 0;
	color: #fff;
	}

.clear {
	clear: both;
	}
	
#footer {
	clear: both;
	width: 736px;
	margin: 0 auto;
	padding: 10px 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	}
	
#footer p.left{
	float: left;
	}

#footer p.right{
	float: right;
	}
	
#footer a{
	color: #fff;
	text-decoration: none;
	}

#footer a:hover{
	text-decoration: underline;
	}