/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.clear{clear:both}
/* Global properties ======================================================== */
body{border:0;font:14px Arial, Helvetica, sans-serif;color:#323232;line-height:22px; background:#fff url(../images/body-bg.jpg); }
.body1{background:url(../images/top-bg.jpg) top center repeat-x;}
.body2{background:url(../images/header-bg.jpg) repeat-x}
.body3{}
.body4{background:url(../images/footer-bg.jpg); width:100%;}
.body5{background:url(../images/bg_top_img.jpg) center bottom no-repeat}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:940px}
/* ============================= main layout ====================== */
a{color:#696969;text-decoration:none;outline:none}
a:hover{text-decoration:none}

h1, h2,h3,h4,h5,h6{margin:0; padding:0;}

p{padding-bottom:15px}
/* ============================= header ====================== */
.top{height:104px; width:100%; background:url(../images/top-nav-bg.jpg) no-repeat center top;}
.top-inner{width:980px; padding-right:20px; margin:0 auto; text-align:right; height:99px;}
.top-links{width:295px; float:right; text-align:right; margin-top:16px; }
.top-links a{ color:#343434; font-size:11px; text-transform:uppercase;}

.top-address{width:340px; height:37px; float:right; line-height:12px; font-size:11px; color:#007db7; text-transform:uppercase; border-left:dotted 1px #007bd7; margin-top:10px; margin-left:13px; padding-left:13px;}

nav{position:absolute; margin-top:50px; z-index:9;}
nav #nav{display:block; float:right; margin-left:264px; z-index:9;}
nav #nav ul{ list-style:none; z-index:9;}
nav #nav ul li{ background:url(../images/menu_div.png) no-repeat right 9px;float:left;}
nav #nav ul li a{ display:block; float:left; padding:10px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#343434; margin:0px 05px;}
nav #nav ul li a.current, nav #nav ul li a:hover{ background:#ccc086;}
nav #nav ul li.no-bg{background:none;}
nav #nav ul li a.no-mar{margin-right:0;}

nav #nav ul li ul {
	position:absolute;
	margin-top:40px;
	display:none;
	border-top:solid 4px #ad9732;
	margin-left:10px;
	width:200px;
	z-index:9;	
}
nav #nav ul li:hover ul {
	display:block;
	z-index:9;
}
nav #nav ul li ul li {
	display: list-item;
	background:none;
	float:none;
	z-index:9;
}
nav #nav ul li ul li a {
	margin:0;
	padding:0;
	background:#ccc086;
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	width:180px;
	text-align:left;
	border-bottom:solid 1px #ac9732;
	padding:10px;
	z-index:9;
}
nav #nav ul li ul li a:hover {
	color:#fff;
}



#logo{z-index:999; position:absolute; width:270px; float:left;}
#logo a{display:block;}

.banner{ height:491px; width:100%;}
.banner-inner{ height:auto; width:100%;}
.banner-inner{width:1300px; margin:0 auto; background:url(../images/heritage-vacations-of-hilton-head-slider0.jpg) no-repeat; height:491px; z-index:1;}
.inner-banner-inner{width:1300px; margin:0 auto; height:230px; z-index:1;}
.inner-title{width:900px; margin:0px auto; position:absolute; z-index:2; margin-left:195px; margin-top:72px; font-size:70px; color:#fff; display:block;}
.title{width:500px; position:absolute; font-size:50px; color:#000; z-index:9999; margin-top:363px; margin-left:465px;}
.banner-bottom-img{ width:100%; background:url(../images/banner-bottom.png) center bottom no-repeat; height:50px; position:absolute; border:0; margin-top:441px; z-index:501}
.inner-banner-bottom-img{ width:100%; background:url(../images/inner-bottom-shadow.png) center bottom no-repeat; height:37px; position:absolute; border:0; margin-top:193px; left:0; z-index:8;}
/* ============================= content ====================== */
#content{width:980px; padding:10px; margin:0 auto;}
#content_left{width:670px; float:left; font-family:Arial, Helvetica, sans-serif; color:#323232; font-size:12px;}

.content_left{width:670px; margin-bottom:10px; float:left; width:100%; line-height:19px;}
.content_left a{ color:#087ab6;}
.content_left h1{ font-size:24px; color:#252525; background:url(../images/under-shadow.png) repeat-x left bottom; padding-bottom:10px; width:100%; font-weight:normal; float:left; display:block; margin-bottom:05px;}
.why-choose{width:127px; height:37px; float:right; display:block;}
.content_left h1 a{width:127px; height:27px; float:right; display:block; color:#007db7; font-size:14px; background:url(../images/whychoose.png) no-repeat left top; text-align:center; padding-top:6px;}

.content_left small{ font-size:80%;}

.content_left h2{font-size:16px; color:#252525; padding-top:5px; padding-bottom:0px; width:100%; font-weight:normal; float:left; display:block; margin-bottom:5px; }

.content_left ul li{padding:0 0 0 5px; margin:0 0 0 15px; list-style:disc;}

.seapinesmain h2{font-size:16px; color:#252525; padding-top:10px; padding-bottom:5px; width:100%; font-weight:normal; float:left; display:block;  }

.seacourse{font-size:12px; color:#252525;width:100%;float:left;padding-bottom:3px; line-height:25px; }

.seapublic{font-size:14px; font-style:italic; color:#252525;width:100% !important;float:left !important; font-weight:bold; margin-bottom:10px;}

.seapines {font-size:14px; color:#252525;  padding-bottom:0px; width:75%; font-weight:normal; float:left; line-height:30px;}
.seasubhead{float:left;}
.seanumber{float:right; padding-right:20px;}
.seacourse ul{padding:3px 0 0 0; margin-bottom:10px; list-style: disc; width:100%; float:left;}
.seacourse ul li{padding:0 ; margin:0 0 0 15px; font-size:12px}
.empty{padding:0 ; margin:0;float:left;}

.bot-boxes{width:100%;}
.golf{width:320px; float:left;}
.golf p{margin:0; padding:0; color:#3e3e3e; font-size:11px; line-height:15px;}
.box_top{ background:url(../images/box-top.png) no-repeat center top; height:7px;}
.box_cont{background:url(../images/box-bg.png) repeat-y center top; height:auto; text-align:center;}
.box_cont h2{ color:#fff; position:absolute; font-size:22px; font-weight:normal; padding-left:18px; padding-top:10px; z-index:2;}
.box_cont_click{ width:90px; height:24px; padding-top:2px; background:url(../images/click-here.png) no-repeat left top; position:absolute; z-index:5; margin-left:230px; margin-top:90px;}
.box_cont_click a{ font-size:12px;}
.box_cont_click a.green{ color:#334324; background:url(../images/arrow-green.png) no-repeat right 2px; padding-right:08px;}
.box_cont_click a.blue{ color:#014970; background:url(../images/arrow-blue.png) no-repeat right 2px; padding-right:08px; }
.box_bot{background:url(../images/box-bot.png) no-repeat center top; height:12px;}

.golf-img{width:306px; margin:0 auto; z-index:1;}
.golf-img a{width:306px; margin:0 auto;}

.recreation{width:320px; float:left; margin-left:15px;}
.recreation p{margin:0; padding:0; color:#3e3e3e; font-size:11px; line-height:15px;}

.search{width:265px; display:block; float:left;  margin-right:13px;}
.search-top{width:100%; background:url(../images/search-top.png) no-repeat left top; height:7px; display:block;}
.search-cont{background:url(../images/search-bg.png) repeat-y left top; height:auto; display:block; padding:0px 7px;}
.search-bot{width:100%; background:url(../images/search-bottom.png) no-repeat left top; height:13px; display:block;}

/* ============================= Sidebar ====================== */
#sidebar{width:285px; float:right; padding:0px 3px 10px 2px;}

#sidebar .spicebush, #sidebar .swallowtail, #sidebar .island, #sidebar .map{width:100%; margin-bottom:08px; background:url(../images/side-box-shadow.png) no-repeat center bottom; padding-bottom:12px;}
#sidebar .spicebush p, #sidebar .swallowtail p, #sidebar .island p, #sidebar .map p{ font-size:11px; color:#3e3e3e; padding:0px 6px; line-height:14px;}
#sidebar .click{ background:url(../images/click-here.png) no-repeat left top; width:90px; height:26px; position:absolute; margin-top:90px; margin-left:195px; padding-top:0px; z-index:4}
#sidebar .click a{ font-size:12px;}
#sidebar a.black{ color:#000; background:url(../images/arrow-black.png) no-repeat right 3px; padding-right:10px;}
#sidebar a.cream{ color:#503b18; background:url(../images/arrow-cream.png) no-repeat right 3px; padding-right:10px;}
#sidebar a.cream1{ color:#503b18; background:url(../images/arrow-cream1.png) no-repeat right 3px; padding-right:10px;}
#sidebar a.green1{ color:#334324; background:url(../images/arrow-green.png) no-repeat right 3px; padding-right:10px;}
#sidebar a.blue1{ color:#014970; background:url(../images/arrow-blue.png) no-repeat right 3px; padding-right:10px;}
#sidebar .spicebush-top, #sidebar .swallowtail-top, #sidebar .island-top, #sidebar .map-top{ height:7px; display:block; background:url(../images/side-box-top.png) no-repeat left top}
#sidebar .spicebush-cont, #sidebar .swallowtail-cont, #sidebar .island-cont, #sidebar .map-cont{ height:auto; display:block; background:url(../images/side-box-bg.png) repeat-y left top; text-align:center;}
#sidebar .spicebush-bot, #sidebar .swallowtail-bot, #sidebar .island-bot, #sidebar .map-bot{ height:14px; display:block; background:url(../images/side-box-bot.png) no-repeat left top}
#sidebar .spicebush-cont h2, #sidebar .swallowtail-cont h2, #sidebar .island-cont h2, #sidebar .map-cont h2{ font-size:22px; font-weight:normal; color:#fff; z-index:5; position:absolute; margin-top:5px; margin-left:18px;}
h2.color{color:#000;}


#sidebar .click2{ background:url(../images/click-here.png) no-repeat left top; width:90px; height:26px; display:block; position:absolute; margin-top:42px; margin-left:195px; padding-top:0px; z-index:5}
#sidebar .click2 a{ font-size:12px;}

/* ============================= Inner Page ====================== */

.inner-boxes{width:100%;}
.inner-boxes ul{ list-style:none;}
.inner-boxes ul li{  float:left; margin-right:28px; margin-bottom:35px;}
.inner-boxes ul li.no-mar{ margin-right:0;}
.inner-boxes ul li a{ padding:12px 7px 12px 6px; display:block; float:left; background:url(../images/inner-box.png) no-repeat left top; z-index:5;}
.inner-boxes ul li h3{ position:absolute !important; margin-top:18px; text-align:center; color:#343434; font-size:22px; font-weight:normal; width:186px; z-index:5;}
.inner-boxes ul li h3.color{ color:#fff;}

.inner-boxes ul li p{ position:absolute; width:106px; margin-top:220px; height:26px; background:#000; display:block !important; background:url(../images/inner-click-bg.png) no-repeat left top; margin-left:46px; text-align:center;}
.inner-boxes ul li p a{margin:0; padding:0; background:none; text-align:center; font-size:12px; padding-left:21px; font-weight:normal; color:#343434;}

.inner-click{position:relative; width:106px; height:26px; display:block; float:left; padding:0; margin:0; background:#000;}

/* ============================= footer ====================== */
footer {padding:24px 0px;font-style:normal;color:#696969;text-align:center; border-top:solid 1px #c0c0c0; height:192px;}
footer a{color:#fff}
footer a:hover{}

.footer{width:960px; margin:0 auto;}
.social-icons{width:110px; margin-top:12px;}
.footer-bot{width:100%; background:url(../images/footer-shadow.png) no-repeat left top; margin-top:20px; color:#fff; font-size:12px; padding-top:10px; position:relative !important; display:inline-block;}
.footer-bot a{color:#fff; font-size:12px;}

/* ============================= forms ============================= */
#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;line-height:26px}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}
#ContactForm a{margin-left:10px;float:right;width:62px;font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#60b000;text-align:center}
#ContactForm a:hover{background:#080808}
#ContactForm .input {width:269px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#ContactForm textarea {overflow:auto;width:549px;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#newsletter{}
#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter a{float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#60b000;color:#fff}


.thanksyou{ color:#ff0000; font:normal 12px Arial, Helvetica, sans-serif; margin-bottom:10px; text-align:center; font-weight:bold;}