/* Author: Shane Asanuma */

/* defaults */
body {
	padding: 0;
	margin: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 0.8em;
	background: url('images/bodybg.jpg') repeat-x;
	background-color: #f1f1f1;
	color: #333;
	text-align: center;
	}

td {font-size: 0.8em;}

img {border: none;}

hr.dotted {background-color: #fff; border: none; border-top: 1px dotted #ccc;}

#container {width: 990px; margin: 0 auto; text-align: left;}
#content {clear: both; width: 878px; margin: 0 auto; padding: 10px 7px 20px 7px; background: url('images/col1_bg.gif') no-repeat; background-color: #fff;}
#index #content {background: none; background-color: #fff;}
.clear {clear: both;}
.center {text-align: center;}

/* header */
#header {height: 118px; width: 878px; margin: 0 auto;}
#header h1 {margin: 0; padding: 0; background: url('images/logo.gif') no-repeat; float: left; height: 118px; width: 393px;}
#header h1 span {display: none; visibility: hidden;}
#header h1 a {height: 118px; width: 393px; display: block;}
#header ul {float: right; list-style-type: none; margin-top: 55px;}
#header ul li {float: left; padding: 10px 10px 0 10px; border-right: 1px solid #ccc; height: 24px;}
#header ul li.last {border: none;}
#header ul li a {color: #053560; text-decoration: none;}
#header ul li a:hover {text-decoration: underline;}

/* menu */
#menu {background: url('images/subheaderbg.jpg') no-repeat; width: 938px; margin: 0 auto; padding-top: 277px; height: 58px;}
#menu ul {margin: 0 0 0 30px; padding: 0; list-style-type: none;}
#menu ul li {float: left;}
#menu ul li span {display: none; visibility: hidden;}
#menu ul li a {display: block; height: 44px;}
#menu ul li a:hover {background-position: 0 -44px;}
#menu li.nav-treatments a {background: url('images/nav_watertreatment.gif') no-repeat; width: 172px;}
#menu li.nav-design a {background: url('images/nav_design.gif') no-repeat; width: 197px;}
#menu li.nav-cleaning a {background: url('images/nav_cleaning.gif') no-repeat; width: 236px;}
#menu li.nav-clients a {background: url('images/nav_clients.gif') no-repeat; width: 137px;}
#menu li.nav-contact a {background: url('images/nav_contact.gif') no-repeat; width: 136px;}

/* page specifics */
#treatments li.nav-treatments a {background-position: 0 -44px;}
#design li.nav-design a {background-position: 0 -44px;}
#cleaning li.nav-cleaning a {background-position: 0 -44px;}
#clients li.nav-clients a {background-position: 0 -44px;}
#contact li.nav-contact a {background-position: 0 -44px;}

/* box modules */
.indexbox {width: 290px; color: #fff; float: left; height: 380px; line-height: 1.4em; margin-bottom: 1px;}
.indexbox h2 {font-size: 20px; margin: 0; padding: 0;}
.indexbox h2 a {color: #fff; text-decoration: none;}
.indexbox .inner {padding: 24px 12px 0 12px;}
#ib_reflections {margin: 0px 0 0 0; clear: both; background: url('images/indexbox_reflections.jpg') no-repeat; height: 29px;}
.redbox {background: url('images/redbox_bg.jpg') no-repeat; background-color: #b50404; margin-right: 4px;}
.bluebox {background: url('images/bluebox_bg.jpg') no-repeat; background-color: #0e4774; margin-right: 4px;}
.greybox {background: url('images/greybox_bg.jpg') no-repeat; background-color: #383837;}
.indexbox ul {padding-left: 20px; padding-top: 10px;}
.indexbox ul li {margin: 0;}
.greybox a {color: #f5f5b8; text-decoration: underline;}
.greybox a:hover {text-decoration: none;}

.indexbox .readmore {display: block; background: url('images/indexbox_readmore.gif'); height: 20px; width: 74px;}
.indexbox .blue {background: url('images/indexbox_readmore.gif') 0 -20px;}
.indexbox .readmore span {display: none; visibility: hidden;}

/* columns */
#col_1 h3, #col_2 h3 {font-size: 24px; font-weight: normal; color: #333; margin-top: 0; margin-bottom: 10px;}

#col_1, #col_2 {float: left;  padding: 0 10px; color: #474747;}
#col_1 {width: 254px; padding-left: 20px;}
#col_2 {width: 563px;}
#col_2 p {line-height: 1.6em;}

#col_1 ul {margin: 0; padding-left: 10px; list-style-type: none;}
#col_1 ul li {padding: 5px 0 5px 8px; font-size: 15px; font-weight: bold; background: url('images/li_arrow.gif') no-repeat left center;}
#col_1 li a {color: #004282; text-decoration: none;}
#col_1 li a:hover {text-decoration: underline;}


/* about us specifics */
.director_profile {clear: both; margin-bottom: 10px; display: block;}
.director_profile h4 {font-size: 18px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; font-weight: normal;}
.director_profile .profile-content {padding-left: 120px;}
.default {background: url('images/directors.jpg') no-repeat;}
.richard {background: url('images/director_richard.jpg') no-repeat;}
.braden {background: url('images/director_braden.jpg') no-repeat;}
.aaron {background: url('images/director_aaron.jpg') no-repeat;}

/* index news listings */
.news_listing {width: 250px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
.news_listing span {font-weight: bold; display: block;}
.news_listing p {padding: 0; margin: 0;}

/* footer */
#footer {background-color: #e6e6de; height: 50px; text-align: left; padding-top: 10px; font-weight: bold;}
#footer a {color: #333;}
#footer a:hover {text-decoration: none;}
#footer #footer_container {width: 878px; margin: 0 auto;}
#footer .area {background-color: #d3d3c6; height: 24px; width: 380px;}
#footer .area p {padding: 5px;}
#footer .leftend {background: url('images/footer_ends.gif') no-repeat; background-position: top left;}
#footer .rightend {background: url('images/footer_ends.gif') no-repeat right -24px;}