/* Stylesheet for Aqua Salon & Spa */

body {background:url('../images/background.gif') top left repeat-x #0E5A67;padding:10px;margin:0;text-align:center;font-size:12px;font-family:georgia, times new roman, times, serif;}
table td {font-size:12px;}

h1,h2,h3,h4,h5,h6 {color:#0E5A67;padding:0;margin:0;}
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

a {text-decoration:none;}
a:link {color:#0E5A67;}
a:visited {color:#0E5A67;}
a:hover {color:#EF994E;}
a:active {color:#EF994E;}
a:focus {color:#EF994E;}

.hide {display:none;}

#page {width:713px;margin:0 auto;text-align:left;}

#header {background:url('../images/headerbg.jpg') top left no-repeat #fff;position:relative;height:116px;width:713px;border:1px solid #0E5A67;}
#logo {background:url('../images/logo.jpg') top left no-repeat;width:223px;height:116px;position:absolute;top:0;left:0;}
#topnav {position:absolute;bottom:5px;right:10px;font-family:arial, sans serif, sans;color:#0E5A67;font-size:12px;font-weight:bold;}
#topnavlist {list-style-type:none;padding:0;margin:0;}
#topnavlist li {display:inline;border-right:2px solid #0E5A67;padding:0 5px 0 2px;}
#topnavlist li.last {border-right:0;padding-right:0;}
#slogan {position:absolute;top:5px;right:10px;color:#0E5A67;font-size:24px;font-family:baskerville old face, times new roman, times, serif;font-style:italic;font-weight:bold;text-align:right;}
#slogan2 {font-size:16px;font-weight:normal;}

#content {background:url('../images/contentbg.gif') top left repeat-x #C0DAE0;width:713px;border:1px solid #0E5A67;margin-top:3px;}
#contentmid {padding:5px 15px 15px 15px;}
#hintnav {text-align:right;font-size:12px;color:#0E5A67;z-index:15;text-transform:uppercase;margin:5px 10px 0 0;}
#hintnavlist {list-style-type:none;padding:0;margin:0;}
#hintnavlist li {display:inline;border-right:1px solid #0E5A67;padding:0 5px 0 2px;}
#hintnavlist li.last {border-right:0;padding-right:0;}
#leftnavcell {width:137px;}
#leftnav {width:137px;}
#leftnavlist {padding:0;margin:0;background:#0E5A67;width:100%;list-style-type:none;color:#fff;}
#leftnavlist li {padding:5px;border-bottom:2px solid #ADC7CC;text-align:right;}
#leftnavlist li.last {border-bottom:none;}
#leftnavlist li .lefthead {text-align:left;font-size:18px;font-style:italic;font-weight:bold;}
#leftnavlist li a:link {color:#EFF5F6;}
#leftnavlist li a:visited {color:#EFF5F6;}
#leftnavlist li a:hover {color:#EF994E;}
#leftnavlist li a:active {color:#EF994E;}
#leftnavlist li a:focus {color:#EF994E;}
#insidecontent {padding:0 15px;color:#333333}
#contentbottom {padding:15px;font-family:georgia, times new roman, times, serif;}

#flashpres {background:url('../images/flashpres.jpg') top left no-repeat;width:528px;height:312px;padding:0;margin:0 0 0 15px;}

#footer {text-align:center;width:713px;color:#fff;font-family:arial, sans serif, sans;}
#footer a:link {color:#ADC7CC;}
#footer a:visited {color:#ADC7CC;}
#footer a:hover {color:#fff;}
#footer a:active {color:#fff;}
#footer a:focus {color:#fff;}
#insidefooter {padding:10px;}
#copyright {}
#designed {}

/* Photo Gallery Styles */

ul.projmain {list-style-type:none;padding:0;margin:0 0 0 5px;color:#E4D8CB;}
ul.projmain li {list-style-type:none;padding:3px;font-size:12px;font-weight:bold;border-top:0;}
ul.projsub {list-style-type:none;padding:0px;margin:5px 0;}
ul.projsub li {list-style-type:none;padding:3px;font-size:12px;font-weight:normal;border-top:1px solid #E4D8CB;}
ul.projmain li a:link, ul.projmain li a:visited {color:#E4D8CB;}
ul.projmain li a:hover, ul.projmain li a:active, ul.projmain li a:focus {color:#FFC66C;}
.photoheader {color:#AE742A;}
.photoheader h3 {font-size:26px;}

#ptable {padding:0;}
#phototable {border:1px solid #666;}
#phototable #captioncell {border-top:1px solid #666;border-bottom:1px solid #666;color:#000;}
#phototable #photocount {padding:5px 0;}
#phototable #photocount div.countbox {position:relative;font-family:arial;text-align:center;
	}
#phototable #photocount div.countbox a {
	padding:3px 5px;
	}
#phototable #photocount div.countbox a:hover {
	}
#counttable td {background:#666;height:20px;width:25px;}
#counttable td.blank {background:#999;}
#phototable #photocount div.photohover {background:#fff;position:absolute;bottom:25px;left:0px;padding:3px;display:none;}	

#phototable a:link, #phototable a:visited {color:#fff;}
#phototable a:hover, #phototable a:active, #phototable a:focus {color:#ff0;}
h1 {margin-bottom:20px;}
table#phototable a.permalink:link, 
table#phototable a.permalink:visited {color:#E4D8CB;}
table#phototable a.permalink:hover, 
table#phototable a.permalink:active,
table#phototable a.permalink:focus {color:#FFC66C;}
