@charset "utf-8";
/* Bobwires Incorporated CSS
 * 9/6/2007 Damian Miller (damian@dailydna.com)
 */

html, body {
	background-color: #000;
	color: #FFF;
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:link {
	color: #FFFFFF;
}

a:visited {
	color: #FFFFFF;
}

a:hover {
	color: #00ACEE;
}

a:active {
	color: #FFFFFF;
}

img {
	border: 0;
}

h1 {
	font-size: 16px;
	font-weight: bolder;
	width: 550px;
	border-bottom: 1px solid #FFF;
}

div#container {
	margin:0;
}

div#header {
	width: 700px;
	height: 150px;
	text-align: left;
}

* div#header .homeHeader {
	width: 700px;
	height: 42px;
	text-align: left;
	background: url(../images/header_bg.jpg) bottom left #000 no-repeat;
}

html>body div#header .homeHeader {
	width: 700px;
	height: 150px;
	text-align: left;
	background: url(../images/header_bg.jpg) bottom left #000 no-repeat;
}

* div#header .contactHeader {
	width: 700px;
	height: 80px;
	text-align: left;
	background: url(../images/header_bg_contact.jpg) bottom left #000 no-repeat;
}

html>body div#header .contactHeader {
	width: 700px;
	height: 185px;
	text-align: left;
	background: url(../images/header_bg_contact.jpg) bottom left #000 no-repeat;
}

* div#header .portfolioHeader {
	width: 700px;
	height: 80px;
	text-align: left;
	background: url(../images/header_bg_portfolio.jpg) bottom left #000 no-repeat;
}

html>body div#header .portfolioHeader {
	width: 700px;
	height: 185px;
	text-align: left;
	background: url(../images/header_bg_portfolio.jpg) bottom left #000 no-repeat;
}

* div#header .portfolioHeader {
	width: 700px;
	height: 80px;
	text-align: left;
	background: url(../images/header_bg_portfolio.jpg) bottom left #000 no-repeat;
}

html>body div#header .privacyHeader {
	width: 700px;
	height: 185px;
	text-align: left;
	background: url(../images/header_bg_privacy.jpg) bottom left #000 no-repeat;
}

* div#header .privacyHeader {
	width: 700px;
	height: 80px;
	text-align: left;
	background: url(../images/header_bg_privacy.jpg) bottom left #000 no-repeat;
}

html>body div#header .servicesHeader {
	width: 700px;
	height: 185px;
	text-align: left;
	background: url(../images/header_bg_services.jpg) bottom left #000 no-repeat;
}

* div#header .aboutHeader {
	width: 700px;
	height: 80px;
	text-align: left;
	background: url(../images/header_bg_about.jpg) bottom left #000 no-repeat;
}

html>body div#header .aboutHeader {
	width: 700px;
	height: 185px;
	text-align: left;
	background: url(../images/header_bg_about.jpg) bottom left #000 no-repeat;
}

div#header .logo {
	height: 65px;
	width: 225px;
	background: url(../images/bob_web_logo.jpg) top left no-repeat #000;
	margin: 30px 0px 0 30px;
	float: left;
	text-align: left;
}

div#header .nav {
	height: 110px;
	width: 82px;
	float: left;
	margin: 0 0 0 40px;
	text-align: right;
}

div#header .nav a.homeOver {
	display: block;
	height: 26px;
	width: 82px;
	background: url(../images/btnHome.jpg) top right no-repeat;
}

div#header .nav a.homeOver:hover, a.homeOverCurrent {
	display: block;
	height: 26px;
	width: 82px;
	background: url(../images/btnHomeOver.jpg) top right no-repeat;
}

div#header .nav a.aboutOver {
	display: block;
	height: 20px;
	width: 82px;
	background: url(../images/btnAbout.jpg) top right no-repeat;
}

div#header .nav a.aboutOver:hover, a.aboutOverCurrent {
	display: block;
	height: 20px;
	width: 82px;
	background: url(../images/btnAboutOver.jpg) top right no-repeat;
}

div#header .nav a.servicesOver {
	display: block;
	height: 18px;
	width: 82px;
	background: url(../images/btnServices.jpg) top right no-repeat;
}

div#header .nav a.servicesOver:hover, a.servicesOverCurrent {
	display: block;
	height: 18px;
	width: 82px;
	background: url(../images/btnServicesOver.jpg) top right no-repeat;
}

div#header .nav a.portfolioOver {
	display: block;
	height: 19px;
	width: 82px;
	background: url(../images/btnPortfolio.jpg) top right no-repeat;
}

div#header .nav a.portfolioOver:hover, a.portfolioOverCurrent {
	display: block;
	height: 19px;
	width: 82px;
	background: url(../images/btnPortfolioOver.jpg) top right no-repeat;
}

div#header .nav a.contactOver {
	display: block;
	height: 21px;
	width: 82px;
	background: url(../images/btnContact.jpg) top right no-repeat;
}

div#header .nav a.contactOver:hover, a.contactOverCurrent {
	display: block;
	height: 21px;
	width: 82px;
	background: url(../images/btnContactOver.jpg) top right no-repeat;
}

div#header .sub_logo {
	height: 50px;
	width: 200px;
	float: left;
	margin: 30px 0 0 15px;
	background: url(../images/bob_web_sub_logo.jpg) top left no-repeat #000;
}	

div#carimg {
	width: 700px;
	height: 197px;
	text-align: left;
	background: url(../images/header_bg_car.jpg) top left #000 no-repeat;
}

div#content {
	width: 700px;
	text-align: left;
}

div#content .portfolio_img {
	border: 2px solid #00ACEE;
}

div#content .contentHome {
	width: 634px;
	background: url(../images/content_bg.jpg) top left #000 no-repeat;
	padding: 55px 0 0 20px;
}

* div#content .contentSubPage {
	width: 659px;
	background: url(../images/content_bg_sub_page.jpg) top left #000 no-repeat;
	padding: 10px 0 0 20px;
	margin: 0px 0 0 0;
	height: 273px;
}

html>body div#content .contentSubPage {
	width: 659px;
	background: url(../images/content_bg_sub_page.jpg) top left #000 no-repeat;
	padding: 10px 0 0 20px;
	margin: 35px 0 0 0;
	min-height: 273px;
	height:auto !important;
	height: 273px;
}

div#content .subtext {
	width: 550px;
}

div#contact {
	width: auto;
	height: 85px;
	margin: 0px 0 0 -0px;
}

div#contact .contactleft {
	width: 60px;
	height: 85px;
	border-right: 1px solid #FFF;
	margin: 0;
	text-align: right;
	float: left;
}

div#contact .contactright {
	width: 200px;
	height: 150px;
	margin: 2px 0 0 5px;
	text-align: left;
	float: left;
	font-size: 10px;
	line-height: 15px;
}

div#footer {
	width: auto;
	height: 150px;
	border-bottom: 1px solid #FFF;
	margin: 60px 0 0 0;
}

div#footer .contactleft {
	width: 80px;
	height: 150px;
	border-right: 1px solid #FFF;
	margin: 0;
	text-align: right;
	float: left;
}

div#footer .contactright {
	width: 200px;
	height: 85px;
	margin: 2px 0 0 5px;
	text-align: left;
	float: left;
	font-size: 10px;
	line-height: 15px;
}

div#footer .hours {
	width: 212px;
	height: 100px;
	margin: 5px 0 0 5px;
	background: url(../images/hours.jpg) top right #000 no-repeat;
	float: left;	
}

div#footer .mecp {
	width: 78px;
	height: 85px;
	margin: 0px 0 0 35px;
	background: url(../images/mecp.jpg) top right #000 no-repeat;
	float: left;	
}

/* CSS Preloading */
div#preload {
	position: absolute; 
	left: 0; 
	top: -5000px;
}