@charset "UTF-8";
/* CSS Document */

/*
Aqua turquoise #65c3ab
Dark Green (left column) #658d84   
Light green #e2eeea
Dk font green #21403a / 385c50
  background-color:#eafafa;*/

body {font: normal 76%/1.3 Verdana, Arial, sans-serif; color: #666; text-align:center; margin:0; padding:0;}

img {border:0;}

h1, h2, h3,h4,h5,h6  {font-size:100%; font-weight:normal; }

/* ------------ GENERAL CLASSES  -------------- */
.clear{clear:both;}
.dash { border-top:1px dashed #fff; margin:0px 10px;}
.dkGreen { color:#21403a; text-transform:uppercase;}

/* ------------ LAYOUT -------------- */
/* ------------ HEADER -------------- */
#wrap { width:960px; text-align:left; margin:0px; padding:0px; overflow:hidden;}

#header { margin:0; padding:5px 0; position: relative; height: 100px; width:950px;}
	#header h1 { text-indent:-1000em; margin:0px; padding:0px; }/* -  image replace the H1 text */

#logo { }
	#logo { background:#fff url(/images/aquapr_logo.gif) no-repeat; padding-left:10px; padding-left:10px; }
	#logo div a { display: block; width: 480px; height: 100px; margin:0; padding:0;}
	#logo div a * { display: none;}
	
#address { position:absolute; left:510px; top:10px; width:440px; color:#999; font-size:0.8em; text-align:right; line-height:1.8em; }

/* ------------------- MENU -------------------  */
#menu {  background: url(/images/menu.jpg) right repeat-x; height:28px; width:960px; margin:0px; padding:0px; border-right: 1px solid #999999;}
	#menu ul {}
	#menu li { float: left; display: inline; padding-right: 10px; list-style:none; font-weight:500;}
	#menu li a { display: block; padding-left: 7px; color: #fff; font-size: 0.95em; text-decoration: none; line-height:30px;} /* background-position: left top; background-repeat: no-repeat;*/
	#menu li a:hover { text-decoration: none; color:#385c50;}

#dropmenudiv{position:absolute;text-align:left;color:#fff;border:1px solid #ccc;border-bottom-width: 0;font:normal 9px Verdana;line-height:13px;z-index:100;}
#dropmenudiv a{width: 100%;display: block;text-align:left;color:#fff;text-indent: 3px;border-bottom: 1px solid #ccc;padding: 1px 0;text-decoration: none;background-color:#50ac95; }
#dropmenudiv a:hover{ background-color: #65c3ab;}

.active { color:#385c50;}

/* ------------------- CONTENT BEGINS -------------------  */

#content { clear:both; margin:15px; padding:0; width:950px;} /*  height:500px; for locations page to create a coloured background */

#lftContent { float:left; width:224px; margin-bottom:20px; background-color:#FFFFFF; }

#lftBox { background-color:#658d84; margin:20px; padding:10px; width:175px; height:520px;
	 }/* home pg box needs to be 520px high -------- padding-bottom: 1000em;
	margin-bottom: -999.5em;*/
	#lftBox ul { padding:20px; margin:0;}
	#lftBox ul li { list-style: none; line-height: 1.5em; background:#658d84 url(/images/list.gif) no-repeat 0 -2px; padding:2px 0 2px 20px; }
	#lftBox li {color:#fff; font-style:italic; font-size:1em;}
	#lftBox p { color:#FFFFFF; padding:0px 5px;}
	#lftBox a { color:#21403a; text-decoration:none;}
	#lftBox a:hover {color:#e2eeea; text-decoration:underline;}
	#lftBox h3{padding:0px 20px; color:#FFFFFF; text-transform:uppercase;}
	
#rtContent {float:left; width:690px; padding:10px;}
	#rtContent h1 {font: 2.75em "Century Gothic", Verdana, Arial, sans-serif; color:#385c50;}
	#rtContent h2 { font:1.5em Verdana, Arial, sans-serif; font-style:italic;}
	#rtContent .box { clear:both; background-color:#e2eeea; color:#385c50; width:630px; margin:10px 0px; padding:10px;border:1px solid #cccccc; }
	#rtContent a { text-decoration:underline; color:#385c50;}
	#rtContent a:hover { text-decoration:none; color:65c3ab;}
	#rtContent ul li { list-style: disc; line-height:2em;}

#footer { clear:both; background: url(/images/footer.gif) right repeat-x; background-color:#FFFFFF; margin-left:30px; width:930px; margin-bottom:20px; }
	#footer p { padding-top:20px; padding-left:10px; font-size:0.75em; } 
	#footer a { color:#333333; font-weight:bold;} 
	#footer a:hover { color:#385c50; text-decoration:none;} 
	
/* ------------ LOCATIONS SECTION -------------- */
#logoLocations { background:#fff url(/images/aqualocations_logo.gif) no-repeat; }
	#logoLocations div a { display: block; width: 480px; height: 100px; margin:0; padding:0;}
	#logoLocations div a * { display: none;}
	
#lftBoxLocations { background-color:#658d84; margin:20px; padding:10px; width:175px; height:800px; color:#FFFFFF;}
	#lftBoxLocations a { color:#21403a; text-decoration:none;}
	#lftBoxLocations a:hover {color:#e2eeea; text-decoration:underline;}

#rtContentLocations {float:left; width:690px; padding:10px; }
	#rtContentLocations h1 {font: 2.75em "Century Gothic", Verdana, Arial, sans-serif; color:#385c50;}
	#rtContentLocations h2 { font:1.5em Verdana, Arial, sans-serif; font-style:italic;}
		
#contentLocations {	clear:both; background-color: #fff; background: url(/images/locations.jpg) no-repeat; background-position: left top; height: 550px; width: 946px; padding: 0px; margin: 30px 0 10px 30px;}

#category_right{ float:right; width: 400px; font:1.5em "Century Gothic", Verdana, Arial, sans-serif; color:#fff;}
	#category_right p { padding:6px 0; margin:0 0 0 15px; }
	
.categoryThumbnails{background-color:transparent; background: url(/images/grey-tranny.png); background-repeat: repeat; background-x-position:left; background-y-position:top; background-attachment:scroll; }
#categoryThumbnails {position:relative; padding-top:0px; margin:0px; width: 350px; height:550px; overflow-x: hidden; overflow-y:hidden;}

/* ------------ GALLERIES ------------ */
.gal {width:340px; margin:auto; }
.gal img {margin:9px; padding:4px; background: #fff; border:1px solid #bbb; }
.gal img:hover {background: #ccc; }

.locationsGal {width:690px; margin:auto; }
.locationsGal img {margin:4px; padding:4px; background: #fff; border:1px solid #bbb; }
.locationsGal img:hover {background: #ccc; }

.pressGal {width:690px; margin:auto; }
.pressGal img {margin:4px; padding:2px; background: #fff; border:1px solid #bbb; }
.pressGal img:hover {background: #ccc; }

/* --------------- HOME PAGE BOXES _____________________ */
.homepgBox { float: left;  background-color:#e2eeea; color:#385c50; width:300px; margin:10px 0; padding:10px; height:200px;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc; }
.homepgBox h3 {  margin: 0; padding: 6px 0; font-size: 1em; font-family: Verdana, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #454545; font-weight:bold;}
.homepgBox #pressCoverage { margin: 0px; }
.homepgBox #pressInfo { float: left; margin: 0; width: 100px; }
.homepgBox .press { display: block; margin-top: 1em; }
.homepgBox p { margin: 0; padding: 0; font-size: 0.95em; line-height: 1.25em; }
.homepgBox a { color: #385c50; text-decoration: underline; }
.homepgBox a:hover { background: #65c3ab; text-decoration: none; border-bottom: 2px solid #999; }
.homepgBox img { float: left; background: #fff; border:1px solid #bbb; margin: 0 10px 0 0; padding: 4px; }
.homepgBox img:hover {background: #ccc; }

.homepgBox2 { float: left;  background-color:#e2eeea; color:#385c50; width:300px; margin:10px 0; padding:10px; height:200px; border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc; }
.homepgBox2 h3 {  margin: 0; padding: 6px 0; font-size: 1em; font-family: Verdana, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #454545; font-weight:bold;}
.homepgBox2 #locations { margin: 0px; }
.homepgBox2 #locationsInfo { float: left; margin: 0; width: 100px; }
.homepgBox2 .press { display: block; margin-top: 1em; }
.homepgBox2 p { margin: 0; padding: 0; font-size: 0.95em; line-height: 1.25em; }
.homepgBox2 a { color: #385c50; text-decoration: underline; }
.homepgBox2 a:hover { background: #65c3ab; text-decoration: none; border-bottom: 2px solid #999; }
.homepgBox2 img { float: left; background: #fff; border:1px solid #bbb; margin: 0 10px 0 0; padding: 4px; }
.homepgBox2 img:hover {background: #ccc; }

/*----------------- Contact FORM--------------------*/
.contact #styledForm fieldset { margin: 1em 0; padding: 1em; border: 1px solid #ccc; width:550px; }
.contact #styledForm legend { font-weight: bold; }
.contact #styledForm label { float: left; width: 14em;}

#styledForm input { width: 200px; border: 1px solid #ccc; padding: 5px; }
	#styledForm textarea { width: 300px; height: 200px; border: 1px solid #ccc; padding: 3px; font-family: inherit; font-size: inherit; }
	#styledForm .autoSize { width: auto; border: none; }
	#styledForm .required { font-size: 0.85em; color: #760000; font-style: normal; }
	#styledForm img { padding-top: 5px; }