/* Global Styles 
------------------------ */
html { height: 100%; margin-bottom: 1px; }
body { color:#343434; background:#70bce7 url(../images/topbg.gif) 0 0 repeat-x; font:0.8em Verdana, Geneva, sans-serif; }
* { margin:0; padding:0; }
ul, li { list-style: none; }
img { border:0; }
h1 { }
h2 { background-color:inherit; color:#370509; font:1.3em "Trebuchet MS", Helvetica, sans-serif; margin:0 0 7px 0; }
h3 { }
p { margin:0 0 1em 0; line-height: 1.4em; }
a { background-color:inherit; color:#456705; text-decoration: underline; }
a:hover { color: #153705; background-color:inherit; text-decoration: none; }



/* Header
------------------------ */
#header { height:263px; margin:0 auto; position:relative; width:876px; }
#header p { text-indent:-10000px }
#headershowers { height:259px; left:188px; position:absolute; top:0; width:469px; }
#customshower { background:url(../images/headercustomshower.jpg) 0 0 no-repeat; height:16px; position:absolute; right:0; top:8px; width:273px; }
#contact { background:url(../images/headercontactinfo.jpg) 0 0 no-repeat; height:84px; position:absolute; right:0; top:133px; width:229px; }
#mailto { display:block; font-size:1px; height:15px; position:absolute; right:0; text-decoration:none; top:202px; width:229px; }

/* Main Nav
------------------------ */
#mainNav { margin:0 auto; padding:14px 0 40px 0; position:relative; width:876px; text-align:center; }
#mainNav ul { position:relative; }
#mainNav li { background:url(../images/navseperator.gif) left center no-repeat; display:inline; padding:0 22px 0 31px; }
#mainNav li.first { padding-left:0; background:none; }
#mainNav b { background:url(../images/headernavbg.jpg) 0 0 no-repeat; height:62px; left:246px; position:absolute; top:0px; width:357px; }
#mainNav a { background-color:inherit; color:#456705; font:bold 1.1em "Trebuchet MS", Helvetica, sans-serif; text-transform:uppercase; }
#mainNav a:hover, .home #mainNav a.n-home, .about #mainNav a.n-about, .services #mainNav a.n-services, .portfolio #mainNav a.n-portfolio, .contact #mainNav a.n-contact { background-color:inherit; color: #153705; text-decoration:none; }

#nav a:hover { background-color:inherit; color:#153705; }

/* Main Content 
------------------------ */
#content { background:url(../images/footerborder.gif) bottom left repeat-x; margin:0 auto; padding:0 0 30px 0; position:relative; width:842px; }

/* Home page */
#column1 { float:left; padding:0 70px 0 5px; width:235px; }
#column2 { float:left; padding:0 57px 0 0; width:234px; }
#column3 { float:left; padding:0 5px 0 0; width:234px; }
#column2 img, #column3 img { margin:10px 0 0 17px; }

/* Inside pages */
#mainContent { float:left; padding:0 70px 0 5px; width:468px; }
#subContent { float:left; padding:0 57px 0 0; width:235px; }
#mainContentP { float:left; padding:0 5pxpx 0 5px; width:800px; }
#mainContentC { float:left; padding:0 70px 0 5px; width:235px; }
#subContentC { float:left; padding:0 57px 0 0; width:468px; }

.th_gallery { margin-left: 60px; }
.th_gallery li { background: url(../images/frame.jpg) no-repeat 0 0; float: left; height: 156px; margin-right: 2px; padding: 10px 0 0 11px; width: 162px; }
.th_gallery img { border: 1px solid #77309d; display: block; height:134px; width:140px; }
.th_gallery a:hover img { border: 1px solid #d30b06; }


/* Contact Form */
#cform form { margin: 0; padding: 0; }
#cform fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #456705; }
#cform legend { font-weight: bold; font-size: 1.3em; padding: 0 4px 8px 4px; color: #343434; background-color: #70BCE7; }
#cform dt { float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
#cform label.last { font-weight: bold; text-align: left; padding-left: 10px; }
#cform input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
#cform input.submit { margin-top: 1em; padding: 3px; color: inherit; background-color: #FDFE9A; }
#cform .errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

/* Footer 
------------------------ */
#footer { background-color:inherit; color:#727272; font-family: "Trebuchet MS", Helvetica, sans-serif; margin:15px 0 20px 0; text-align:center; }
#footer ul { margin-bottom: 1.5em; }
#footer li { background:url(../images/footernavseperator.gif) 0 5px no-repeat; display:inline; padding:0 28px 0 34px; }
#footer li.first { padding-left:0; background:none; }
#footer a { background-color:inherit; color:#456705; }
#footer a:hover, .home #footer a.f-home, .about #footer a.f-about, .services #footer a.f-services, .portfolio #footer a.f-portfolio, .contact #footer a.f-contact { background-color:inherit; color:#153705; text-decoration:none; }

#copyright { font-size: .88em; }
#copyright a { background-color:inherit; color:#727272; text-decoration:none; }
#copyright a:hover { background-color:inherit; color:#555; }

/* images 
------------------------ */
img.limeborder { border: 6px solid #BAE06F; }

/* Self Clearing Floats 
------------------------ */
#column1:after, #column2:after, #column3:after, #content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }