@charset "UTF-8";

/*GENERAL*/
html, body {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:60%;
	color:#666;
	background:#e1d0b5 url(pix/bg_beachshell.jpg) no-repeat fixed center top;
}
img {
	border:none;
}
h1 { /*main copy*/
	font-size:1.3em;
	line-height: 1.3em;
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:0;
}
h2 { /*sub copy*/
	font-size:1.1em;
	line-height:1.4em;
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:0;
}
h3 { /*home item copy + footer*/
	font-size:1.1em;
	line-height:1.4em;
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:0;
}
h4 { /*snap text*/
	font-size:1.1em;
	line-height:1.4em;
	text-decoration:none;
	font-weight:normal;
	margin:0 8px;
	padding:0;
}
a {
	color:#605951;
	text-decoration:none;
}
a:hover {
	color:#605951;
	text-decoration:underline;
}
a:active{
	color:#605951;
	text-decoration:none;
}
/*navigation and button rollovers*/
a#menu1, a#menu1on { background:url(pix/menu1.png) no-repeat; width:129px; height:50px; display:block; }
a#menu1 span, a#menu1on span { display:none; }
a#menu1:hover, a#menu1on { background-position: 0 -50px; }

a#menu2, a#menu2on { background:url(pix/menu2.png) no-repeat; width:120px; height:50px; display:block; }
a#menu2 span, a#menu2on span { display:none; }
a#menu2:hover, a#menu2on { background-position: 0 -50px; }

a#menu3, a#menu3on { background:url(pix/menu3.png) no-repeat; width:121px; height:50px; display:block; }
a#menu3 span, a#menu3on span { display:none; }
a#menu3:hover, a#menu3on { background-position: 0 -50px; }

a#menu4, a#menu4on { background:url(pix/menu4.png) no-repeat; width:120px; height:50px; display:block; }
a#menu4 span, a#menu4on span { display:none; }
a#menu4:hover, a#menu4on { background-position: 0 -50px; }

a#menu5, a#menu5on { background:url(pix/menu5.png) no-repeat; width:120px; height:50px; display:block; }
a#menu5 span, a#menu5on span { display:none; }
a#menu5:hover, a#menu5on { background-position: 0 -50px; }

a#menu6, a#menu6on { background:url(pix/menu6.png) no-repeat; width:130px; height:50px; display:block; }
a#menu6 span, a#menu6on span { display:none; }
a#menu6:hover, a#menu6on { background-position: 0 -50px; }

a#menu7, a#menu7on { background:url(pix/btn_1.png) no-repeat; width:202px; height:30px; display:block; }
a#menu7 span, a#menu7on span { display:none; }
a#menu7:hover, a#menu7on { background-position: 0 -30px; }

a#menu8, a#menu8on { background:url(pix/btn_2.png) no-repeat; width:202px; height:30px; display:block; }
a#menu8 span, a#menu8on span { display:none; }
a#menu8:hover, a#menu8on { background-position: 0 -30px; }

a#menu9, a#menu9on { background:url(pix/btn_3.png) no-repeat; width:202px; height:30px; display:block; }
a#menu9 span, a#menu9on span { display:none; }
a#menu9:hover, a#menu9on { background-position: 0 -30px; }

a#menu10, a#menu10on { background:url(pix/btn_FB.png) no-repeat; width:202px; height:16px; display:block; }
a#menu10 span, a#menu10on span { display:none; }
a#menu10:hover, a#menu10on { background-position: 0 -16px; }

a#menu11, a#menu11on { background:url(pix/btn_gallery1.png) no-repeat; width:202px; height:30px; display:block; }
a#menu11 span, a#menu11on span { display:none; }
a#menu11:hover, a#menu11on { background-position: 0 -30px; }

a#menu12, a#menu12on { background:url(pix/btn_gallery2.png) no-repeat; width:202px; height:30px; display:block; }
a#menu12 span, a#menu12on span { display:none; }
a#menu12:hover, a#menu12on { background-position: 0 -30px; }

a#menu13, a#menu13on { background:url(pix/btn_gallery3.png) no-repeat; width:202px; height:30px; display:block; }
a#menu13 span, a#menu13on span { display:none; }
a#menu13:hover, a#menu13on { background-position: 0 -30px; }

a#menu14, a#menu14on { background:url(pix/btn_gallery4.png) no-repeat; width:202px; height:30px; display:block; }
a#menu14 span, a#menu14on span { display:none; }
a#menu14:hover, a#menu14on { background-position: 0 -30px; }

a#menu15, a#menu15on { background:url(pix/btn_gallery5.png) no-repeat; width:202px; height:30px; display:block; }
a#menu15 span, a#menu15on span { display:none; }
a#menu15:hover, a#menu15on { background-position: 0 -30px; }

a#menu16, a#menu16on { background:url(pix/btn_gallery6.png) no-repeat; width:202px; height:30px; display:block; }
a#menu16 span, a#menu16on span { display:none; }
a#menu16:hover, a#menu16on { background-position: 0 -30px; }

a#menu17, a#menu17on { background:url(pix/btn_gallery7.png) no-repeat; width:202px; height:30px; display:block; }
a#menu17 span, a#menu17on span { display:none; }
a#menu17:hover, a#menu17on { background-position: 0 -30px; }

a#menu18, a#menu18on { background:url(pix/btn_4.png) no-repeat; width:202px; height:30px; display:block; }
a#menu18 span, a#menu18on span { display:none; }
a#menu18:hover, a#menu18on { background-position: 0 -30px; }

/*CLASSES*/
.copy a {
	color:#d74214;
	text-decoration:underline;
}
.copy a:hover {
	color:#e78e72;
	text-decoration:underline;
}
.copy a:active {
	color:#d74214;
	text-decoration:underline;
}
.copybold {
	text-decoration:none;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0;
}
.margincopy a {
	font-size:1.1em;
	line-height:1.4em;
	color:#d74214;
	text-decoration:underline;
}
.margincopy a:hover {
	font-size:1.1em;
	line-height:1.4em;
	color:#e78e72;
	text-decoration:underline;
}
.margincopy a:active {
	font-size:1.1em;
	line-height:1.4em;
	color:#d74214;
	text-decoration:underline;
}
.image-hold {float:left}

/*DIVS*/
div#container {
	width:740px;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}
div#note {
	position:absolute;
	top:10px;
	left:337px;
	width:378px;
	height:84px;
	z-index:13;
}
div#menu {
	position:absolute;
	top:98px;
	left:0px;
	width:740px;
	height:50px;
	background:url(pix/menu_bg.png) no-repeat;
	z-index:12;
}
div#whitebgShadow {
	width:730px;
	height:100%;
	margin:15px 0 0 5px;
	padding:0;
	background:url(pix/whitebgShadow.png) repeat-y;
	float:left;
}
div#whitebg {
	width:710px;
	height:100%;
	margin:10px 0 0 10px;
	padding:0;
	background-color:#FFF;
	float:left;
}
div#pattern {
	width:710px;
	height:68px;
	margin:0;
	padding:0;
	background:url(pix/pattern.png) no-repeat;
}
div#logo {
	width:154px;
	height:58px;
	margin:13px 0 0 20px;
	padding:0;
	float:left;
}
div#hero {
	width:670px;
	height:270px;
	margin:45px 0 20px 20px;
	padding:0;
}
div#content {
	width:670px;
	height:100%;
	margin:0 0 20px 20px;
	padding:0;
}
div#contentLeft {
	width:202px;
	height:100%;
	margin:0 30px 0 0;
	padding:0;
	float:left;
}
div#btn {
	margin:0;
	padding:0;
	float:left;
}
div#contentRight {
	width:438px;
	margin:0 0 20px;
	padding:0;
	float:left;
}
div#contentRight .item1 {
	width:136px;
	margin:0;
	padding:0;
	float:left;
}
div#contentRight .item2 {
	width:136px;
	margin:0 15px;
	padding:0;
	float:left;
}
div#contentRight .item3 {
	width:136px;
	margin:0;
	padding:0;
	float:left;
}
div#contentRight .btmbar {
	width:100%;
	height:30px;
	margin:15px 0 0;
	padding:0;
	background-color:#D74214;
	float:left;
}
div#contentFull {
	width:100%;
	height:100%;
	margin:10px 0 20px;
	padding:0;
	float:left;
}
div#contentFullLeft {
	width:325px;
	height:100%;
	margin:0 20px 0 0;
	padding:0;
	float:left;
}
div#contentFullRight {
	width:325px;
	height:100%;
	margin:0;
	padding:0;
	float:left;
}
div#contentRightBtm {
	width:202px;
	height:100%;
	margin:0;
	padding:0;
	float:left;
}
div#footer {
	width:710px;
	height:100%;
	margin:15px auto 0;
	padding:0;
	float:left;
	text-align:right;
}
div#contact {
	width:438px;
	margin:0;
	padding:0;
	float:left;
}
div#contactLeft {
	width:auto;
	margin:0;
	padding:0 10px 0 0;
	float:left;
}
div#contactRight {
	width:auto;
	margin:0;
	padding:0;
	float:left;
} 

/*Picture Gallery*/
#contentRight a.pics {float:left; padding:0 5px 5px 0; display:inline; color:#000; text-decoration:none; width:83px; height:65px; cursor:default;}
#contentRight a.picsLast {float:left; padding:0 0 5px 0; display:inline; color:#000; text-decoration:none; width:83px; height:65px; cursor:default;}
#contentRight a.pics img.thumb, a.picsLast img.thumb {display:block; border:0;}

#contentRight a.pics span, a.picsLast span {display:none; border:0; width:670px;}
#contentRight a.pics span img, a.picsLast span img {margin:0; border:0;}

#contentRight a.pics:hover, a.picsLast:hover {white-space:normal;}
#contentRight a.pics:hover span, a.picsLast:hover span {display:block; position:absolute; left:35px; top:138px; z-index:10; height:270px;}

#contentRight a.pics:active span, a.picsLast:active span {display:block; position:absolute; left:35px; top:138px; z-index:5; height:270px;}

#contentRight a.pics:focus, a.picsLast:focus {outline:0;}
#contentRight a.pics:focus span, a.picsLast:focus span {display:block; position:absolute; left:35px; top:138px; z-index:5; outline:0; height:270px;}

#contentRight span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#contentRight span.info a {color:#000;}
#contentRight span.info a:hover {text-decoration:none;}

/*Map Overlay*/
#custom {background-image:url(pix/map.png); width:684px; height:507px; padding:0px;}
#custom div.close {right:-15px; top:-10px;}
#trigger img {cursor:pointer;}
.map_overlay {display:none; background-image:url(pix/overlay.png) width:640px; padding:35px;}
.map_overlay .close {background-image:url(pix/close.png); position:absolute; right:-10px; top:-10px; cursor:pointer; height:35px; width:35px;}