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


/*******************************************/
/********** FONTS **********/
/*******************************************/
h1 {font-family:"Trebuchet MS";font-size:24px;font-weight:normal;line-height:35px;color:#333333;}
h2 {font-family:"Trebuchet MS";font-size:20px;font-weight:normal;line-height:28px;color:#333333;}
h3 {font-family:"Trebuchet MS";font-size:18px;font-weight:normal;line-height:20px;color:#04A4D6;}
h4 {font-family:"Trebuchet MS";font-size:16px;font-weight:normal;line-height:24px;color:#333333;}
p {font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:22px;color:#333333;}
h5 {font-family:"Trebuchet MS";font-size:12px;font-weight:normal;line-height:20px;color:#333333;}
h6 {font-family:"Trebuchet MS";font-size:10px;font-weight:normal;line-height:18px;color:#333333;}
#content strong {font-weight:normal;}
.bold {font-weight:bold;}

img {behavior: url(inc/pngbehavior.htc);}




/*******************************************/
/********** CLASSES **********/
/*******************************************/
.clear {clear:both;}

.hr {width:500px;height:1px;height:1px !important;min-height:1px;background-color:#BEBA9D;}

.bold {font-weight:bold;}
.shhhh {display:none;}

.locationx {width:175px; height:50px;margin:25px 5px 0px 5px;padding:0px; float:right;font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:20px;color:#333333;}
.locationx2 {width:175px; height:50px;margin:25px 5px 0px 5px;padding:0px; float:left;font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:20px;color:#333333;}

.hoursx {width:150px; height:50px;margin:10px 5px 0px 5px;padding:0px; float:right;font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:20px;color:#333333;}

.teal {color:#7fffd4;font-weight:bold;}
.blue {color:#0000CD;font-weight:bold;}
.purple {color:#8b008b;font-weight:bold;}
.orange {color:#ff7f00;font-weight:bold;}


/*******************************************/
/********** LAYOUT **********/
/*******************************************/
html,body {height:100%; width:100%; margin:0px auto;}

body {margin:0 auto;background-repeat: repeat-x;background-position:center top;background-image: url(../images/bg.jpg);font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:20px;color:#333333;background-color:#FCFCFC;}

#wrapper {width:960px;margin:0px auto 0px auto;}

#header {width:960px;height:171px;margin:0px;padding:0px;}

#nav {width:960px;height:41px;margin:0px;background-repeat: no-repeat;background-position:center top;background-image: url(../images/nav.jpg);font-family:"Trebuchet MS";font-size:16px;font-weight:normal;padding:0px;color:#333333;line-height:40px;text-align:center;}

#content {width:960px;height:266px;height:auto !important;min-height:266px;margin:0px; padding:0px;}
*html #content {width:985px;}

#footer {width:960px;height:150px;height:auto !important;min-height:150px;margin:0px;padding:0px;background-color:#E0E0E0;}

#mainimage {width:960px;height:453px;margin:0px;padding:0px;}

#insideimage {width:672px;height:266px;height:auto !important;min-height:266px;margin:0px;padding:0px;float:right;}

#textinside {width:640px;height:266px;height:auto !important;min-height:266px;margin:0px 0px 20px 0px;padding:0px;float:right;}
.imageleft {width:160px;height:160px;float:left;margin:0px;padding:0px;border:solid 1px #999999;}
.textright{ width:450px; height:162px; height:auto !important; min-height:162px; float:right; margin:0px; padding:0px;}
.productcontainer{width:620px;height:162px; height:auto !important; min-height:162px; margin:10px 0px 20px 0px;padding:0px;vertical-align: top;}

#hours {width:500px; height:104px;margin:0px;padding:0px;background-color:#e0e0e0;float:left;}

#locations {width:640px;height:130px;margin:0px;padding:0px;float:right;}
#locations2 {width:640px;height:130px;margin:0px;padding:0px;float:left;}

#newsletter {width:309px;height:104px;margin:0px;padding:0px;float:left;background-repeat: no-repeat;background-position:center top;background-image: url(../images/newsletter.jpg);text-align:center;}

#facebook {width:151px; height:104px;margin:0px;padding:0px;float:right;}

#logo {width:320px; height:130px; margin:0px;padding:0px;float:left;}

#sidemenu {width:280px; height:266px;height:auto !important;min-height:266px; float:left;margin:12px 0px 20px 0px;padding:0px;}

.outdoorroom{width:210px;height:210px; margin:3px 3px 0px 0px;padding:0px;vertical-align: top;float:left;}

#flmovie {width:960px; height:408px;background-repeat:no-repeat; background-position:center top; background-image:url(../images/frame1.jpg); margin:0px; padding:0px;}

/*******************************************/
/********** CONTENT AREA **********/
/*******************************************/
#leftcol{width:309px;height:266px;height:auto !important;min-height:266px;margin:0px;padding:0px;float:left;}


#rightcol{width:650px;height:266px; height:auto !important;min-height:266px;margin:0px;float:right;padding:20px 0px 0px 0px;}


/*******************************************/
/********** LINKS **********/
/*******************************************/
a.box:link { color: #333333; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box:visited { color: #333333; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box:hover { color: #ffffff; padding: 4px; background-color: #00a3d4; margin:2px 0px 2px 0px;}

a:link {color: #333333; text-decoration: none;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #3399FF;}
a img {border: none; }

a.credit:link {color:#333333; text-decoration: none; padding:0px;}
a.credit:visited {color: #333333;text-decoration: none;padding: 0px;}
a.credit:hover { color: #00a3d4;padding:0px;}

a.box2:link { color: #333333; text-decoration:none; background-color: #FFFFFF;padding: 4px; margin:2px 0px 2px 0px;text-weight:strong;}
a.box2:visited { color: #333333; text-decoration:none;  background-color: #FFFFFF;padding: 4px; margin:2px 0px 2px 0px;text-weight:strong;}
a.box2:hover { color: #ffffff; padding: 4px; background-color: #00a3d4; margin:2px 0px 2px 0px;text-weight:strong;}


/*******************************************/
/********** PAGE ELEMENTS **********/
/*******************************************/
#credit{width:100px;height:50px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size: 10px;line-height: 16px;float:right;}

#copyright{width:940px;height:50px;margin:5px;font-family:Arial, Helvetica, sans-serif;font-size: 10px;line-height: 16px;padding:0px;}

#googlemap {width: 600px; height: 270px; border:1px solid #000000;line-height:15px;float:left;margin:0px 0px 20px 0px;}


/*******************************************/
/***************  NEW WINDOW   *************/
/*******************************************/
a.nonewwin { padding-right: 0px; background: transparent url() no-repeat center right; }
a[target ="_blank"].pdf { padding-right: 0px; background: transparent url(../images/adobe-pdf.gif) no-repeat center right; }
ul#pdf a[target ="_blank"] {background:none;}


/*******************************************/
/**************  CONTACT FORM   ************/
/*******************************************/
form#contact 	{margin:0px 0px 20px 0px;padding: 5px;float:right;width: 275px;background:#cccccc;	border:none;font-family:"Trebuchet MS";font-size:0.75em;font-weight:normal;}	

#contact label,#contact input {display: block;width: 150px;float: left;margin-bottom: 10px;}

#contact label {text-align: right;width: 75px;padding-right: 5px;}

#contact br {clear: left;}

#contact fieldset	{margin:0px 0px 10px 0px;position:relative;display:block;border:1px solid #ffffff;padding: 0px 10px 10px 10px;} 
	
#contact legend	{color:#333333;font-variant:small-caps;padding:2px 5px;position: relative;font-family: "Trebuchet MS";font-size: 18px;line-height: 17px;font-weight: bold;}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {width: 60px;margin-right:12px;float: left;}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{display: block;width: 240px;height:70px;margin-bottom: 15px;}

textarea{overflow:auto;}
	
#contact #submit	{width: 85px;height:32px;margin-left:90px;}
	
#contact .shhhh, .shhhh {display:none;}


.line {width:265px; height:1px;background-color:#cccccc;}

#accordion { margin: 0px; padding: 0px;}
#accordion h3 {
	background:url(../images/accordheading.gif);
	color:#333333;
	font:17px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:5px 2px;
	height: 20px;
	cursor: pointer;
	text-indent:5px;
	-moz-user-select: none;
	-khtml-user-select: none;
	}

#accordion ul	{margin:3px;padding:3px;}

#accordion h3 a {color: #333333; text-decoration:none;}
#accordion div a	{color:#1f86c3;}
#accordion div {
	overflow: auto;
	margin: 0px;
	height: 200px;
	padding:5px 5px 0px 5px;
	background-color:#FFFFFF;
	}

.sm10 {font-size:10px;}
.req {color:#c00;}
#scheduleform {width:530px;}
#scheduleform label {width:175px; display:block; float:left; margin:0 5px 5px 0; text-align:right;}
#scheduleform label.autowide {width:auto;}
#scheduleform input {width:275px; display:block; float:left; margin:0 5px 5px 0;}
#scheduleform input.qty {width:25px; display:block; float:left; margin:0 5px 5px 0;}
#scheduleform input.check {width:auto; display:inline; float:none; margin:0 2px 5px 7px;}
#scheduleform input.submit {width:auto; display:inline; float:none; margin:0 auto;}
#scheduleform select {width:275px; display:block; float:left; margin:0 5px 5px 0;}
#scheduleform br {clear:left;}
.fielderror {border:1px solid #f00!important; background:#fbb!important;}
#validationmessage {width:430px; margin:0 auto; text-align:center; margin-bottom:10px; background:#fbb; border:2px dashed #f00; color:#900; padding:5px; font-weight:bold;}


#agpform {width:280px; float:right; border:3px double #01A1D5; padding:5px; text-align:center;}
#agpform label {width:110px; display:block; float:left; margin:0 5px 5px 0; text-align:right;}
#agpform input {width:150px; display:block; float:left; margin:0 5px 5px 0;}
#agpform input.submit {width:auto; display:inline; float:none; margin:0 auto;}
#agpform br {clear:left;}