@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: inherit; font-style: inherit;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { font-size: 0.75em; background: black url(/design/bckgrnd.gif) repeat-x; color: black; font-family: Arial, sans-serif; margin: 0 auto }

p, ul, ol { margin-bottom: 15px; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 1.3em; padding-bottom:10px; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4, h5, h6 { font-size: 1em; }

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

#branding { width: 900px; margin: 0 auto; position: relative; }
#branding { height: 123px; padding-top: 27px; }
#branding h1, #branding h1 a { height: 123px; width: 250px; display: block; margin: 0; padding: 0;  }
#branding h1 a { background: url(/design/logo.gif) no-repeat; text-indent: -99999px; }
#branding p { position: absolute; right: 30px; top: 23px; font-size: 1.5em; color: #bcbdc0; text-align: right; }
#branding p span { font-size: 1.3em; color:  #ccc; }
#branding a { font-size: 0.75em; display: block; }

#header { position: absolute; z-index: 2; width: 596px; padding-top: 150px; background: url(/design/head-NEW.jpg) no-repeat; right: 30px; top: 86px; display: block; }
#branding #header p { position: relative; display: block; background: #000; padding: 2px 5px; font-family: Verdana, sans-serif; text-align: right; color: #fff; font-size: 1em; right: 0; }

#container { background: #e0e0e0; margin: 0 auto; }
#container .tube { width: 900px; margin:  0 auto; background: url(/design/seperator.gif) repeat-y; }

#leftcol, #rightcol, #footer { float: left; clear: none; display: inline; }

#leftcol { width: 260px; padding: 17px 0 32px; margin-right: 40px; background: url(/design/side.gif) no-repeat; margin-top: 1px; }
#rightcol { width: 560px; padding: 18px 0 0 0; }
.home #rightcol { padding-top: 140px; }


#nav { margin: 0 60px 20px 15px; }
#nav ul, #nav li { margin: 0; padding: 0; list-style-type: none; text-indent: 0; }
#nav li { display: block; min-height: 23px; _min-height: 23px; }
#nav a, #nav a:visited { line-height: 23px; padding: 0 5px 0 12px; color: #000; display: block; }
#nav a:hover, #nav a:active { color: #c93334; }
#nav span { display: block; border-bottom: 1px solid #c93334; }

#callout, #callout li { margin: 0; padding: 0; list-style-type: none; text-indent: 0; }
#callout { padding-left: 15px; }
#callout li { padding: 0 40px 10px 30px; display: block; }

#callout .blue { background: url(/design/graph-blue.gif) no-repeat; }
#callout .purple { background: url(/design/graph-purpl.gif) no-repeat; }
#callout .black { background: url(/design/graph-black.gif) no-repeat; }

.home #nav #nav-home a,
.about #nav #nav-about a,
.staff #nav #nav-staff a,
.residential #nav #nav-residential a,

.commercial #nav #nav-commercial a,
.storm #nav #nav-storm a,
.restoration #nav #nav-restoration a,
.gallery #nav #nav-gallery a,
.testimonials #nav #nav-testimonials a,
.careers #nav #nav-careers a,
.products #nav #nav-products a,
.links #nav #nav-links a,
.events #nav #nav-events a,
.request #nav #nav-request a,
.contact #nav #nav-contact a
 { font-weight: bold; color: #c93334; background: url(/design/nav.gif) left center no-repeat; }


#footer { background: url(/design/footer.gif) repeat-x; text-align: center; color: #e9e9e9; font-size: 80%; padding: 25px 0 0; width: 100%; }


/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form {
	width: 38em;
	margin-left: 5px;
}

form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #909091;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #ed1c24;
}

/* style for  labels */
label {
	float: left;
	width: 14em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 225px;
}

input.radio, input.submit {
	width: auto;
}

textarea {
	width: 225px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 297px;
	padding: 0 .25em;
	background-color: #ed1c24;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { zoom: 1; display: block; }

blockquote {
margin: 10px 10px;
padding: 5px;
background: #cfcfcf;
border-bottom: 1px solid #b6b6b6;
border-right: 1px solid #b6b6b6;
}
blockquote p {
padding-left: 10px;
}
#rightcol ul li {
	padding-bottom:5px;
}


/* mini form specific */
form#mini {
	background: #dbdbdb;
	border: none;
	margin: 5px;
	width: 230px;
}

form#mini fieldset {
	padding: none;
}

form#mini  h3 {
	color: #C93334;
}

form#mini input, form#mini textarea {
	width: 200px;
}

form#mini div input,
form#mini div button {
	margin-right: 10px;
	margin-top: 0;
	width: 30%;
}

form#mini div button  {
	background-color: #C93334;
	color: #fff;
	margin-top: 10px;
}

form#mini p {
	padding: 0;
}