/*
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:#000000; text-decoration:none; } 
a:hover, a:active { color:#000000; 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:#ce1126; }
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:#ce1126; }
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; }

/* ------------------------------------------------------------------------------------------ 
CR University */

.cruhead { color:#666362; font-style:bold; }

img.nohover {
border:0
}
img.hover {
border:0;
display:none
}
a:hover img.hover {
display:inline
}
a:hover img.nohover {
display:none
}

ul#states {
	list-style: none;
	background: url(http://www.coastalreconstruction.com/wp-content/themes/coastal/images/map.png) no-repeat 0 0;
	position: relative;
	width: 600px;
	height: 301px;
	margin: 0;
	padding: 0;
}

ul#states li {
	border: 0px solid #000;
	position: absolute;
}

ul#states li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
}

#alabama {
	width: 60px;
	height: 112px;
	top: 70px;
	left: 352px;
}

#florida {
	width: 130px;
	height: 130px;
	top: 160px;
	left: 415px;
}

#north-carolina {
	width: 170px;
	height: 40px;
	top: 10px;
	left: 418px;
}

#south-carolina {
	width: 100px;
	height: 50px;
	top: 52px;
	left: 460px;
}

#georgia {
	width: 70px;
	height: 100px;
	top: 68px;
	left: 405px;
}

#mississippi {
	width: 50px;
	height: 100px;
	top: 80px;
	left: 300px;
}

#louisiana {
	width: 60px;
	height: 72px;
	top: 128px;
	left: 240px;
}

#texas {
	width: 240px;
	height: 250px;
	top: 40px;
	left: 0px;
}