/*layout*/
html, body {
    height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/headerBg.png) repeat-x;
}

a:active, a:focus{outline: 0;}
#header {
	height:247px;
	text-align:center;
	margin:0 auto;
	width:990px;
	position:relative;
}

h1{
width: 0px;
height: 0px;
padding: 0px;
margin: 0px;
}

h1 a{
display: block;
width: 316px;
height: 204px;
position: absolute;
top: 0px;
left: 0px;
background: url(/images/headerSprite2.png) no-repeat -20px 0;
text-indent: -999em;
}

#topAd{
position: absolute;
top: 0px;
right: -10px;
width: 757px;
height: 111px;
background: url(/images/header-banner.png) no-repeat;
}
#topAd div{
padding-left: 1px;
padding-top: 7px;
}
.headerlink {
position: absolute;
top: 90px;
left: 328px;
color:#1a9cb2;
padding-top:25px;
padding-bottom:5px;
}
.headerlink a {
color:#1a9cb2 !important;
}
#nav{
position: absolute;
top: 145px;
left: 289px;
}
#navRestaurants, #navEvents, #navHotspots, #navRadio, #navPhotos, #navRentals{
display: block;
float: left;
width: 146px;
height: 53px;
text-indent: -999em;
background: url(/images/headerSprite2.png) no-repeat -348px -141px;
}
#navRestaurants{margin-left:13px;}
#navRestaurants:hover{
background-position: -348px -66px;
}
#navEvents{
width: 117px;
background-position: -494px -141px;
}
#navEvents:hover{
background-position: -494px -66px;
}
#navPhotos{
width: 126px;
background-position: -734px -141px;
}
#navPhotos:hover{
background-position: -734px -66px;
}
#navHotspots{
width: 126px;
background-position: -611px -141px;
}
#navHotspots:hover{
background-position: -611px -66px;
}
#navRentals{
width: 126px;
background-position: -863px -141px;
}
#navRentals:hover{
background-position: -863px -67px;
}
#navRadio{
position: absolute;
top: -19px;
left: 400px;
width: 266px;
height: 91px;
background-position: -760px -121px;
}
#social{
position: absolute;
top: 211px;
left: 0px;
width: 100%;
}
#socialLeft{
float: left;
margin-top: -2px;
}
#socialLeft #facebook, #socialLeft #twitter, #socialLeft #store{
display: block;
width: 133px;
height: 38px;
float: left;
text-indent: -999em;
background: url(/images/smSprite2.png) no-repeat 0 0;
}
#socialLeft #facebook:hover{
background-position: 0 -43px;
}
#socialLeft #twitter{
width: 185px;
margin-left: 30px;
background-position: -367px 0px;
}
#socialLeft #twitter:hover{
background-position: -367px -43px;
}
#socialLeft #store{
width: 192px;
margin-left: 30px;
background-position: -152px 0px;
}
#socialLeft #store:hover{
background-position: -152px -41px;
}
#socialRight{
float: right;
width: 235px;
color: #fff;
margin-top: 7px;
}
#socialRight a{
color: #fff;
}
#socialRight h3{
float: left;
height: 18px;
width: 94px;
margin: 0 10px 0 0;
text-indent: -999em;
background: url(/images/smSprite.png) no-repeat -324px -7px;
}

#contentcontainer {
	min-height:100%;
	margin-bottom:-250px;
	position:relative;
}
#content {
	margin:0 auto;
	width:980px;
        padding-top: 25px;
}
#content ul li {
	list-style:square;
}
.clearfooter {
	height:250px;
	clear:both;
}

/*link*/
a:link {
	color: #009dd9; text-decoration:none;
}
a:visited {
	color: #009dd9; text-decoration:none;
}
a:active {
	color: #009dd9; text-decoration:none;
}
a:hover {
	color: #009dd9; text-decoration:underline;
}

.contenttable {
	width:980px;
}
.subscription {
	width:208px;
	height:25px;
	color:#FFF;
	background:transparent url(images/search-bg.png) no-repeat;
	border:0px;
	padding:4px 0px 0px 16px;
}
.nocolor {
	margin-left:-20px;
	margin-top:2px;
	background:transparent;
	border:0px;
	color:#FFF;
}

/*sidebar*/
.middledivider {
	width:305px;
	border-right:#00b6ff 2px solid;
	padding-right:20px;

}
.middledivider p{
width: 299px;
}

#rentalsAd{
margin: 0 0 0 -5px;
}

#headerToday{
width: 299px;
height: 34px;
text-indent: -999em;
margin: 1px 0 25px 0;
background: url(/images/30aTodayHeader.png) no-repeat;
}

#newsletter{
width: 299px;
height: 152px;
padding: 0;
position: relative;
margin: 30px 0;
background: url(/images/newsletterBg.png);
}
#newsletter p{
width: 280px;
line-height: 1.5;
margin: 10px;
padding-top: 45px;
}
#newsletter input[type="text"]{
background: none;
border: 0px;
color: #fff;
position: absolute;
font-size: 12px;
top: 118px;
left: 20px;
width: 190px;
}
#newsletter #newsletterSubmit{
position: absolute;
right: 10px;
top: 107px;
}

.sidetopimage {
	margin-top:-10px;
	position:relative;
}

/*content*/
.contentarea {
        padding-left: 20px;
	width:610px;
}
.titleimage {
	padding-bottom:10px;
}
.textgray {
	color:#C4C4C4;
	font-size:11px;
}
.hotspottitle {
	color:#666666;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	margin-left:-42px;
}
ol li {
	margin-left:-19px;
}

/*footer*/
#footer{
position: relative;
clear:both;
background: #fff;
height: 300px;
overflow:hidden;
bottom:0px;
z-index:9999;
}
#footerContent{
width: 980px;
margin: 0 auto;
height: 202px;
position: relative;
margin-top: -242px;
z-index:9999;
}
#cause{
width: 200px;
height: 196px;
margin: 0 0 0 54px;
position: relative;
float:left;
background: url(images/causeBg.png) no-repeat;
}
#ads{
width: 884px;
height: 168px;
margin: 25px 0 0 56px;
position: relative;
background: url(images/adsBgFull.png) no-repeat;
}
.clearFix{
clear:both;
}
#footerLeft{
float:left;
line-height: 0;
color: #bae9f7;
position:relative;
margin-left:57px;
top:3px;
bottom:0;
}
#footerLeft a{
color: #bae9f7;
text-decoration: none;
position:relative;
}
#footerLeft a:hover{
text-decoration: underline;
position:relative;
}
#footerRight{
float:right;
margin-right: 40px;
color: #72d3ef;
line-height: 0;
position:relative;
top:3px;
bottom:0;
}
#footerRight a{
color: #72d3ef;
text-decoration: none;
position:relative;
}
#footerRight a:hover{
text-decoration: underline;
position:relative;
}

#cause1, #ad1, #ad2, #ad3, #ad4{
width: 180px;
height: 150px;
float:left;
position: absolute;
}
#cause1{
top: 36px;
left: 10px;
}
#ad1, #ad2, #ad3, #ad4{top: 10px;}
#ad1{left: 10px;}
#ad2{left: 239px;}
#ad3{left: 467px;}
#ad4{left: 693px;}
.textiefix{
position: relative;
}

/*addthis*/
.addthis_toolbox addthis_default_style {
	margin-left:-3px;
}
.addthis_separator {
	margin-top:2px;
	font-weight:bold;
}
.addthis_button_expanded {
	margin-top:2px;
}

#flagStatus{
position: absolute;
width: 42px;
height: 51px;
left: 10px;
bottom: 40px;
}
#flagStatus img{
border: 0px;
}