body {background: #fff; color: #333; margin: 0; padding: 0; font: normal 13px/130%  "Myriad Pro", helvetica, arial;} 
a {text-decoration: none; color: #5E85AE;}
a:hover {color: yellow;}
a.email {background: url('http://www.idmfirm.com/seaside/images/email.gif') left no-repeat; padding-left: 20px;}
a.print {background: url('http://www.idmfirm.com/seaside/images/print.gif') left no-repeat; padding-left: 20px;}
a.plus {background: url('http://www.idmfirm.com/seaside/images/plus-red.gif') left no-repeat; padding-left: 20px;}
a.arrow {background: url('http://www.idmfirm.com/seaside/images/arrow-r-red.gif') left no-repeat; padding-left: 20px;}
a.pdf {background: url('http://www.seasidegetaways.com/images/PDF_icon.gif') left no-repeat; padding-left: 30px; padding-top: 10px}

p {margin: 10px; text-align: left;}
table {margin: 0; padding:0; font: normal 13px/130%  "Myriad Pro", helvetica, arial;}
table.amenities {margin-left: 25px}
tr.trbg {background: #FAF8E9;}
div {background: #fff}
td {margin: 5px 15px; padding: 5px 5px; vertical-align: top;}
h1 {font: normal 20px/150%  "Myriad Pro", helvetica, arial; color: #066F8F; background: url('http://www.seasidegetaways.com/images/bg/tree.jpg') no-repeat left; height: 35px; text-indent: 30px; margin:0; text-align: left; border-bottom: 1px solid #FEE267}
h2 {background: #EDE7DE; font: normal 13px/150% "Myriad Pro", helvetica, arial; color: #000; text-indent: 20px; margin:0; text-align: left;}
h3 {text-align: left; font: bold 13px/125%  "Myriad Pro", helvetica, arial; margin-left: 10px; color:#C69A29;}
h4 {text-align: left; font: normal 13px/125%   "Myriad Pro", helvetica, arial; margin-left: 25px; color:#C69A29;} 
input, select, option {font: normal 13px/130%   "Myriad Pro", helvetica, arial; border: 1px solid #ccc;}
b {color: #000;}
h2 a {color: #fff}
//* Top and Links *//

#maintable {padding: 0; margin: 0; border: 1px solid #ccc}

#main {width: 810px; margin: 5px auto;}
.beachhouse {width: 810px; border: 1px solid: #ccc;}
#beach {width: 810px; height: 80px;}
.huntingisland {background: url('http://www.seasidegetaways.com/images/bg/banner_hunting.jpg') no-repeat left;}
.frippisland {background: url('http://www.seasidegetaways.com/images/bg/banner_fripp.jpg') no-repeat left;}
.harborisland {background: url('http://www.seasidegetaways.com/images/bg/banner_harbor.jpg') no-repeat left;}
.standard {background: url('http://www.seasidegetaways.com/images/bg/banner.jpg') no-repeat left;}
div.sc {text-align: right; margin-top: 0px; color: #918D57; font-weight: normal;}
#vacation {width: 810px; background: #636500; text-align: center; display: table}
#vacation ul {margin: 0; padding:0;  background: #636500;}
#vacation li {float: left; background: #636500; width: 120px; border: 1px solid #7C705F; list-style: none;}
#vacation a {color: #fff; text-indent: 10px; display: block;}
#vacation a:hover {color: #fff; background: #636500;}
#island {width: 810px; height: 150px;  text-align: left; display:block }
.house {margin: 1px; margin-left: 0; width: 200px; height: 148px; background: #066F8F url('http://www.idmfirm.com/seaside/images/bg.jpg'); float: left; }
.house a {color: #fff}
.lowcountry {margin: 1px; margin-left: 0; width: 350px; height: 148px; background: url('http://www.seasidegetaways.com/images/bg/castle.jpg') no-repeat; float: left; }
.rental {margin: 1px 0; width: 257px; height: 148px; background: #918D57; float: left; text-align: center;}
.rental a {color: #F8EFA2}
.rental h2 {background:#918D57; font-weight: normal; color:#fff; margin-top: 5px; line-height: 150%}
.rental p {margin: 5px}
.rental img {border: 1px solid #636500}
#villa {width: 100%; padding-top: 20px; text-align: center;}
#villa ul {margin: 0; padding:0}
#villa li {display: inline; margin: 5px 5px;}
#villa a {color: #00738A; font-size: 13px;}
#villa a:hover {color: #000;}


.content {width: 810px; text-align: left; background: #fff;}
.maincontent {width: 810px; text-align: left; background: #fff;}
.maincontent p{margin: 15px 25px}
input.submit {background: #918D57; border: #333; color: #fff; width: 75px; cursor: hand; font-weight: normal;}
input.submit:hover {background: #08657B;}
input.submit2 {background: #918D57; border: #333; color: #fff; width: 100px; text-align: center; cursor: hand; font-weight: normal; margin-top: 20px;}
.long {width: 200px;}


.islands {width: 252px; height: 280px; margin: 5px 6px; float: left;  background: #FFF7DE; border: 1px solid #ccc;}
.islands h2 {color:#fff;}
.sand {background: #636500; text-align: center;}
.sand a {color: #fff; margin: 0 10px}
.sand a:hover {color: #F5E99D;}
.yellow {background: #FFF7DE;}
img.left {float: left; margin: 10px; margin-left: 0;}

td.pic {width: 150px; }
td.stats {width: 175px;}
td.desc {width: 350px;}

hr {border: 0; color: #efefef; background-color: #efefef;}

img.right {float: right; margin: 5px 10px;}

.harbor {width: 810px; height: 465px; background: url('http://www.seasidegetaways.com/images/bg/harbor.jpg') no-repeat;}
.fripp {width: 810px; height: 465px; background: url('http://www.seasidegetaways.com/images/bg/fripp-island.jpg') no-repeat;}


.text {width: 340px; height: 400px; float: right; margin: 20px; background: transparent}
.text h1 {text-align: center;}
.text p:first-letter {font-size: 150%; color: #066F8F;}
.text li {text-align: left; margin-left: 50px;}

.textfripp {width: 500px; float: right; margin: 10px; background: transparent}
.textfripp h1 {text-align: center;}
.textfripp p:first-letter {font-size: 150%; color: #066F8F;}
.textfripp li {text-align: left; margin-left: 50px;}


.text2 {width: 600px; height: 400px; float: right; margin: 20px; clear: both;}
.text2 p:first-letter {font-size: 150%; color: #066F8F;}

.nugget {width: 100px; height: 90px; border: 1px solid #918D57}

.image {float: right; border: 1px solid #636500; width: 225px;  margin-left: 20px;}
.image h2 {font-size: 12px; color:#333; background: #fff; text-align:center; text-indent:0}
.inside {width: 100%; height: 145px}
.image p {color: #636500; font-size: 18px; text-align:center;}

div.responseBad {
    position:absolute;
    top: 0px;
    z-index: 1;
    height: 50px;
	color: #FF0000;
	border: 1px solid #FF0000;
    border-left: none;
    border-right: none;    
	width: 760px;
    text-align: left;
    padding-left: 50px;
	font-weight: normal;
    line-height: 50px;
    background: #FFE5E5 url(http://www.seasidegetaways.com/images/error-trans.gif) 2px 50% no-repeat;
}
div.responseGood {
    position:absolute;
    top: 0px;
    z-index: 1;
    height: 50px;
	color: #008000;
	border: 1px solid #008000;
    border-left: none;
    border-right: none;    
	width: 760px;
    text-align: left;
    padding-left: 50px;
	font-weight: normal;
    line-height: 50px;
    background: #A4D6B0 url(http://www.seasidegetaways.com/images/info-note.gif) 2px 50% no-repeat;
}

.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#999999;
}

.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#999999;
	text-decoration:none;
}

.smallgraytext a:hover{
	text-decoration:underline;
}