/*
	Dean Industries styles
	Developed by Saforian

	zoom:1 used for hasLayout and self-clear floats in IE5-7
	* html hack targets IE5-6 only
*/

/* ------- Formatting ------- */

body
{ color:#111; font:normal .75em/1.4em helvetica,sans-serif }

p, address, ul, ol, li, dt, dd, td, th
{ line-height:1.4 }
b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* Table font reset */
{ font-size:100% }


/* Links */
a
{ text-decoration:none;	 }
a:link
{ color:#ffc124 }
a:visited
{ color:#ffc124 }
a:hover, a:active
{ text-decoration:underline; }

/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }
blockquote
{ margin:0 12px 1.4em; padding:0 }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }
.highlight
{ color:#f35d09 }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ clear:left; float:left; margin:0 8px 8px 0 }
.floatright
{ clear:right; float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; margin-right:3px; padding-left:6px; vertical-align:middle }

.hot
{ color:#ffc124; }

p.neuehead
{ margin:0; padding:0; font-family: HelveticaNeue, helvetica, verdana, sans-serif; font-weight:bold; font-style:italic; text-transform:capitalize; }



/* Separators */
hr
{ color:#fff; background-color:#fff; height:1px; margin:1.3em 0; padding:0; border:0; border-top:1px dashed #afb8c0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#333333; margin:0 0 .9em; padding:0; font:bold 140%/1.2 HelveticaNeue, helvetica, verdana, sans-serif; }
h1
{ font-size:150% }  /* 18px */
h2
{ font-size:200%; text-transform:uppercase; font-style:italic; }  /* 16px */
h3
{ font-size:124% }  /* 15px */
h4
{ font-size:115% }  /* 14px */
h5
{ font-size:108% }  /* 13px */
h6
{ font-size:108%; margin-bottom:.2em }

.white
{ color:#fff; }


/* Lists */
ul
{ margin:0 0 1.4em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .7em; padding:0 0 0 15px; background:url("../images/bullet_square.gif") no-repeat 1px .4em }
	ul ul
	{ margin:5px 0 2px 2px }

ol
{ margin:0 0 1.4em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1.4em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:.1em 0 0; padding:0 }
	


/* Forms */
form
{ margin:0; padding:0; border-style:none; }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ font-family: HelveticaNeue, helvetica, verdana, sans-serif; font-style:italic; text-transform:capitalize; vertical-align:middle }
fieldset
{ border-style:none; margin:0; padding:0; }

input.norm
{ background:#fff; border:1px solid #000; width:150px; height:23px; padding:5px 0 0 5px; }

input.comments
{ background:#fff; border:1px solid #000; width:495px; height:55px; }


input.sbt, input.res
{ margin-top:20px; cursor:pointer; }

input.sbt
{ color:#FFC124; border-style:none; padding:5px 10px; font-style:italic; background:#1a1403; }

input.res
{ color:#ccc; border-style:none; padding:5px 10px; font-style:italic; background:#1a1403; }


/* Layout tables */
table
{ margin:0 0 1.1em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 6px 6px 0; vertical-align:top }


/* Data tables */
table.data
{ width:100%; margin-bottom:1.6em }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#999; color:#fff; text-align:left }
table.data td
{ padding:6px 7px; border:1px solid #fff; vertical-align:top }

/* Row gap */
table.data tr.break td
{ border-top:2em solid #fff }

/* Alternating row colors */
td.even, tr.even td
{ background-color:#e5e5e5 }



/* ------- Layout ------- */

.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }
.clear
{ clear:both }

body
{ margin:0; padding:0; }

#wrapper
{ zoom:1; background: #333 url("../images/bg_body.jpg") no-repeat 50% 0; }
	#wrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#inner_wrapper
{ width:903px;  margin:0 auto; }


/* --- Header --- */

#header
{ zoom:1; position:relative; width:903px; background:#fff;  }
	#header:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
#logo_topcontact
{ zoom:1; width:903px; height:107px; margin:0; overflow:hidden; }
	#logo_topcontact:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#logo_topcontact #logo
{ float:left; }

#logo_topcontact #topcontact
{ float:right; width:465px; }

#logo_topcontact #topcontact p
{ font-size:90%; padding:15px 12px 10px 37px; margin:0; background:#1a1403; color:#fff; }

#visitdean
{ float:right; text-indent:-9999px; width:154px; height:24px; overflow:hidden; display:block; background:url(../images/toplink-visitdean.gif); }

a#visitdean:hover
{ background-position:0 -24px; }

/* - Navigation - */

#navigation
{ zoom:1; margin:0; padding:0; }
	#navigation:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#navigation li
{ position:relative; float:left; margin:0; padding:0; background:none }

#navigation li a
{ text-indent:-9999px; display:block; width:97px; height:41px; overflow:hidden; }

#nav-home
{ background: url(../images/navtab-home.gif); }

#nav-tenant
{ background: url(../images/navtab-tenant.gif); }
#nav-roofing
{ background: url(../images/navtab-roofing.gif); }
.concreterepair #nav-concreterepair, .drywallpainting #nav-drywallpainting, .masonry #nav-masonry, .potholerepair #nav-potholerepair, .roof #nav-roofing, .sheetmetal #nav-sheetmetal, .snowremoval #nav-snowremoval, .waterproofing #nav-waterproofing, .tenant #nav-tenant
{ background-position:0 -41px; }
#nav-waterproofing
{ background: url(../images/navtab-waterproofing.gif); }
#nav-sheetmetal
{ background: url(../images/navtab-sheetmetal.gif); }
#nav-potholerepair
{ background: url(../images/navtab-potholerepair.gif); }
#nav-snowremoval
{ background: url(../images/navtab-snowremoval.gif); }
#nav-masonry
{ background: url(../images/navtab-masonry.gif); }
#nav-drywallpainting
{ background: url(../images/navtab-drywallpainting.gif); }

#navigation li a:hover, #navigation li a.active, #home #nav-home
{ background-position:0 -41px; }







/* - Content - */

/* ----- Homepage <body id="home"> ----- */


#home #contentwrapper
{ background:url(../images/maincontentbg-home.gif) no-repeat; }

/*
interior pages
*/
.waterproofing #contentwrapper
{ background: #bbb url(../images/maincontentbg-waterproofing.jpg) no-repeat; }
.roof #contentwrapper
{ background: #bbb url(../images/maincontentbg-roofing.jpg) no-repeat; }
.snowremoval #contentwrapper
{ background: #bbb url(../images/maincontentbg-snowremoval.jpg) no-repeat; }
.sheetmetal #contentwrapper
{ background: #bbb url(../images/maincontentbg-sheetmetal.jpg) no-repeat; }
.potholerepair #contentwrapper
{ background: #bbb url(../images/maincontentbg-potholerepair.jpg) no-repeat; }
.masonry #contentwrapper
{ background: #bbb url(../images/maincontentbg-masonry.jpg) no-repeat; }
.drywallpainting #contentwrapper
{ background: #bbb url(../images/maincontentbg-drywallpainting.jpg) no-repeat; }
.concreterepair #contentwrapper
{ background: #bbb url(../images/maincontentbg-concreterepair.jpg) no-repeat; }


#home #contentwrapper #content
{ padding:30px 610px 0 30px; }

#contentwrapper
{ background:url(../images/maincontentbg-home.gif) no-repeat; }

#contentwrapper #content
{ padding:30px 610px 0 30px; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#contentwrapper
{ zoom:1; float:left; width:903px; min-height:283px; }
	#content:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
* html #content
{ height:283px; }


/*
middle boxes
*/

#midboxes
{ zoom:1; clear:both; width:903px; }
	#midboxes:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#spotlight
{ margin:15px 0 0 1px; float:left; width:337px; min-height:460px; background: #ccc url(../images/bg_spotlight.gif) no-repeat 100% 100%; }

#spotlight h2
{ margin:0; padding:0; }

#spotlight .inside, #contactformbox .inside
{ padding:1em 1.8em; }

#spotlight .inside .btn
{ margin:45px 0 20px 0; }

#spotlight .inside .btn a.learnmore
{ padding:5px 10px; font-style:italic; background:#1a1403; }

img.spotlightthumb
{  }

#contactformbox
{ margin-top:15px; min-height:460px; float:right; width:550px; background:#ccc; }

#contactformbox h2
{ margin:0; padding:0; }


/* Columns (only for multi-column content, not page layout) */
.columns
{ zoom:1; margin:0 0 1.2em }
	.columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .col
{ float:left; width:47%; margin-right:3% }
	.columns .first-child
	{ margin-right:0; border-right:1px solid #ced2d8; padding-right:2.9% }
	.columns .last-child
	{ float:right; width:47%; margin-right:0 }

.three .col /* Three columns */
{ float:left; width:30.3%; margin-right:3% }
	.three .first-child
	{ margin-right:1.3%; border-right:none; padding-right:0 }
	.three .middle-child
	{ margin-right:1.4%; padding:0 2% 0 2.4%; border-left:1px solid #ced2d8; border-right:1px solid #ced2d8 }
	.three .last-child
	{ float:right; margin-right:0; padding-left:1.4% }






#footboxes
{ zoom:1; clear:both; width:903px; min-height:116px; background:url(../images/bgfootlt.png); margin-top:14px; }
	#footboxes:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

* html #footboxes/* for IE6 */
{ background-image:none; background-color:#999; }

#footboxes h3
{ color:#fff; font:bold 140%/1.2 HelveticaNeue, helvetica, verdana, sans-serif; text-transform:uppercase; font-style:italic; }
#footboxes #firstbox
{ float:left; width:242px; }

#footboxes #secondbox
{ float:left; margin:0 1px; width:156px; }

#footboxes #thirdbox
{ float:left; width:353px; }

#footboxes #firstbox, #footboxes #thirdbox
{ background:url(../images/bgfootdrk.png); }
* html #footboxes #firstbox, * html #footboxes #thirdbox/* for IE6 */
{ background-image:none; background-color:#999; }


#footboxes .footbox
{ color:#fff; font: 90%/1.2 HelveticaNeue, helvetica, verdana, sans-serif; text-transform:uppercase; min-height:116px; padding:25px; }

#footboxes .footbox ul
{ margin:0 5px 0 0; padding:0; float:left; }

#footboxes .footbox ul li
{ background-image:none; margin:5px; padding:0; }

#footboxes .footbox ul li a
{ color:#fff; }

#contactinfowrap
{ zoom:1; }
	#contactinfowrap:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#contactinfowrap .contactinfo
{ float:left; margin-right:10px; }

/* --- Footer --- */


#footer
{ zoom:1; clear:both; margin-bottom:1.5em; padding:1.5em 26px .8em 26px; 
  font-size:92%; color:#fff }
	#footer:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#footer *
{ color:#999 }

/* Columns */
#footer-sidebar
{ float:right; width:257px }
#footer-content
{ float:left; width:480px; font: 90%/1.2 HelveticaNeue, helvetica, verdana, sans-serif; text-transform:uppercase; font-style:italic; }