/* CSS Document */

body {
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: #abdbe9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}

a { color: #3a779a; text-decoration: none;}
a:hover { color: #019a34; text-decoration: none;}


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
	margin:0px;
	padding:0px;
}

h1 { color: #48a4af; font-size: 14px; line-height: 17px; margin: 0px; padding: 8px 15px 0px 20px;}
h3 { color: #3a779a; font-size: 1em; margin: 0px; padding: 8px 15px 0px 20px;}

.clear { clear: both;}
.center { text-align: center;}

#container {
	width: 800px; 
	background-image: url(../images/index/index-17.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px auto 0px auto;
	text-align: center;
}

#slideshow {
	width: 750px;
	height: 42px;
	overflow: hidden;
	margin-left: 26px;
	clear: both;
}

#procedures { width: 192px; float: left; padding-left: 30px;}

#procedures p, table { color: #3a779a; font-size: 10px; line-height: 10px;}

#pic {width: 192px; padding-left: 30px;}

#spa { width: 192px; float: left; padding-left: 30px;}

#spa p {color: #3a779a; font-size: 11px; line-height: 10px; margin: 0px; padding: 0px; }

#leftcol { width: 222px; margin: 0px; padding: 0px; text-align: left; float: left; }


#rightcol { width: 560px; float: left; }


#welcome { width: 550px; text-align: left; float: left;}

#welcome p{ margin: 0px; padding: 8px 15px 0px 20px; line-height: 16px;}

#gallery img {
	border: #3a779a 2px solid;
}

#contactside { width: 192px; padding-left: 30px;}

.bigbluebold { color: #367498; font-size: 22px; line-height: 23px; }
.biglightblue { color: #48a4af; font-size: 22px; line-height: 23px;}
.blue{ color: #3a779a;}

#map { width: 150px; height: auto; float: left; padding-left: 20px; margin-right: 10px; text-align:center }
#map h2 { font-size: 14px; color: #48a4af; line-height: 1.2em;}
#map p { line-height: 1.2em; padding: 0; color: #3A779A; font-weight:bold; font-size:11px}
#map iframe {border: 1px solid #3A779A; padding: 2px; margin-top: 5px;}

#flash { width: 800px; float: left;}

#bottommain { width: 560px; float: left;}

#testimonials { width: 347px; float: left; text-align: left;}

#testimonials p {color: #666666; font-size: 11px; line-height: 12px; margin: 0px; padding: 10px 5px 0px 20px; }

#testimonials a { color: #3a779a; font-size: 11px; text-decoration: none;}
#testimonials a:hover { color: #019a34; font-size: 11px; text-decoration: none;}

#logos { width: 181px; float: left;}

#logos p { text-align: center; color: #3a779a; font-size: 12px; margin: 0px; padding: 0px 0px 20px 0px;}

#footer { width: 800px;}

#footer p {color: #3a779a; font-size: 11px; line-height: 12px; margin: 0px; padding: 10px 10px 0px 10px; text-align: center; font-weight: bold; clear: both;}

#footer a{ color: #3a779a; font-size: 11px; font-weight: bold; text-decoration: none;}
#footer a:hover{ color: #666666; font-size: 11px; font-weight: bold; text-decoration: none;}

.float {float: left;}

#smallgray p{font-size: 10px; color: #666666; font-weight: normal;}

#smallgray a{font-size: 10px; color: #666666; font-weight: normal; text-decoration: underline;}
#smallgray a:hover{font-size: 10px; color: #666666; font-weight: normal; text-decoration: underline;}

#animation-link {margin:6px 0px 0px 20px;}
#animation-link a img{border:none;}

#animation-link2 {margin:6px 0px 15px 30px;}
#animation-link2 a img{border:none;}

#headertext {
	width: 750px;
	height:92px;
	background-image: url(../images/headertop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 26px;
	text-align: right;
}

#headertext p { padding-right: 10px; padding-top: 15px; font-size: 11px;}

#headertext p a { color:#666666;}

#headertext span {display:none;}

/* ------------------------ navigation ------------------------ */

#nav { 
	background: url(../images/nav.jpg) 26px 0 no-repeat;
	width: 776px;
	height: 17px;
	position:relative;
	text-align: left;
	z-index: 99;
	padding-left:26px;
	clear: both;
	}

#nav span { display: none;}

#nav li, #nav a { height: 17px; display: block; margin: 0px;}

#nav li { float: left; list-style: none; display: inline;}

#nav-01 { width: 83px;}
#nav-02 { width: 95px;}
#nav-03 { width: 95px;}
#nav-04 { width: 91px;}
#nav-05 { width: 65px;}
#nav-06 { width: 58px;}
#nav-07 { width: 54px;}
#nav-08 { width: 52px;}
#nav-09 { width: 157px;}

#nav-01 a:hover { background: url(../images/nav.jpg) 0px -17px no-repeat;}
#nav-02 a:hover { background: url(../images/nav.jpg) -83px -17px no-repeat;}
#nav-03 a:hover { background: url(../images/nav.jpg) -178px -17px no-repeat;}
#nav-04 a:hover { background: url(../images/nav.jpg) -273px -17px no-repeat;}
#nav-05 a:hover { background: url(../images/nav.jpg) -364px -17px no-repeat;}
#nav-06 a:hover { background: url(../images/nav.jpg) -429px -17px no-repeat;}
#nav-07 a:hover { background: url(../images/nav.jpg) -487px -17px no-repeat;}
#nav-08 a:hover { background: url(../images/nav.jpg) -541px -17px no-repeat;}
#nav-09 a:hover { background: url(../images/nav.jpg) -593px -17px no-repeat;}

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#0d96b6;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index: 1000;
	}

#nav li ul li { 
	height:18px; /* Height of each drop down nav item */
	z-index: 1000;
	}	

#nav li ul li a {
	width:100%;
	height:18px;	/* Height of each drop down nav item, should match above */
	line-height:18px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:10px;
	text-align: left;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:.9em;
	color:#fff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-03 ul a:hover, #nav-04 ul a:hover { 
	background-image:none;
	background-color:#008194;
	color:#fff;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */

#nav-03 ul, #nav-03 li { width:96px; }
#nav-04 ul, #nav-04 li { width:91px; }
/* ------------------------------------------------ */


/* ------------------------ CMG Contact Form ------------------------ */

#contact-quick {
	margin-left: 0;
	padding-left: 0;
}
	#contact-quick input, #contact-quick select, #contact-quick textarea {
		font:12px/20px Arial,Helvetica,sans-serif; 
		border:1px solid #3a779a;
		color:#666666;
		height: 20px;
		width: 160px;
		margin: 0 0 10px 0;
		padding: 0 0 0 7px;
	}
	
	#contact-quick textarea {
		height: 76px;
		padding: 0 0 0 7px;
	}
	
	#contact-quick #contact_submit { width: 73px; height: 17px; margin-left: 90px; border: none; background:transparent;}
	
	#contact-quick .contact_subject	{ display: none; }
	
	#contact-quick .required { font-size: .8em; margin-left: 87px; line-height: 22px;}
	

#consult #contact-quick input, #consult #contact-quick select, #consult #contact-quick textarea {
	width: 400px;
	margin-left: 40px;
	}
	#consult #contact-quick #contact_submit { width: 73px; margin-left: 369px;}
	#consult #contact-quick .required { margin-left: 354px;}
	
/* ------------------------------------------------ */