body {background: #315A66; text-align: center}
p,div,li,td,a {font: normal 15px/130% "Trecbuchet MS", Calibri, Helvetica}
a {color: #4B64A6}
a:hover {color: #A0CC5D}
p,h1,table {margin: 10px; text-align: left}
td {vertical-align: top}
h1 {font: bold 15px/140% "Trecbuchet MS", Calibri, Helvetica; text-align: left; text-decoration: underline}
h4 {text-align: left; text-indent: 10px; margin: 5px 0; color: #4ba66f}
li {text-align: left}
form {margin: 0; padding: 0}

#hiltonhead {width: 1000px; margin: 2px auto; background: #fff}

#hilton-head-marketing {width: 100%; height: 60px;}
#head {width: 98%; text-align: left; margin: 0 auto}
#logo {margin: 10px 0; padding-top: 15px; line-height: 200%}
#logo strong {font-size: 42px; color: #315A66; font-variant: small-caps; }
#logo a {text-decoration: none}
#hhi {float: right; margin: 10px 0}
img {border: 0}

#vacation {width: 98%; background: #243B7F; margin: 0 auto; border: 1px solid #333; clear: both}
#vacation a {font-variant: small-caps; color: #fff; text-decoration: none; font-weight: bold}
#vacation a:hover {color: yellow}
 
#activities {width: 98%; height: 250px; border: 1px solid #eee; margin: 0 auto}
#hiltonheadvacation {width: 662px; height: 250px; border: 1px solid #eee; background: url('http://dev.hiltonhead-sc.net/images/template/hhi-vacation.jpg') }
#ad {width: 300px; height: 250px; border: 1px solid #eee; float: right}

#activitiesinner {width: 98%; border: 1px solid #eee; margin: 0 auto}
#links {width: 300px; float: right}
#links h1 {color: #4B64A6; font: bold 15px/150% "Trecbuchet MS", Calibri, Helvetica}
#innerpages {width: 662px; margin: 0 auto; float: left}
#innerpages h1 {color: #4B64A6; font-size: 36px; line-height: 100%; font-variant: small-caps}
#hiltonheadpicture {width: 100%; height: 125px; border-bottom: 1px solid #333; margin-bottom: 5px}

#text1 {width: 260px; height: 250px; margin-left: 390px;}
#text1 h1 {font-size: 15px; color: #fff; text-indent: 10px; margin-bottom: 0px; margin-top: 5px}
#text1 p {line-height: 110%; color: #fff}
#text1 a {color: #E5E573; text-decoration: none; font-weight: bold}

#text2 {width: 260px; height: 250px;}
#text2 h1 {font-size: 15px; color: #fff; text-indent: 5px; margin-bottom: 0px; margin-top: 5px}
#text2 p {line-height: 110%; color: #fff}
#text2 a {color: #E5E573; text-decoration: none; font-weight: bold; line-height: 110%}

#attractions {width: 98%; height: 250px; background: #eee; margin: 0 auto; clear: both; text-align: left; margin-top: 5px; background: #fff}
#hiltonheadsc {width: 662px; height: 250px; border: 1px solid #eee; background: url('http://dev.hiltonhead-sc.net/images/template/hilton-head-shopping.jpg')}
#ad2 {width: 300px; height: 250px; border: 1px solid #eee; float: right; background: url('http://dev.hiltonhead-sc.net/images/template/hilton-head-map.jpg');}
#ad2 h1 {font-size: 15px; color: #fff; text-indent: 5px;  margin-bottom: 0px; margin-top: 5px}
#ad2 p {line-height: 110%; color: #fff; margin-top: 5px}
#ad2 a {color: #E5E573; text-decoration: none; font-weight: bold}

#sponsors {width: 98%; margin: 0 auto; background: #fff; text-align: center; clear: both}
#sponsors img {margin: 2px 10px}
#footer {width: 98%; margin: 0 auto; background: #eee; text-align: left; clear: both}

img.right {margin: 10px; float: right; }  
img.left {margin: 10px; float: left; margin-left: 0}

.googlemap {width: 450px; height: 320px; margin-left: 10px; float: right; border: 1px solid #eee}
.googlemap-re {width: 590px; height: 400px; margin-left: 10px; border: 1px solid #eee}

.important {background: #ECE9D8; padding: 5px; border: 1px solid #4B83D5}
.searchbar {float: right; margin: 0px}

.scrental {width: 150px; float: left; height: 320px}
.scrental {margin: 1px}
.scrental p {line-height: 120%; margin: 1px; padding: 0}
.nugget {width: 55px; height: 50px; float: left; margin: 1px}

div.chart {width: 300px; float: left; padding: 3px; border: 1px solid #C5B67C; margin: 0px 2px 2px; display: inline; white-space: pre;}