﻿@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f3f3f3; }
html { padding:0; margin:0; }
a { outline-style: none; } 
h5 {
	padding: 10px 0px 0px 15px;
	font: normal 16px Arial, Helvetica, sans-serif;
	margin: 0;
	font-weight: bold;
}
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
/* banner */ 
.banner {
	height: 75px;
	background: url(../images/header_top_bg.gif) top center repeat-x;
	margin: 0;
	padding: 0;
}
.banner_resize { width:980px; margin:0 auto; padding:0; }
.banner_resize h2 {
	width: 400px;
	float: left;
	margin: 0;
	padding: 20px 0 0 60px;
	font: normal 28px Arial, Helvetica, sans-serif;
	color: #fff;
}
.banner_resize p {
	width: 400px;
	float: right;
	margin: 0;
	padding: 20px 0 0 0;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #818181;
}

/********** block index **********/
.block_header {
	margin: 0 auto;
	width: 980px;
	padding: 0;
	border: none;
}
/********** body **********/
.body {
	margin: 0;
	padding: 0 0 20px 0;
	font-family: Tahoma;
	font-size: .75em;
	line-height: 1.6em;
	color: #555555;
}
.body a{
	color: #176764;
	text-decoration: underline;
	font-weight: bold;
}
.body a:hover {
	color: #808080;
	text-decoration: underline;
	font-weight: bold;
}



/********** body_resize **********/

.body_resize { width:978px; margin:0 auto; padding:0; background: #fff; border:1px solid #e8e6e6; }

.body_resize a {
	color: #176764;
	text-decoration: underline;
}
.body_resize h2 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	padding: 5px 5px 5px 15px;
	margin: 0;
}
.body_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#8f8f8f; }
.body_resize h4 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	padding: 5px 5px 1px 15px;
	margin: 0;
}
.body_resize p {
	padding: 5px 15px;
	margin: 0;
}
.body_resize p span {
	color: #333333;
}

/********** body_resize **********/
.bodytop { width:978px; margin:0 auto; padding:0; background: #fff; border:1px solid #e8e6e6; }
.bodytop a {
	color: #3a3a3a;
	text-decoration: none;
	font: bold 12px Tahoma;
}
.bodytop h2 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	padding: 5px 5px 5px 15px;
	margin: 0;
}
.bodytop h2 span {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #176764;
}
.bodytop h3 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	padding: 5px 5px 5px 15px;
	margin: 0;
}
.bodytop h4 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	padding: 5px 5px 1px 15px;
	margin: 0;
}
.bodytop p {
	padding: 5px 15px;
	margin: 0;
}
.bodytop p span {
	color: #006B66;
	font-weight: bold;
}

.bodybottom 
	margin: 0;
}
.bodybottom p {
	padding: 5px 15px;
	margin: 0;
}
.bodybottom p span {
	color: #006B66;
	font-weight: bold;
}

/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:20px 0 0 0; background:#f7faf9; border:1px solid #e8e6e6; }
/*FBG*/
.FBG { padding:10px 0; width:980px; margin:0 auto; }
.FBG img.rec { float: right; margin:10px; padding:0; }
.FBG h2.rec { font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6d6d6d; padding:10px 0 10px 10px; margin:0; }
.FBG h2.rec span {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #008080;
}
/*************footer**********/
.footer_resize { width:980px; margin:0 auto; padding:10px 0; background:url(../images/footer_bg.gif) top no-repeat; }
.footer { padding:0 0 20px 0; margin:0; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#c6c6c6; }
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#c6c6c6; text-decoration:none; padding:5px; margin:0; }
.footer p.leftt { text-align:left; width:50%; margin:0; padding:5px 0 0 20px; float:left; }
.footer p.rightt { text-align:right; width:30%; margin:0; padding:10px 20px 0 0; float:right; }
/********** header **********/
.header {
	background: #FFFFFF;
	padding: 0;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
	color: #FFFFFF;
}
.header_spacer {
	margin: 0;
	height: 10px;
}
/* images */
.imgLeftBordered {
	padding: 5px;
	border: thin solid #186E6A;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
.imgLeft {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.imgLeftOld { float:left; margin:10px 10px; padding:0; }
.imgLeftClasses {
	float: left;
	margin: 0px 10px 10px 10px;
	padding: 0;
}

/* left */
.left {
	width: 555px;
	float: left;
	margin: 0;
	padding: 10px 15px;
}
.left a{
	color: #176764;
	text-decoration: underline;
}
.left a:hover{
	color: #808080;
	text-decoration: underline;
}
.left ul {
	margin: 10px 0 10px 15px;
	padding: 0;
	float: left;
}
.left li {
	padding: 2px 0 2px 25px;
	margin: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #808080;
	line-height: 1.8em;
}
.left ulX { list-style:none; margin:10px 0 10px 15px; padding:0; width:260px; float:left; }
.left liX {
	background: url(images/ul_li.gif) left no-repeat;
	padding: 2px 0 2px 25px;
	margin: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #808080;
	line-height: 1.8em;
}
.left ol {
	margin: 10px 0 10px 50px;
	padding: 0;
	float: left;
	color: #000000;
}
.left ol li {
	padding: 2px 0 15px 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	color: #555555;
}
.left ol li a{
	color: #176764;
	text-decoration: underline;
}
/* logo */
.logo {
	border-style: none;
	float: left;
	padding: 0;
	margin: 0;
	width: 303px;
}

/* main */
.main { width:100%; padding:0; margin:0 auto; }
/* menu */	
.menutopresize {
	width: 600px;
	padding: 0;
	margin: 20px 0 0 0;
	float: right;
	background-image: url('../images/menutopbk600.gif');
	background-repeat: no-repeat;
}

.menutop {
	float: left;
	padding: 0;
	margin: 0;
}
.menutop ul {
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
	border: 0;
	float: left;
}
.menutop ul li {
	float: left;
	margin: 0;
	padding: 0 5px 0 25px;
	border: 0;
}

.menutop ul li a { float:left; margin:0; padding:13px 0; color:#777; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }

.menutop ul li a span { padding:13px 9px; background:none; }
.menutop ul li a:hover { color:#fefefe; background: url('../images/r_menu.gif') no-repeat right; }
.menutop ul li a:hover span { color:#fefefe; background:url('../images/l_menu.gif') no-repeat left; }
.menutop ul li a.active { color:#fefefe; background:url('../images/r_menu.gif') no-repeat right; }
.menutop ul li a.active span { color:#fefefe; background:url('../images/l_menu.gif') no-repeat left; }
.myblackbullets_ul {
	margin-top: 10px;
}
.myaquabullets {
	padding-left: 45px;
	width: 320px;
}
.myaquabullets span{
	color: #3f3f3f;
	font-weight: bold;
}
.myaquabullets li {
	padding-left: 5px;
	list-style-image: url('../Icons/AquaSquare.gif');
	padding-bottom: 5px;
}
.myblackbullets_ul li {
	padding-left: 5px;
	list-style-image: url('../Icons/Bullet3D.GIF');
	margin-bottom: 5px;
}
.mydirections_ul {
	padding-left: 30px;
	width: 300px;
}
.mydirections_ul li {
	padding-left: 5px;
	padding-bottom: 5px;
	color: #3f3f3f;
}
.mydiamonds_ul {
	padding-left: 30px;
	width: 450px;
}
.mydiamonds_ul li {
	padding-left: 5px;
	list-style-image: url('../Icons/GreyDiamond.gif');
	padding-bottom: 5px;
	color: #3f3f3f;
}
.mymain_ul {
	padding-left: 45px;
	width: 320px;
}
.mymain_ul li {
	padding-left: 5px;
	list-style-image: url('../Icons/GreyDiamond.gif');
	padding-bottom: 5px;
}
.pContact {
	font-weight: normal;
}
.pContact span{
	font-weight: bold;
	color: #000000;
}
/* right */
.right { width:371px; float:right; margin:0; padding:10px 10px; }
.right_bg { background:#f7faf9; border:1px solid #e8e6e6; padding:10px; margin:10px auto; }

.rightgreen {
	border-width: thin;
	border-color: #C0C0C0;
	border-style: none none none solid;
	width: 406px;
	float: right;
	margin: 0;
	padding: 10px 10px;
	background-color: #CCDADA;
}

.rightframe {

	width: 620px;

	float: left;

	margin: 0;

	border-left-style: solid;

	border-left-width: thin;

	border-left-color: #C0C0C0;

}


.text-box {
	background-color: #008080;
	box-shadow: 2px 2px 10px #DFDFDF;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
}

.text-button {
	background-color: #008080;
	box-shadow: 2px 2px 10px #DFDFDF;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
}
.text-button:hover {
	color: #008080;
	background-color: #C0C0C0;
	cursor:pointer;
}



/********** contact form **********/

#contactform { margin:0; padding:5px 10px; }

#contactform * { color:#7a7a7a; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#2b2b2b; text-transform:capitalize; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; }
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff; }
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px; }
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF; }
