@charset "utf-8";
/* 
OCEAN DRIVE MANAGEMENT GROUP
Code by Marcus Thompson (http://wwww.marcusthompson.net)
Date: 04 February 2008


COLORS
Light blue: #71abf2
Dark blue: #5580b6
Link color - yellow: #FFFF99
Link hover - dark grey: #666*/
body {
background:#5580b6 url(../images/bg-body.png) top left repeat-x;
color:#222;
font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif;
font-size:11px;
list-style-type:square
}

a {
color:#F9E502;
text-decoration:none
}

a:hover {
color:#222
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.75em
}

#sitemap {
background-color:#fff;
color:#222;
display:none
}

#sitemap-wrap {
margin:0 auto;
padding-bottom:10px;
width:800px
}

#sitemap a {
color:#222
}

#sitemap a:hover {
color:#6293D0
}

#sitemap-wrap ul,#sitemap-wrap ul ul {
background:url(../images/vline.png) repeat-y;
list-style-type:none;
margin:0;
padding:0
}

#sitemap-wrap ul ul {
margin-left:10px
}

#sitemap-wrap ul li {
background:url(../images/node.png) no-repeat;
color:#369;
font-weight:700;
line-height:20px;
margin:0;
padding:0 12px
}

#sitemap-wrap ul li:last-child {
background:#fff url(../images/lastnode.png) no-repeat
}

#stockquotes {
width:420px;
float:right;
padding-left:30px;
}

#bordered {
padding-top:15px
}

#smap {
width:350px;
float:left
}

#ticker {
background:#222;
color:#aaa
}

#wrap {
margin:0 auto;
position:relative;
width:800px
}

#ticker-content {
margin:0 auto;
padding:8px;
position:relative;
width:800px
}

#ticker-content a {
padding-left:5px
}

#ticker-content a:hover {
color:#f2f2f2
}

#language {
position:absolute;
right:10px;
text-align:right;
top:8px;
width:300px
}

#language img {
padding-left:1px
}

/*MENU*/
#menu {
margin-top:40px;
width:800px
}

#menu ul {
text-align:right
}

#menu li {
display:inline;
width:100%
}

#menu li a {
background-color:#fff;
color:#222;
padding:12px
}

#menu li a#active {
background-color:#F9E502;
color:#000;
font-weight:700
}

#menu li a:hover {
background-color:#f2f2f2
}

/*MASTHEAD*/
#masthead {
padding:0 0 20px
}

#logo {
float:left;
position:relative;
width:190px
}

#logo h2 {
font-size:14px;
left:3px;
letter-spacing:3px;
position:absolute;
top:110px
}

#slideshow {
background-color:#36F;
border:5px solid #fff;
float:right;
height:120px;
margin-bottom:10px;
margin-top:10px;
overflow:hidden;
width:600px
}

/*HOMEPAGE HIGHLIGHTS*/
div.col-33 {
float:left;
width:32%
}

div.col-33 h1,#contact-info h1 {
font-size:1.25em;
padding-bottom:5px
}

div.col-33 p {
color:#f2f2f2;
font-size:1.2em;
padding-bottom:10px
}

div.col-33 p:last-child {
padding-bottom:0px
}

div#one {
padding-right:15px
}

div#two {
padding-right:15px
}

#highlights {
padding-bottom:25px
}

#contact-info {
background:url(../images/bg-contact-info.png) top left repeat;
border-bottom:3px solid #fff;
border-top:3px solid #fff;
padding:10px 0;
position:relative;
}

#contact-info dl {
float:left;
width:33%;
z-index:10
}

#contact-info dt {
font-weight:700
}

#contact-info dt,#contact-info dd {
padding:3px
}

img#mailingicon {
position:absolute;
top:10px;
right: 10px;
z-index:1
}

/*SECTION*/
body#section #masthead {
padding:0 0 5px
}

/*MAIN TEXT*/
#main-text-wrap {
background-color:#fff;
border-bottom:5px solid #f2f2f2;
border-top:5px solid #F9E502;
float:right;
margin-bottom:10px;
margin-top:10px;
width:600px
}

#main-text {
font-size:1.1em;
padding:10px
}

#main-text a {
color:#5580B6;
font-weight:bold
}

#main-text a:hover {
color:#71ABF2
}

#main-text p,#main-text h1,#main-text h2 {
padding-bottom:15px;
text-align:justify
}

#main-text h3 {
padding-bottom:10px
}

#main-text h2 {
font-size:1.2em
}

#main-text ul {
margin-left:15px
}

#main-text li {
list-style:square;
padding-bottom:10px
}

#main-text li:last-child {
padding-bottom:15px
}

/*QUICK CONTACT*/
#quick-contact {
margin-top:25px
}

#linktositemap {
margin-top:5px;
text-align:left;
}

#linktositemap p{
padding-left: 0;
}


/*FOOTER
ACCESSIBILITY*/
#footer {
font-weight:700;
padding:20px 0 10px;
text-align:right
}

body#section #footer {
padding:5px 0 10px
}