/*
Theme Name: Coastal 2009
Theme URI: http://www.coastalreconstruction.com/
Description: Web development by Costa DeVault
Version: 1.0
Author: Costa DeVault
Author URI: http://www.costadevault.com/
Tags: custom
*/

body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; }
li { list-style-type:none; }
a { outline:none; }
a img { border:none; }

/* ------------------------------------------------------------------------------------------
BODY & BASICS */

body { background:#ffffff url(images/bkgBody.jpg) top left repeat-x; color:#333333; margin:0 0 25px 0; }

a:link, a:visited { color:#0099ff; text-decoration:none; } 
a:hover, a:active { color:#0099ff; text-decoration:underline; }

hr { background-color:#e8e8e8; border-top:0; border-right:0; border-bottom:0; border-left:0; clear:both; color:#e8e8e8; height:1px; margin:15px 0 15px 0; width:100%; }

.entry ul { margin:0 0 0 10px; }
.entry ul li { list-style-type:square; margin:0 0 0 10px; }

/* ------------------------------------------------------------------------------------------
TYPOGRAPHY */

body { font-family:arial, calibri, helvetica, sans-serif; font-size:75%; }
strong { font-weight:bold; }
em { font-style:italic; }

h1, h2, h3, h4, h5, h6 { color:#25506c; margin:.75em 0 0 0; }
h1 { font-size:1.7em; }
h2, h3, h4, h5, h6 { font-size:1.5em; }
p, ul { line-height:1.5em; margin:.75em 0 .25em 0; }

/* used to format h2, h3, h4, h5, h6 into p text and color */
.inpara { color:#333333; font-size:1.0em; font-weight:normal; line-height:1.5em; margin:.75em 0 .25em 0; }

.date { color:#609fd2; font-style:italic; }
.title { color:#609fd2; }
.name { font-size:.90em; font-weight:bold; }

/* ------------------------------------------------------------------------------------------ 
PAGE LAYOUT */

div#container { background:transparent url(images/bkgContainer.jpg) top left no-repeat; margin:0 auto 0 auto; width:891px; }
div#header { width:879px; }
div#stormpop { width:1000px; }
div#mainmenu { font-size:1.3em; margin:25px auto 0 auto; text-align:center; width:865px; }
div#contentcaptop { background:transparent url(images/bkgContentTop.png) top left no-repeat; clear:both; height:20px; overflow:hidden; width:891px; }
div#content { background:transparent url(images/bkgContentRepeatY.png) top left repeat-y; overflow:hidden; padding:0 0 0 0; width:891px; }
div#maincol { background:transparent url(images/bkgMainCol.jpg) top right no-repeat; float:left; padding:25px 25px 0 0; width:574px; }
div#sidecol { float:right; padding:25px 0 0 0; width:200px; }
div#contentcapbot { background:transparent url(images/bkgContentBot.png) top left no-repeat; height:20px; overflow:hidden; width:891px; }
div#footer { border-top:1px solid #e6e6e6; clear:both; margin:25px auto 0 auto; padding:15px 0 0 0; text-align:center; width:891px; }
#footer .alignleft { width:600px; }
#footer .alignright { text-align:right; width:250px; }

div.pad { padding:20px 39px 20px 39px; }
div.alignleft { float:left; }
div.alignright { float:right; }

img.withborder { border:5px solid #eeeeee; }

/* ------------------------------------------------------------------------------------------ 
MENUS */

ul.intopnav { margin:0 auto 0 50px; }
ul.intopnav li { font-weight:bold; display:inline; float:left; padding:0 25px 0 25px; text-align:center; }
ul.intopnav li a:link, ul.intopnav li a:visited { color:#464646; }
ul.intopnav li a:hover, ul.intopnav li a:active { color:#0033ff; }
ul.intopnav li.last { margin:0; padding:0 0 0 25px; }

ul.intxtmenu { margin:0 0 5px 0; padding:0 0 5px 0; }
ul.intxtmenu li { border-right:1px solid #cccccc; display:inline; float:left; margin:0 5px 0 0; padding:0 10px 0 5px; }
ul.intxtmenu li a:link, ul.intxtmenu li a:visited { color:#464646; }
ul.intxtmenu li a:hover, ul.intxtmenu li a:active { color:#0033ff; }
ul.intxtmenu li.last { border-right:0; }

/* ------------------------------------------------------------------------------------------ 
HOMEPAGE */

div.homepad { padding:20px 39px 20px 39px; }

div.boxwind { background:transparent url(images/bkgWindBox.jpg) top left no-repeat; float:left; height:122px; margin:0 0 0 4px; overflow:hidden; width:268px; }
div.boxfire { background:transparent url(images/bkgFireBox.jpg) top left no-repeat; float:left; height:122px; overflow:hidden; width:268px; }
div.boxwater { background:transparent url(images/bkgWaterBox.jpg) top left no-repeat; float:right; height:122px; overflow:hidden; width:268px; }

div.boxfire h2, div.boxwind h2, div.boxwater h2 { color:#ffffff; margin:10px 5px 0 80px; }
div.boxwind p, div.boxfire p, div.boxwater p { color:#ffffff; font-size:.90em; margin:0 5px 0 80px; }
div.boxwind a, div.boxfire a, div.boxwater a { color:#ffffff; }

/* ------------------------------------------------------------------------------------------ 
ABOUT US */

div#maincolnopad { background:transparent url(images/bkgMainCol.jpg) top right no-repeat; float:left; padding:0 25px 0 0; width:574px; }
div#sidecolnopad { float:right; padding:20px 0 0 0; width:200px; }

div.introduction { background-color:#eeeeee; height:325px; overflow:hidden; padding:0 0 5px 0; }
.introduction h1 { margin:5px 0 0 0; }
.introduction p { margin:5px 10px 5px 0; }

/* ------------------------------------------------------------------------------------------ 
NEWS */

ul.newslist { margin:25px 0 0 0; }
ul.newslist li { padding:0 0 25px 0; }

/* ------------------------------------------------------------------------------------------ 
BLOG */

.entry ul li { list-style-type:square; }

/* ------------------------------------------------------------------------------------------ 
SERVICES */

div.graybox { background:#ececec url(images/bkgIntroduction.jpg) top left no-repeat; border-bottom:2px solid #e1e1e1; height:163px; width:815px; }
.graypad { padding:5px 0 0 15px; }
.graybox h1 { font-size:1.5em; margin:0 0 5px 0; }

div#testimonial { background:url(images/bkgTestimonial.jpg) top left no-repeat; color:#ffffff; height:125px; margin:0 auto 0 auto; text-align:center; width:865px; }
#testimonial p { margin:25px 25px 0 25px; padding:25px 0 0 0; }

ul.list { margin:0 0 0 5px; padding:0 0 0 5px; }
ul.list li { list-style-type:square; margin:0 0 0 10px; padding:0 0 0 5px; }

/* ------------------------------------------------------------------------------------------ 
STORMS*/

div.graybox { background:#ececec url(images/bkgIntroduction.jpg) top left no-repeat; border-bottom:2px solid #e1e1e1; height:163px; width:815px; }
.graypad { padding:5px 0 0 15px; }
.graybox h1 { font-size:1.5em; margin:0 0 5px 0; }

div#testimonial { background:url(images/bkgTestimonial.jpg) top left no-repeat; color:#ffffff; height:125px; margin:0 auto 0 auto; text-align:center; width:865px; }
#testimonial p { margin:25px 25px 0 25px; padding:25px 0 0 0; }

ul.list { margin:0 0 0 5px; padding:0 0 0 5px; }
ul.list li { list-style-type:square; margin:0 0 0 10px; padding:0 0 0 5px; }

/* ------------------------------------------------------------------------------------------ 
GALLERY */

table.gallery { border-collapse:collapse; margin:25px auto 0 auto; width:100%; }
table.gallery td { padding:0 5px 25px 5px; }

/* ------------------------------------------------------------------------------------------ 
CONNECT */

table.contactform { border-collapse:collapse; margin:25px 0 0 0; }
table.contactform td.field { padding:0 0 25px 0; width:175px; }

input { background:#e2e2e2 url(images/bkgInput.jpg) top left repeat-x; border:0; padding:2px; }
textarea { background:#e2e2e2 url(images/bkgTextArea.jpg) top left repeat-x; border:0; width:530px; }
input.sbmt { background:#11568d; border:0; color:#ffffff; text-transform:uppercase; margin:5px 0 0 0; padding:10px 0 10px 0; width:125px; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* ------------------------------------------------------------------------------------------ 
RAPID RESPONSE */

div#responsebox { background:#ffffff; color:#333333; }
div.padbox { padding:0 20px 0 20px; }

ul.checklist { margin:0 0 0 15px; }
ul.checklist li { list-style-image:url(images/iconCheck.jpg); margin:0 0 0 15px; padding:0 0 5px 0; }