/*Basic Styles*/
body{
	margin:0;
	color:#635840;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #bdd0ca;
	font-family:"Arial";
	font-size:14px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
#email_link a{color: #FFF; text-decoration: none;}
#email_link a:hover{color: #008040;}

#q1{position:relative; top:44px; left:5px; border:1px solid #87A395; width:249px}
#q2{position:relative; top:63px; left:5px; border:1px solid #87A395; width:249px}
#q3{position:relative; top:80px; left:5px; border:1px solid #87A395; width:249px}
#q4{position:relative; top:97px; left:5px; width:246px; height:70px}
#q5{position:relative; top:104px; left:5px; background:#87A395; color:#FFFFFF; width:249px; border:none}

/*sidebar*/
#quest{width: 260px; height: 257px; background:url(../images/contact.jpg) no-repeat; margin: 5px 0;}
#blog{width: 260px; height: 300px; margin: 5px 0;}
#feature{}


/*glossary*/
.glossary {width: 198px; height: 26px; float: left; font-size: 10px; border: 1px  #3d2d36 solid;}
.glossary a{width: 194px; height: 22px; color: #3d2d36; text-decoration: none; display: block; padding: 2px;}
.glossary a:hover{background-color: #b4c9c2; color: #FFF;}
.highlight_word{background: #5D4e31; color: #FFF;}

/*FORMS*/

.gForm{ width:500px; height:25px; float:left}
.gForm1{ width:200px; height:25px; float:left; font-weight:bold}
.gForm2{ width:300px; height:25px; float:left}

.gForma{ width:500px; height:auto; float:left}
.gForm1a{ width:200px; height:auto; float:left; font-weight:bold}
.gForm2a{ width:300px; height:auto; float:left}

/*MAP*/
#map{border:1px #996600 solid; padding:5px}
#map a{background:none; color:#000000}
#map a:hover{background:none; color:#BB0000}

#mark{width:520px; height:auto; border:1px #996600 solid; float:left; background:#FFFFFF}
.markOne{height:auto; float:left; padding:8px 3px; font-size:14px}
.markOne a{color:#9933CC; text-decoration:none; font-size:14px}
.markOne a:hover{color:#880000}

/*pagination*/
div.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #748892; text-decoration: none; color: #000099;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #D98085; color: #000;}
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #6A5E52; font-weight: bold;  background-color: #6A5E52; color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD;}

/*STAFF*/
.staff{width: 540px; min-height: 300px; float: left; padding: 10px;}
.staffImg{width: 200px; height: 150px; float: left; border: 2px #A23835 solid; overflow: hidden; margin: 0 10px 10px 0;}
.staffImg img{width: 200px; border: 0;}
.staffBio{width: 320px; height: 150px; float: left; text-align: left; }

/*LISTINGS*/
#back a{display:block; width:100%; background-color:#162A58; color:#FFFFFF; text-decoration:none; font-size: 12px; text-align: center; background: #698E86;}
.rsListing2{ width:616px; height:auto; margin:3px auto;}
.rsL12{padding:10px; float:left; font-size:12px}
.listMod{width:616px; height:201px; margin:auto; padding:2px; background:url(../images/lisMod.jpg); line-height:18px}
.listMod2{width:606px; height:21px; margin:20px auto; background:#698E86; color:#FFFFFF; padding:5px 0 0 10px; font-size: 12px;}
.listMod2 a{color:#FFFFFF; text-decoration:none; padding:5px 3px}
.listMod2 a:hover{ color:#698E86}
.listMA a{display:block; width:115px; background-color:#698E86; padding:4px 0; text-align:center; color:#FFFFFF; float:left; margin:0 2px; text-decoration:none; font-weight:bold}
.listMA a:hover{background-color:#698E86; color:#FFF}
.rlsBase{ padding:10px; background:#FFFFFF; float:left; height:170px}
.rlsBase4{ width:395px; float:left; height:auto}
.rlsBase2{ width:200px; float:left; padding:5px; height:110px}
.rlsBase3{ width:175px; float:left; padding:5px; height:110px}
.rsListing{ width:208px; height:auto; float:left; background:#DED4C0; font-size:18px; font-weight:bold; padding:0 10px}
.rsL1{ width:208px; float:left; font-size:12px; color:#6E523C; background-color:#DED4C0 }
.rsL1 a{ font-size:12px; text-decoration:none; color:#6A5E52}
.rsL1 a:hover{ color:#FFFFFF}
.rsL2{ width:200px; float:left; background-color:#DED4C0; padding:2px 0 2px 4px; color:#6A5E52; text-align:left}
.rsL2a{ width:210px; float:left; background-color:#DED4C0; padding:2px 0 2px 4px; color:#6A5E52; text-align:left}
.rsL3{ width:80px; float:left; background-color:#DED4C0; padding:2px 0 2px 4px; color:#6A5E52; text-align:left}
.list{ width:530px; padding:5px; border:1px solid #6A5E52; float:left; margin:0 0 5px 5px; height: 200px;}
.list1{width:145px; height:100px; overflow:hidden; float:left}
.list2{width:380px; height:110px; float:left; padding:0 0 5px 5px}
.list2a{width:380px; float:left; background-color:#698E86; text-align:center; font-size:14px; color:#FFFFFF; font-weight:bold; padding:3px 0}
.list2b{width:380px; float:left; background-color:#698E86; text-align:center; font-size:14px; color:#FFFFFF; font-weight:bold; padding:3px 0; margin:1px 0}
.list2c{ width:150px; height:23px; float:left; border:1px solid #6A5E52; text-align:center; font-size:20px; padding:10px; margin:1px}
.mImage{width:615px; height:400px; margin:auto; padding:2px; border:1px solid #6A5E52; overflow:hidden}
.tImage{ width:615px; margin:10px auto 0 auto; border:1px solid #6A5E52; padding:3px;}
.list3{width:530px; height:75px; float:left}
.list4{width:123px; height:42px; float:left; text-align:center}
.list5{width:123px; height:33px; float:left; text-align:center; font-size:11px; padding:6px 0}
#list_space{width: 100%; height: 300px; display: block; float: left;}

.viewP{ width:650px; height:42px; text-align:center; margin-bottom:20px}
.viewPText{ font-size:24px; padding:9px 0;}

.viewP2{ width:600px; height:42px; text-align:center; margin-bottom:20px}
.viewPText2{ font-size:24px; padding:9px 0;}

/*TESTIMONIALS*/
.test{width:558px; height:auto; float:left; margin:auto}
.testTop{width:558px; height:63px; float:left; background:url(../images/test_top.png) no-repeat}
.testBot{width:558px; height:75px; float:left; background:url(../images/test_bot.png) no-repeat}
.testMid{width:558px; height:auto; float:left; background:url(../images/test_mid.png) repeat-y}
.testCon{ padding:10px}
.testName{width:446px; height:40px; float:left; padding-left:80px; font-size:20px; font-weight:bold}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*Layout Styles*/

#header_wrap, #content_wrap, #footer_wrap{
width:973px;
overflow:hidden;
margin:0 auto;
}
#header_wrap{
background-image:url(../images/header.jpg);
background-position: center top;
background-repeat:no-repeat;
}
#contact_info{
height:87px;
text-align:right;
color:#FFFFFF;
text-transform:uppercase;
font-size:16px;
padding-right:15px;
padding-top:38px;
}

/*NAV*/
.nav2 ul{padding: 0 0px;}
.nav2{width:973px; height:24px; background:#9ab4af; z-index:1000; float:left; border: 1px #FFFFFF solid;}
.nav2, div.nav2 ul { margin: 0; list-style: none;}
.nav2 a {display: block; color:#FFFFFF; background:#9ab4af; text-decoration:none; padding:12px 28px 10px 28px; font-size:12px; font-weight: bold;}

.nav2 ul li a:hover {background: white ;color:#9ab4af ;}
.nav2 ul li ul li a:hover { width:135px; background:#000000;  border:#000000 1px solid;}
.nav2 ul li a:hover {background: white ;color:#9ab4af ;}
.nav2 ul li ul li{height: 20px;}
.nav2 li {float:left;}
.nav2 li ul {position: absolute; left: -999em; text-align:left; font-weight:100; font-size:12px; z-index:1000}
.nav2 li:hover ul {left: auto; padding:0; width:135px;}
.nav2 li:hover ul, #nav li.sfhover ul {left:auto;}

.navOne a{background: white ;color:#9ab4af; border:#000000 1px solid; text-align:left; width:135px; padding:10px}
.navOne a:hover{ display:block; background:#000000; z-index:1000; width:135px; padding:10px;}
#sel{background: white ;color:#9ab4af}

#main_content{width: 600px; float: left; padding: 0 20px;}
#home_content{width: 600px; float: left; padding: 0 60px;}
#sidebar{width: 250px; min-height: 500px; float: left; margin-left: 50px;}

#list_content{width: 630px; float: left; padding: 0 40px;}

#banner{
display:block;
background-image:url(../images/topbanner.jpg);
height:357px;
border-top:solid 1px #FFFFFF;
border-left:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;

}

#content_wrap{
	background-image:url(../images/contentarea_top.jpg);
	background-repeat:no-repeat;
	background-position: top;
	background-color:#ede6d7;

}
#content_container{
overflow:hidden;
display:block;
height:auto;
border-bottom:solid 1px #FFFFFF;
border-left:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;
position:relative;
height:100%;
}

#contentarea{
background-image:url(../images/content_bottom_resort.jpg);
background-repeat:no-repeat;
background-position: left bottom;
display:block;
float:left;
width:728px;

}
#Featurebar{
display:block;
float:left;
width:240px;
padding-top:174px;
}
#coastcontainer{
display:block;
overflow:hidden;
height:100%;
}
#coastcontainer li {
float:left;
padding:5px 0px 10px 16px;
}
#coastcontainer li a {
display:block;
color:#46665d;
text-transform:uppercase;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
font-size:13px;
text-align:center;
text-decoration:none;
}
#coastcontainer li a:hover{
color:#46665d;
}
#coastcontainer li a img {
border:solid 1px #698580;
margin-bottom:15px;
}
#content{
width: 950px;
margin-top:165px;
padding-bottom:360px;
min-height: 500px;
}
#content h1{
text-transform:uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#635840;

margin-bottom:20px;
}




#featureproduct{
width:224px;
background-image:url(../images/feature_product_bg.png);
background-repeat:no-repeat;
background-position:left bottom;
color:#FFFFFF;
text-transform:uppercase;
font-size:15px;
font-weight:bold;
text-align:center;
padding-top:25px;
height: 153px;
}

h2.Featureprdh2{
width:224px;

text-align:center;
display:block;
}

#featureproduct img{
border:solid 1px #ffffff;

}
#Gully{
margin-top:30px;
padding-left:2px;
}
#Gully img{
border:solid 2px #e0d2b3;

}
#Gully span img{
border:none;
margin-top:14px;
}
#GullyLogo{
padding-top:30px;
text-align:center;

}
#footer_content{
padding-top:10px;
}
#Leaf, #cert{
float:left;
width:15%;
text-align:center;
}
#Footercontent{
float:left;
width:70%;
text-align:center;
font-size:12px;
font-weight:bold;
line-height:17px;
}