@charset "utf-8";
/******************************************************** 
* Client: The Casuarinas
* Coded by: Marcus Thompson (marcus@brighsquareinc.com)
* Version: 1.0
* Date: August 20th 2008
********************************************************
COLORS
white: #FFFFFF
grey: #F0F0F0  
blue 1 (light): #D8F0F0  
blue 2 (tropical sky): #A8D8F0  
blue 3 (swimming pool blue): #48A8D8
blue 4 (dark blue): #008cab
green: #20b399;
sand: #EBD0B2  */
html {
font-size:100.1%
}

body {
background:#D8F0F0 url(../images/bg-body.gif) center no-repeat;
color:#000;
font-family:"Times New Roman", Times, serif;
font-size:13px;
line-height:1.4
}

#wrap {
width:920px;
background:#fff;
margin:3% auto;
padding:15px 30px
}

a:link {
color:#D8F0F0;
text-decoration:none
}

a:visited {
color:#F0F0F0
}

a:hover {
color:#EBD0B2
}

h1,h2,h3,h4,h5,h6 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#008CAB;
text-transform:uppercase
}

strong {
color:#008CAB
}

/******HEADER*****/
#header {
text-align:right;
margin-bottom:7px
}

/******MENU******/
#menu {
text-align:center;
background:#008cab;
margin-bottom:4px;
padding:5px 0
}

#menu li {
display:inline;
font-size:14px;
margin:0 10px
}

#menu li a {
text-decoration:none
}

#menu li.active a {
font-weight:700;
color:#fff
}

#menu li.active a:hover {
cursor:default
}

/******PHOTO BAR******/
#photobar {
margin:2px 0
}

/******CONTENT*******/
#content {
line-height:1.6;
margin:15px 0
}

#leftcol {
width:552px;
float:left
}

#rightcol {
width:340px;
float:right;
margin-left:28px
}

#content a {
color:#008CAB;
font-weight:700
}

#content p,#content ul,#content ol,#content table,#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
margin-bottom:15px
}

#content ul,#content ol {
font-weight:700;
/*color:#008cab;*/
color:#222;
padding:0 10px
}

#content ul li {
list-style:square;
margin-left:20px
}

#content ol li {
list-style:decimal;
margin-left:20px
}

#content h1,#content h2 {
font-size:18px
}

#content h2 {
font-size:16px;
text-transform:capitalize
}

#content img {
border:5px solid #F0F0F0
}

#content #slideshow {
margin-bottom:5px;
position:relative
}

#slideshow div.slideshow-caption {
position:absolute;
bottom:20px;
left:15px;
background:url(../images/bg-caption.png) repeat;
color:#008CAB;
font-family:Georgia, "Times New Roman", Times, serif;
padding:5px
}

#gmap {
width:540px;
border:5px solid #F0F0F0
}

/******FOOTER*******/
#footer {
text-align:right;
background:#008cab;
color:#fff;
font-weight:700;
padding:5px 0
}

#footer li {
display:inline;
margin:0 0 0 5px
}

#footer li.last-list-item {
padding-right:10px
}