@charset "utf-8";
/* CSS Document */

body {
	background: #26282e url(../images/body-bk-2.jpg) top left repeat-x;
    line-height: 1.5em; /* 16×1.5=24 */
	margin: 0;
	padding: 0;
	}
	
div#container {
	width: 1024px;
	margin: 0 auto;
	min-height: 800px;
	background: #fff url(../images/container-bk.gif) bottom left repeat-x;
	}
div#content_container {
	width: 1024px;
	margin: 0 auto;
	min-height: 768px;
	background: #fff url(../images/container-bk.gif) bottom left repeat-x;
	clear: both;
	padding-bottom: 2em;
	}
div#header {
	background: url(../images/header-bk.jpg) top left no-repeat;
	height: 164px;
	width: 1024px;
	}
#logo {
	position: relative;
	top: 33px;
	left: 16px;
	margin-bottom: -73px;
	}
ol#nav {
	position: relative;
	left: 530px;
	top: 14px;
	width: 500px;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	margin-bottom: -88px;
	clear: both; overflow: auto;
	height: 78px;
	}
ol#nav li a {
	float: left;
	text-transform: uppercase;
	width: 100px;
	height: 33px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	/*border-top: 1px solid #B81516;*/
	padding: 33px 0px 0 8px;
	margin: 0 3px;
	background: #26282e;
	color: #fff;
	text-decoration: none;
	}
ol#nav li a:hover {
	background: #8594ae;
	}
ol#nav li a.active {
	background: #8594ae;
	}
ol#subnav {
	position: relative;
	top: 138px;
	left: 500px;
	width: 425px;
	}
	ol#subnav li { display: inline; float: left; }
	ol#subnav li a { color: #fff; text-decoration: none; padding: .4em .75em;}
ol#subnav li a:hover {
	background: #8594ae;
	}
ol#services_nav { list-style: none; overflow: auto; clear: both; margin: 0; }
	ol#services_nav li a { display: inline;	float: left; text-decoration: none;	padding: 0.5em; border-right: 1px solid #ccc; }
		ol#services_nav li a:hover { color: #8594ae; }
	
div#branding {
	position: relative;
	width: 486px;
	top: 0px;
	left: 15px;
	float: left;
	margin-bottom: -380px;
	}
	
#specials-bug { float: right; margin-bottom: -50px; }	

div#copy {
	position: relative;
	width: 450px;
	left: 530px;
	top: 25px;
	background: url(../images/copy-bk.gif) top left no-repeat;
	margin-bottom: -130px;
	}

div#copy_inside {
	position: relative;
	width: 800px;
	left: 80px;
	top: 25px;
	}	
	
h1 {
	color: #ad5138;
	font: bold 1.125em Arial, Helvetica, sans-serif;
	line-height: 1.5;
	margin: 20px 0;
	}
h2 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #ad5138;
	margin: 20px 0;
	}
h3 {
	font: bold .75em Arial, Helvetica, sans-serif;
	color: #ad5138;
	margin: 20px 0;
	}
p {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 1.5;
	margin: 15px 0;
	color: #26282e;
	}
strong {
	font-weight: bold;
	}
ul {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 15px 35px;
	list-style: disc;
	}
ul li {
	margin: 10px;
	line-height: 1.5;
	}
ol {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 15px 35px;
	}
ol li {
	line-height: 1.5;
	}
	
div#copy h1 {
	margin-top: 0px;
	}
	
ul#callouts {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 15px;
	top: 100px;
	overflow: auto;
	clear: both;
	width: 480px;
	margin-bottom: -250px;
	}
ul#callouts li {
	float: left;
	margin: 0 5px;
	padding: 0;
	width: 150px;
	min-height: 300px;
	background: #26282e url(../images/li-callouts-bk.jpg) top left no-repeat;
	}
ul#callouts h3 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	margin: 0;
	}
ul#callouts p {
	margin: 20px 15px 15px 15px;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	}
ul#callouts a {
	color: #60aae3;
	line-height: 1.5;
	}
	
ol#address {
	clear: both;
	position: relative;
	left: 530px;
	top: 150px;
	width: 250px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	}
ol#address li {
	line-height: 1.5;
	}
ol#address strong {
	font: bold 14px Arial, Helvetica, sans-serif;
	} 
	
ol#address_inside {
	position: relative;
	left: 30px;
	top: 30px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	width: 250px;
	margin-bottom: 60px;
	clear: both;
	}
ol#address_inside li {
	line-height: 1.5;
	}
ol#address_inside strong {
	font: bold 14px Arial, Helvetica, sans-serif;
	} 
	
.img_right {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #ad5138;
	}
.img_left {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #ad5138;
	}
	
/*div.services {
	clear: both;
	overflow: auto;
	}*/
	
ol#services { width: 650px; margin: 0; padding: 0; overflow: auto; clear: both;}
	ol#services li { display: inline; float: left; width: 300px; margin: 10px; /*border: 1px solid #26282e;*/}
		ol#services li h2 { background-color: #26282e; color: #fff; padding: .4em; margin: 0;}
		ol#services li p { padding: .4em; }
		ol#services li img { display: block; margin: 10px auto; border: 1px solid #ad5138; }
		
table#contact {
	font: bold .875em Arial, Helvetica, sans-serif;
	border:  1px solid #ccc;
	display: block;
	margin: 10px auto;
	}
table#contact td {
	padding: 3px;
	vertical-align: top;
	}
td.fields {
	text-align: right;
	background-color: #26282e;
	color: #fff;
	border:  1px solid #ccc;
	font: .875em Arial, Helvetica, sans-serif;
	}
td.input {
	text-align: left;
	}
td.submit {
	text-align: center;
	}
#footer { width: 1024px; margin: 10px auto; }
	#footer p { color: #fff; text-align: right; margin: 0; padding: 0; position: static;}
		#footer p a { color: #CCCCCC; margin-left: 100px; }
		
ol#directions, .gmap {font:.75em Arial, Helvetica, sans-serif; list-style:none; clear: both; overflow: auto;}
	ol#directions li { float: left; line-height: 1.5; }
	ol#directions li#google_steps { width: 325px; margin-right: 1em; }
    ol#directions li#map_canvas { width: 325px; height: 400px; margin-left: 1em; border:solid 1px #c0c0c0; }

.p-bottom150 {padding-bottom: 150px;}
.p-bottom50 {padding-bottom: 50px;}
.noprint {display:none;}