html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background: white;
}
ol, ul {
        list-style: none;
}
 
/* ========== end css reset ========== */

html, body {
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 }

body {
 background-color: #333;
 }

img {
 display: block;
 }

.floatleft {
 float: left;
 }

.inline {
 display: inline;
 }
 
/* ========== type style elements ========== */

h1 {
 color: #333;
 font-size: 18px;
 font-weight: normal;
 line-height: 20px;
 margin: 5px 0;
 padding: 0 0 10px 0;
 border-bottom: 1px solid #333;
 }

h2 {
 color: #333;
 font-size: 16px;
 font-weight: normal;
 line-height: 20px;
 margin: 10px 0 5px 0;
 padding: 0 0 3px 0;
 border-bottom: 1px solid #FFF;
 }

.clm_left h2, .clm_right h2 {
 color: #FFF;
 margin: 20px 20px 5px 20px;
 border: none;
 }

h2.subsection {
 font-size: 18px;
 padding: 0;
 }

p {
 color: #333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 20px;
 margin: 0;
 padding: 0 0 10px 0;
 }

p.newsdate {
 color: #FFF;
 font-size: 10px;
 padding: 0;
 }

#footer p {
 color: #CCC;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 line-height: 10px;
 text-align: left;
 }

#footer a, #footer a:hover, #footer a:visited {color:#FFF;}

p a, p a:visited {
 color: #039;
 }

p a:hover, p a:active {
 color: #000;
 }

#maincol ul {
 margin: 0 0 20px 0;
 }

#maincol li {
 color: #333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 20px;
 list-style-type: disc;
 margin: 0 0 0 50px;
 padding: 0 0 10px 0;
 }


.ulcontent {
 margin: 0;
 padding: 0 20px 5px 50px;
 }

.ulcontent li {
 color: #666;
 font-family: Times, Times New Roman, serif;
 font-size: 14px;
 line-height: 20px;
 list-style-type: disc;
 margin: 0;
 padding: 0 0 5px 0;
 }

/* ========== page structure elements ========== */

#pagewidth {
 background-image: url(images/bg_pagewidth0.jpg);
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 text-align: left;
 width: 900px;
 }
 
#header {
 background-image: url(images/g_mast.jpg);
 height: 230px;
 width: 900px;
 }

#splash {
 background-image: url(images/g_splash.jpg);
 background-repeat: no-repeat;
 height: 320px;
 }

div#wrapper {
 background-color: transparent;
 background-repeat: no-repeat;
 background-image: url(images/bg_pagetop0.jpg);
 }

body.pg_home #wrapper {
 background-image: url(images/bg_pagetop0.jpg);
 background-repeat: no-repeat;
 }

#shortpage {
 background-image: url(images/bg_pageshort.jpg);
 background-repeat: no-repeat;
 padding: 30px 330px 20px 330px;
 }

#maincol {
 background-repeat: no-repeat;
 background-position: 0 20px;
 margin: 0px 50px 20px 50px;
 padding: 20px 0 0 220px;
 }

body.pg_whycoast #maincol {
 background-image: url(images/g_p_polo.jpg);
 }

body.pg_ourstory #maincol {
 background-image: url(images/g_p_estimate.jpg);
 }

body.pg_forinsurers #maincol {
 background-image: url(images/g_p_logo.jpg);
 }

body.pg_jobs #maincol {
 background-image: url(images/g_p_jobs.jpg);
 }

body.pg_contact #maincol {
 background-image: url(images/g_p_phone.jpg);
 }
 
#footer {
 background-image: url(images/bg_pageend.jpg);
 clear: both;
 height: 70px;
 margin: 0 auto 50px auto;
 padding: 0;
 width: 900px;
 }


/* ========== page style elements ========== */

.pad_0_20 {
 padding: 0 20px;
 }

.section {
 border-top: 1px solid #000;
 padding: 0;
 margin: 0 0 0 250px;
 }

.clm_center {
 position: relative;
 width: 550px;
 }

.clm_left, .clm_right {
 background-image: url(images/bg_column.gif);
 background-repeat: no-repeat;
 display:block;
 float:left;
 width:280px;
 }

.clm_right {
 float:right;
 }

.clm_text {
 background-color: #FFF;
 background-image: url(images/bg_column2.gif);
 background-position: bottom left;
 background-repeat: no-repeat;
 padding: 10px 10px 1px 10px;
 }

.focus {
 position: absolute;
 top: 30px;
 width: 100px;
 }

.focus h2 {
 border: none;
 color: #999;
 font-size: 18px;
 font-weight: normal;
 line-height: 30px;
 margin: 0;
 padding: 0;
 }

.sectionnumb {
 position: absolute;
 top: 70px;
 width: 100px;
 }

.sectionnumb p {
 color: #CCC;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 48px;
 line-height: 48px;
 margin: 0;
 padding: 0;
 }

.maplink a, .maplink a:visited {
 background-repeat: no-repeat;
 color: #039;
 display: block;
 padding: 360px 0 10px 0;
 }

.maplink a:hover { color: #000; }



/* ========== navigation ========== */

#mapbug {
 margin-left: 590px;
 padding: 70px 0 10px 0;
 }

.mapbox {
 height: 70px;
 width: 260px;
 }

.mapbox a {
 background-image: url(images/n_mapbtn.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 display: block;
 height: 60px;
 text-indent: -9999px;
 width: 260px;
 }

.mapbox a:hover {
 background-position: right top;
 }

.mapalt a {
 background-image: url(images/n_go.gif);
 background-position: right top;
 background-repeat: no-repeat;
 display: block;
 height: 20px;
 text-indent: -9999px;
 width: 260px;
 }

.mapalt a:hover {
 background-position: right bottom;
 }

#n_nav {
 list-style-type: none;
 padding-left: 80px;
 }

#n_nav li {
 float: left;
 }

#n_nav a {
 background-image: url(images/n_mast.gif);
 color: #333;
 display: block;
 height: 30px;
 margin: 0;
 padding: 0;
 text-decoration: none;
 text-indent: -9999px;
 width: 100px;
 }

#n_01:hover {
 background-position: 0 -30px;
 }

#n_02:hover {
 background-position: -80px -30px;
 }

body.pg_whycoast #n_02, body.pg_whycoast #n_02:hover {
 background-position: -80px -60px;
 }

#n_03:hover {
 background-position: -220px -30px;
 }

body.pg_ourstory #n_03, body.pg_ourstory #n_03:hover {
 background-position: -220px -60px;
 }

#n_04:hover {
 background-position: -340px -30px;
 }

body.pg_news #n_04, body.pg_news #n_04:hover {
 background-position: -340px -60px;
 }

#n_05:hover {
 background-position: -420px -30px;
 }

body.pg_forinsurers #n_05, body.pg_forinsurers #n_05:hover {
 background-position: -420px -60px;
 }

#n_06:hover {
 background-position: -560px -30px;
 }

body.pg_jobs #n_06, body.pg_jobs #n_06:hover {
 background-position: -560px -60px;
 }

#n_07:hover {
 background-position: -640px -30px;
 }

body.pg_contact #n_07, body.pg_contact #n_07:hover {
 background-position: -640px -60px;
 }




/* ========== IE5.x/Win hacks ========== */

#divname {width: 1000px; voice-family: "\"}\""; voice-family: inherit; width: 800px;}



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}