#hottubs {
	width: 667px;
	height: 1263px;
	margin: 0 auto 20px auto;
	padding: 20px;
	background: url(images/hot-tub-offers.jpg) no-repeat;
	background-position: bottom;
}
#hottubs h1 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3e5c8b;
	margin: 0;
	padding: 6px 0 10px 0;
}
#hottubs h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0 0 12px 0;
}
#hottubs p {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0 0 10px 0;
}
.bold {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0;
	padding: 0;
}
#contactus {
	background-color: #3e5c8b;
	margin: 0;
	padding: 10px;
	border: 3px double #FFF
}
#contactus p {
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0;
	padding: 0;
}
#contactus a {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}
#hottubs ul {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: normal;
	margin: 8px;
	padding: 0 0 0 35px;
}
/* ======= TABLE STYLES ======= */

td, th {
	font: 11px Verdana, georgia, times, serif; 
	color: #636d72;
}
#datatable {
	border-collapse: collapse;
}
#datatable td {
	border: 1px solid #c7c7c7;	
	padding: 6px;
	color: #636d72;
}
#datatable th {
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #224f67;
	background-color: #3e5c8b;
	text-align: left;
	padding: 4px;
	color: #FFF;
}
#datatable h2 {
	font: 11px Verdana, georgia, times, serif; 
	color: #FFF;
	margin: 0;
	padding: 0 0 3px 0;
}
#datatable h3 {
	font: 13px Verdana, georgia, times, serif; 
	color: #636d72;
	margin: 0;
	padding: 0 0 3px 0;
}
#datatable tr:hover, #datatable tr.hilite {
	background-color: #DDD;
	color: #000;
}


body {
	background-image: url(images/dotbg.jpg);
	background-repeat: repeat;
}


.bottomnav {
	font: 10px Verdana, Helvetica, sans-serif;
	color: #333;
}

p {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 8px 10px 14px;
	margin: 0;
}
p.monarch {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em;
	color: #333;
	margin: 0;
	padding: 0 15px 0 14px;
}

.specials {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #333;
	padding: 4px 6px 0 0;
}

.divider {
border-right: 1px solid #CCC;
}

.service {
	margin: 0;
	padding: 0 0 3px 0;
}

.xmas {
	margin: 0;
	padding: 0 0 7px 0;
}

img{ 
border: 0;
}

.edge {
	background-image: url(images/edgeleft.jpg);
	background-repeat: repeat;
}
.edgeright {
	background-image: url(images/edgeright.jpg);
	background-repeat: repeat;
}
.homeright {
	height: 350px;
	background: url(images/hot-tub-home.jpg) top right no-repeat;
}
.bodybg {
	background-color: #FFF;
}
.topnavbg {
	background-image: url(images/wht_2.jpg);
	background-repeat:  repeat;
}
.topbg {
	background-image: url(images/topbg.jpg);
	background-repeat: no-repeat;
	height: 31px;
	margin: 0;
	padding: 4px 0 0 20px; }

.topnav2 {
	background-image: url(images/nav2bg.jpg);
}

h1 {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0 0 10px 14px; }

h2 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
margin: 0;
padding: 0; }

.hide {
display: none;
}
.boldtext {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding-left: 14px;
}
.tubpos {
	margin: 20px 0 6px 15px;
}

.longbg {
	background-image: url(images/bodybg1long.jpg);
}

.partext {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: justify;
	vertical-align: top;
	color: #FFF; }

.red {
	color: #FF0000; }
.white {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF; }

.partext {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: justify;
	vertical-align: top;
	color: #FFF; }
.notes {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	}
.texturecaps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: center;
}


/* navigation  */
#navcontainer {
height: 32px;
width: 724px;
margin: 0;
padding: 0 3px;
float: left; }

#nav, #nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }

#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }

#nav a {
font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #333;
text-decoration: none;
display: block;
margin: 0;
padding: 9px 11px 10px 11px; }

#nav a:hover {
color: #FFF;
text-decoration: none;
background: #09779d }

#nav ul li a:hover {
background:#64a4fb; 
color:#FFF;
} 

#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0;
padding: 2px 0 0 0;
width: 180px;
border-left: 2px solid #B6CCE4;
background: #E5E5E5; }
#nav li ul a {
width: 171px;
margin: 0;
border-top: none;
border-bottom: 1px solid #a3a3a3;
padding: 5px 0px 5px 9px;
color: #141414;
font: 11px Verdana, Arial, Helvetica, sans-serif;
 }
.top {
border-top: 1px solid #ccc8c5; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 180px; }


ul {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
list-style-type: disc;
margin: 0 0 0 40px;
padding: 0;
line-height: 2em; }

ul li {
margin: 0;
padding: 0;
}