@import url(reset.css);

a { text-decoration:none; }
a:link { border-bottom:1px dotted #ccc; color:#6D1900; }
a:visited { color:#6D1900; border-bottom:1px dotted #ccc; }
a:hover { border-bottom:1px dotted #6D1900; }
a:active {}

h1 { font-size:1.4em; font-weight:bold; letter-spacing:1px; line-height:1.5;}
h2 { font-size:1.3em; font-weight:bold; }
h3 { font-size:1.2em; font-weight:bold; }
h5 { font-size:1em; font-weight:bold; }

body { font: normal normal normal 13px/1.5em Helvetica, Arial, sans-serif; color:#333; background:#f6f8e9;}
.clear { clear:both; }
p { margin:.2em 0 1em 0; }
em { font-weight:bold; font-size:112%; }
.gradient_separator { display:block; margin:0 0 18px 0 !important; height:18px; border-bottom:1px solid #ececec; background:transparent url(../images/radial_oval_gradient.png) no-repeat top center;}

.vcard .fn { font-weight:bold; border:none; }
.adr .tel .type { display:none; }

#container { width:966px; margin:1em auto; background:#f8f8f8 url(../images/sides.png) repeat-y; } 
#header { position:relative; background:transparent url(../images/header_lighthouse.jpg) no-repeat; padding:170px 4px 0 4px;}
#header_home { position:relative; background:transparent url(../images/header_lighthouse.jpg) no-repeat; padding:210px 4px 0 4px;}
#tagline { position:absolute; left:205px; top:80px; padding:20px 0 20px 10px; color:#f0f4f3; font-size:20px; border-left:1px solid #91d0df; }

#main_nav { clear:both; display:block; width:954px; list-style:none; border-bottom:.2em solid #fff; padding-left:4px; }
#main_nav li { display:inline-block; margin: 0 0 0 .1em; }
#main_nav li a, #main_nav li span.current { display:block; padding:1.2em 2em 1em 2em; border:none; font-weight:bold; color:#2d3038; background: #fff; opacity:.7; }
#main_nav li span.current { opacity:1; padding-bottom:1.2em; background-color: #e4e4e4; margin-bottom: -.2em; border-color: #fff; border-style: solid; border-width: .2em .2em 0 .2em; }
#main_nav li a:hover { opacity:.9; /* padding-bottom: .6em; border-bottom:.5em solid #fff; */ }

#content { margin:0 4px; padding: 20px 15px 0 15px; background:transparent url(../images/content_top_bg.png) repeat-x; }

#main { float:left; margin:0 0 0 10px; width:680px; }
#main .section { display:block; clear:both; margin:1em 0 .6em 0; padding:1em 0; border-top:1px solid #bbb; }
#main .section:first-child { border-top:none; }
#main .section h1 { float:left; max-width:200px;}
#main .section h1 + * { margin:0 0 0 220px; }
#main .section h3 { margin:5px 0 0 0; }
#main .section p { font-size:1.1em; padding:3px 0 0 0; }
#main .section li { margin: 5px 20px 0 25px;}

#main ul { list-style: square outside; }
#main ul li { margin:.6em 0; }
#main ul.screen_captures { list-style:none; }

#sidebar { float:right;  width:200px; padding:2em 10px 0 0; }
#sidebar .date { font-size:.9em; }
#sidebar > ul { margin:1em 0; }
#sidebar > ul > li { padding:.5em 0 .5em; }
#sidebar > ul#client_list > li { border-bottom:1px solid #e9e9e9; }
#sidebar > ul > li > ul { padding:0 0 0 2em; }
#sidebar > ul > li > ul > li { margin:1em 0 0 0; }

.thumb { float:left; width:200px; border:10px solid #fefefe; margin:0 5px 10px 5px; outline:1px solid #e9e9e9; }

#print_logo { display:none; }

#map { width:100%; height:400px; }

#directions h3 ~ h3 { margin:2em 0 0 0; }
#directions ol { list-style-type: decimal; }
#directions ol li { margin:.8em 0 0 0; }

#footer { padding:0px 4px 30px 4px; background: url(../images/bottom.png) no-repeat bottom; }
#footer > * { margin:0 24px; }

#copyright { height:4em; text-align:middle; padding:20px 20px; background:#f6f8e9 url(../images/topsail_logo_small.png) no-repeat 20px 10px; color:#aaa; text-align:right; }