@charset "utf-8";

* {margin: 0 ; padding: 0; }

html, body, #page {height: 100%;}

body > #page {height: auto; min-height: 100%;}


body {
	font: 12px  Helvetica, Arial, sans-serif;
	color: #a9b1b8;
	background: #000 url(../images/bg_body.jpg) repeat-x; 
}

a {
	color: #da251c;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
	
p {
	line-height: 1.5em;
	margin-bottom: 1.2em;
	}
	
	
p.eg {
	padding: 0 0 4px 18px;
	background: url(../images/bullet01.gif) no-repeat;
	}
	
h1, h2, h3, p strong, .red { font-family: Arial, sans-serif} 
	
h2 {
	font-size: 1.2em;
	margin-bottom: .8em;
	text-transform: uppercase;
	}

h3 {
	font-size: 1.1em;
	color: #E7391E;
	}
	
.red, p strong {color: #E7391E;}

img.right {
	float: right;
	margin: 0 0 16px 16px;
	}
	
img.left {
	float: left;
	margin: 0 16px 16px 0;
	}

#top {
	width: 960px;
	height: 167px;
	margin: 0 auto;
	background: url(../images/bg_top.jpg) center 0   no-repeat;
	}
	
#logo {
	width: 344px; 
	height: 71px;
	margin: 0 auto;
	padding: 27px 0 26px 0
	}

#nav li {
	float: left; 
	position: relative;
	list-style: none;
	}
#nav li a {
	display: block;
	width: 137px;
	height: 43px;

	}
#nav li a em {display: none;}

#nav li a.m1 {background: url(../images/nav_01.gif) no-repeat;}
#nav li a.m2 {background: url(../images/nav_02.gif) no-repeat;}
#nav li a.m3 {background: url(../images/nav_03.gif) no-repeat;}
#nav li a.m4 {background: url(../images/nav_04.gif) no-repeat;}
#nav li a.m5 {background: url(../images/nav_05.gif) no-repeat;}
#nav li a.m6 {background: url(../images/nav_06.gif) no-repeat;}
#nav li a.m7 {background: url(../images/nav_07.gif) no-repeat;}

#nav li a:hover, #nav li a.active { background-position: bottom; }

#nav li ul {
	width: 137px;
	padding: 0;
	margin: 0;
	background: #2F2F2F;
	position: absolute;
	border-top: 1px solid #666;
	}
* html #nav li ul {width: 137px;}
	
#nav li li {
	float: none;
	padding: 0;
	background-image: none;
	}
	
#nav li li a {
	width: 117px;
	height: 1em;
	color: #FFF;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	}
	
	
#nav li li a:hover {
	background: url(../images/bg_submenu-a.gif) repeat-x; 
	color: #FFF; 
	text-decoration: none
	}
	
* html #nav ul li a {height: 1%;}
*+html #nav ul li a {height: 1%;}

#nav ul ,
#nav li:hover ul ul
{display: none;}

#nav li:hover ul,
#nav ul li:hover ul
{display: block;}

#wrap {
	width: 960px;
	margin: 30px auto;
	padding-bottom: 120px;
	}
	
#wrap h1 {font-size: 1.5em;
	margin-bottom:1em;
	}


#sidebar {
	float: left;
	width: 172px;
	border: 1px solid #737373;
	border-bottom: none;
	background: url(../images/bg_nav-sidebar.gif) repeat-x;
	}


#sidebar h1 {
	display:block;
	height: 14px;
	margin: 6px auto;
	}
	
#sidebar h1 strong {display: none;}

#sidebar h1#vehicle {width: 154px; background: url(../images/h_stone-chip-vehicle.gif) no-repeat; }
#sidebar h1#marine {width: 154px; background: url(../images/h_marine-sealants.gif) no-repeat; }

#sidebar ul {border-top: 1px solid #737373}

#sidebar li {
	list-style: none;
	background: url(../images/bg_nav-sidebar.gif) repeat-x;
	border-bottom: 1px solid #737373
	}
	
#sidebar li a {
	display: block;
	padding: 6px 16px;
	color: #b7b7b7;
	text-decoration: none;
	font-weight: bold;
font-family:arial;
	}
	
#sidebar li a:hover {color: #da251c} 
#sidebar li a.selected {color: #504f50;}

.tabContainer  {
	float: right;
	width: 770px;
	}	

.tabContent {width: 810;}


.flash {
	margin: 16px auto ;
	text-align: center;
	}
* html .flash {margin: 64px 60px 0 30px;}

.flash-marine {
	width: 657px;
	height: 218px;
	margin: 24px auto;
	text-align: center;
	}
	
.tabText {
	margin-bottom: 24px;
	border: 1px solid #737373;
	padding: 24px;
	background:#161516 url(../images/bg_tab.png) repeat-x;
	}
	
.tabText ul {margin: 0 0 16px 16px;}
.tabText li { line-height: 1.5em; }
	
#content {padding: 24px 0;}

#content h2 {color: #E7391E }
	

#content ul, #content ol {margin: 0 0 16px 16px;}
#content li {line-height: 1.5em;}
	
#images {
	float: left;
	width: 360px;
	}

#images img {
	padding: 12px;
	margin-bottom: 24px;
	background: #141415;
	border: 1px solid #666666
	}
	
#bodycopy {
	float: left;
	width: 540px;
	}
	
#footer {
	height: 120px;
	background: #303030 url(../images/bg_footer.png) repeat-x;
	position: relative;
	margin-top: -120px; /* negative value of footer height */
	clear:both;
	text-align: center
	}

#footer img {margin: 16px 32px 0 32px;}
	
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#contact {
	width: 700px;
	margin: 0 auto;}

#map {
	float: left;
	width: 425px;
	margin-right: 32px;
	padding: 12px;
	background: #141415;
	border: 1px solid #666666
	}
	
#info_flash {
	float: right;
	width: 610px;
	margin: 0 0 16px 24px;
	}
	
#info_flash div {margin-bottom: 8px;}
	
.images-detailing {
	margin: 16px auto;
	text-align: center
	}
	
.images-detailing img {
	padding: 8px;
	margin: 6px;
	margin-bottom: 16px;
	background: #141415;
	border: 1px solid #666666
	}

#other-services { 
	clear: both;
	margin: 32px 0;
	text-align: center; 
	}
	
#other-services li { list-style-position:inside}