/* ---------- 
	Screen CSS
	Dev by New Way Design LLC
	http://www.newwaydesign.com; hooray@newwaydesign.com
	copyright 2010 New Way Design LLC, unless otherwise noted.

---------- */


/* ----- Elements ----- */
html {
	margin:0px; padding:0px;
	background: #fff;
}

body {
	color: #616161;
	font: normal 13px Arial, Helvetica, sans-serif;
	text-align: center;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #616161;
}

h1#logo a {
	width: 198px; height: 98px; position: absolute; text-indent:-9999em; border: none;

}

div#tagline {
	width: 218px;
	height: 30px;
	padding-top: 65px;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #88704a;
	padding-left: 220px;

}

h2 {
	font: normal 26px Georgia, Times New Roman, serif;
	color: #2b3b81;
}

h2 .offer {
	background-color: #85562e;
	color: #ebb262;
	height: 43px;
	padding: 5px;
}

h3 {
	
}
	
/* ----- Classes ----- */
.alt {
	xleft: -9999px;
	xposition: absolute;
	background:#EFF4F6;
}

.clear {
	zoom: 1;
}

.clear:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.orange { color: #85562e;}

.blue { color: #283983;}

.arrow { background: url("../images/arrow.gif") 0 0 no-repeat;margin-top:0;margin-bottom:10px;}

/* ----- Layout ----- */

div#wrapper {
	width: 855px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom: 30px;
}

.container {
	width: 855px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#header1 {
	background: url("../images/header-bg1.gif") 50% 0 no-repeat;
	height: 98px;
	padding-bottom: 15px;
}

div#header2 {
	background: url("../images/header-bg2.gif") 50% 0 no-repeat;
	height: 98px;
	padding-bottom: 15px;
}



div#masthead {
    position:relative;
    width: 855px;
}

div#slideshow {
    position:relative;
    width: 855px;
	height: 231px;
}

div#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

div#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

div#slideshow IMG.last-active {
    z-index:9;
}

 


div#navigation {

	background-color: #d5d5d5;
	width: 855px;
	height: 42px;
	border-top: 5px solid #fff;
	text-align: center;

}




div#navigation ul {
	margin-left:0px;
	text-align: left;
}

div#navigation li {
	
	padding:17px;
	margin:0px;
	display: inline;
	xborder:1px solid black;

  
	
}

div#navigation ul li a {
	padding-top: 0px;
	color: #4d4d4c;
	text-decoration: none;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;

}

div#navigation ul li a.current {
	/*font: bold 22px Georgia, Times New Roman, serif;*/
	font-weight:bold;
	 
	
}







 

div#contact-info {
	padding: 15px 0;
	text-align: center;
}

div#contact-info p {
	line-height: 1.5em;
}

div#offer {	
	width: 855px;
	height:auto;
}

div#offer h2 {
	xbackground-color: #86562a;
	text-align: center;
	padding: 10px 15px;
	font-style: italic;
}

div#offer p {
	padding: 12px;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #434343;
	xbackground-color: #efe6cc;
	text-align: center;
	line-height: 1.6em;
}



div#outdoorfurniture {	
	width: 855px;
	height:auto;
}

div#outdoorfurniture h2 {
	xbackground-color: #86562a;
	text-align: center;
	padding: 10px 15px;
	font-style: italic;
}

div#outdoorfurniture p {
	padding: 12px;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #434343;
	xbackground-color: #efe6cc;
	text-align: center;
	line-height: 1.6em;
}










.offer {
	color: #edb35b;
}

.message_head {
	cursor: pointer;
}

ul .blue{
	width: 855px;
	background-color: #339dd8;
}

li.offer1 {
	background-color: #339dd8;
	width:165px; 
	height: 70px;
	color: #fff;
	font: normal 17px Georgia, Times New Roman, serif;
	line-height: 1.5em;
	border-right: 2px solid #0079c9;
	text-align: center;
	padding:  10px;
	float: left;
}

li.offer2 {
	background-color: #339dd8;
	width:195px; 
	height: 70px;
	color: #fff;
	font: normal 17px Georgia, Times New Roman, serif;
	line-height: 1.2em;
	border-left: 2px solid #0079c9;
	border-right: 2px solid #0079c9;
	text-align: center;
	padding:  10px ;
	float: left;
}

li.offer3 {
	background-color: #339dd8;
	width:185px; 
	height: 70px;
	color: #fff;
	font: normal 17px Georgia, Times New Roman, serif;
	line-height: 1.2em;
	border-left: 2px solid #0079c9;
	border-right: 2px solid #0079c9;
	text-align: center;
	padding:  10px;
	float: left;
}

li.offer4 {
	background-color: #339dd8;
	width:218px; 
	height: 70px;
	color: #fff;
	font: normal 17px Georgia, Times New Roman, serif;
	line-height: 1.5em;
	border-left: 2px solid #0079c9;
	text-align: center;
	padding:  10px ;
	float: left;
}

.bold {
	font: bold 22px Georgia, Times New Roman, serif;
}



p#intro-logos {
	padding: 15px 0;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #2b3b80;
	text-align: center;
	


	
} 
 

img{
	border:0;
}




div#logos {
	background: url("../images/gradient-gray.gif") bottom left repeat-x ;
	width: 855px;
	height: 351px;
	margin-bottom: 30px;
	}

 
div#left-column {
	width: 223px;
	float: left;
	text-align:center;
}

div#left-column p {
	height: 23px; 
	color: #4d4d4c;
	background-color: #e3e3e3;
	border-bottom: 1px solid #b4b3b3;
	border-top: 1px solid #b4b3b3;
	padding-left: 23px;
	padding-top: 5px;
}

div#left-column img {
	padding: 1px 0 12px 0;
	text-align: center;
	border:0px;
}

div#right-column {
	width: 629px;
	float: left;
	border-left: 1px solid #b4b3b3; 
	height: 285px;
}

div#right-column p {
	height: 23px; 
	color: #4d4d4c;
	background-color: #e3e3e3;
	border-bottom: 1px solid #b4b3b3;
	border-top: 1px solid #b4b3b3;
	padding-left: 23px;
	padding-top: 5px;
}

div#right-column img {
	xpadding-top: 17px;
	text-align: center;
	border:0px;
}

div#showroom {
	width: 855px;
	height: 214px;
	background-color: #eaeaeb;
}

div#left {
	width: 242px;

	float: left;
}

div#right {
	padding: 15px; 
	width: 582px;
	float: right; 	
}

div#right h2 { font-style: italic;}

div#right p {font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 16px; line-height: 1.4em;}



div#contact-info-interior {
	width: 300px;
	padding-top: 55px;
	text-align: right;
	float: right;
}

div#contact-info-interior .georgia {
	font: bold 14px Georgia, sans-serif;
	padding-bottom: 0px;
	margin-bottom:0px;
	color: #283a83;
}

div#contact-info-interior p {
	font-size: 10px;
	line-height: 1.5em;
}


div#showroom-interior {
	width: 855px;
	height: 175px;
	background-color: #eaeaeb;
	padding-bottom:5px;
	margin-top:15px;

	
}

div#left-interior {
	width: 200px;
	height: 170px;
	padding: 10px 20px 0 20px;
	background-color: #74b9df;
	float: left;
}

div#left-interior p{
	font: normal 22px Georgia, serif;
	color: #fff;
	text-align: center;
}

div#right-interior {
	padding: 15px; 
	width: 582px;
	float: right; 	
}

div#right-interior p {font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 16px; line-height: 1.4em;}

xdiv#left-interior h2 { font-style: italic;}

#hot_tub_table td{
	text-align:center;
	padding-top:0px;
	
}


#hot_tub_table tr{
	
	
}

#hot_tub_table{
	margin-top:10px;
	border-top:1px solid black;
	width:855px;	
	vertical-align:top;
	font: normal 13px Arial, Helvetica, sans-serif;
}

div#hot_tubs h2 {
	text-align: center;
	padding: 10px 15px;
	font-style: italic;
}

div#hot_tubs p {
	padding: 4px;
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #434343;
	text-align: center;
	line-height: 1.6em;

}


div.tableHolder {
	width: 509px;
	padding: 0 4px;
	background: transparent url(../images/bkgd_product_table_holder.png) left top repeat-y;
	font-size:100%;
	}

table.spaFeatures {
	border-collapse: collapse;
	width: 100%;
	}

table.spaFeatures td,
table.spaFeatures th {
	padding: 4px 8px;
	border: 1px solid #DBDEDF;
	border-width: 0 0 1px 0;
	font-size:100%;
	line-height:1.42em;
	}

table.spaFeatures th { width: 160px; }
table.spaFeatures td { padding-left: 12px; }

table.spaFeatures tr.alt th {
	background-color: #EFF4F6;
	}

table.spaFeatures td { background: #FFF url(../images/bkgd_product_table_td_a.png) left top repeat-y; }
table.spaFeatures tr.alt td { background: #EFF4F6 url(../images/bkgd_product_table_td_b.png) left top repeat-y; }

div.tableHolder table.spaFeatures sup { 
	font-size: 85%;
	line-height:85%; 
}