/*
Theme Name: Overhead Inc.
Description: Stylesheet for Overhead Inc. Toldeo, Ohio
Version: 1.0
Author: Jesse Schmidt
Author URI: http://www.jesseschmidt.com/
Notes: This website's design and coding is not indicative of my normal
       coding and styling. This website was designed by another individual
       who held complete "creative" control over the final product.
       Navigation at the bottom of a homepage... totally a great idea... O_o
*/

/* @group CSS RESET */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */

/* @group Main */

body {
	background: #e4e2de;
	color: #6b6c66;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:link {
	color: #656661;
	text-decoration: none;
}

a:visited {
	color: #656661;
	text-decoration: none;
}

a:hover {
	color: #656661;
}

a:active {
	color: #656661;
}

p {
	margin: 0 0 10px 0;
}

.clearright {
	clear: right;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.center {
	text-align: center;
}

.navigation {
	height: 2em;
	border-bottom: 1px solid #b1b1b1;
	margin: 0 0 10px 0;
}

.clear {
	clear: both;
}

#privacy {
	width: 920px;
	margin: 10px auto 10px auto;
	text-align: right;
}

#page_wrapper {
	background: #fff;
	width: 920px;
	margin: 10px auto 0 auto;
	min-height: 600px;
	padding: 10px;
	box-shadow: 0 0 10px #555;
	-moz-box-shadow: 0 0 10px #555;
	-webkit-box-shadow: 0 0 10px #555;
}

.homepage #page_wrapper {
	min-height: 500px;
}

#slidewrap {
 	width: 920px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.homepage #page_wrapper {
 	background: none;
 	position: relative;
}

/* @end */

/* @group Header */

#header {
	height: 100px;
	background-image: url(../images/black80.png);
	z-index: 100;
}

#header img {
	margin: 15px 8px 0px;
	z-index: 500;
}


/* @end */

/* @group Sidebar */

.home #sidebar {
	width: 260px;
	min-height: 665px;
	max-height: 665px;
	padding: 0px;
	float: left;
	color: #fff;
	font-size: 13px;
	background-image: url(../images/black67.png);
}

.homepage #sidebar {
	width: 260px;
	min-height: 500px;
	padding: 0px;
	float: left;
	color: #fff;
	font-size: 13px;
	background-image: url(../images/black67.png);
	position: relative;
}

.homepage #sidebar p {
	line-height: 18px;
	margin: 4px 10px 6px;
	background: transparent;
}

.homepage #sidebar p.pushit {
	position: absolute;
	bottom: 5px;
	left: 7px;
}

.homepage #sidebar img {
	margin: 0 10px;
}

#sidebar p.servnum {
	margin: 0 0 10px;
	background: #000;
	padding: 4px 10px;
}

#sidebar p.servnum b {
	font-size: 15px;
	color: #ee3a43;
	font-weight: bold;
	text-align: center;
}

#sidebar .logo {
	padding: 10px 0 5px 0;
	margin: 0;
	text-align: center;
	background-color: #383838;
}

#sidebar ul {
	margin: 5px 0;
	height: 300px;
}

#sidebar ul li {
	margin: 0 0 0 20px;
}

#sidebar ul li ul {
	margin: 0 0 0 20px;
	height: inherit;
}

#sidebar a {
	color: #fff;
}

#sidebar a:hover, #sidebar li.current_page>a {
	color: #ee3a43;
}

#sidebar p.infobar {
	background: #000;
	margin: 10px 0;
	padding: 4px 0;
	font-size: 11px;
	text-align: center;
}

p.division_logos {
	background-color: transparent!important;
}

p.division_logos img {
	margin: 5px 0;
}

/* @end */

/* @group Content */

.home #content {
	width: 650px;
	min-height: 665px;
	float: right;
	padding: 0 10p 10px 10px;
	color: #333;
	background: url(../images/gradient_bg.jpg) repeat-x;
	position: relative;
}

.homepage #content {
	width: 650px;
	min-height: 500px;
	float: right;
	padding: 0 10p 10px 10px;
	color: #333;
	background: none;
	height: 400px!important;
}

.homepage #content_container {
	width: 920px;
	min-height: 500px;

	padding: 0 10p 10px 10px;

	background: none;
	height: 500px!important;
	position: absolute;
	top: 10px;
	left: 10px;
}

.homepage #slidewrap {
	position: relative;
	z-index: 0;
}

.homepage #slidewrap img.absolute {
	position: absolute;
	z-index: 0;
}

.gettothebottom {
	width: 99%;
	position: absolute;
	bottom: 10px;
}

#content h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, _sans;
	font-size: 24px;
	margin: 26px 0 6px 0;
	font-weight: bold;
	padding: 0 0 0 20px;
}

#content h2 span {
	color: #ee3a43;
}

#content p {
	margin: 6px 0 10px 0;
	padding: 0 0 0 20px;
	font-size: 13px;
	line-height: 17px;
}

#sub_slide {
	height: 269px;
	width: 650px;
	overflow: hidden;
}

#slidenav {
	width: 600px;
	float: right;
	display: none;
}

#content .onethird_col {
	width: 200px;
	margin: 0 15px 0 0;
	float: left;
}

#content .address_col {
	width: 200px;
	float: left;
	margin: 0 0 0 70px;
}

#content .address_col p {
	width: 200px;
	float: left;
	margin: 0;
}

#content .about_box {
	width: 300px;
	float: left;
	margin: 0 0 10px 10px;
}

#content h3 {
	font-size: 16px;
	margin: 6px 0;
	font-weight: bold;
	padding: 0 0 0 20px;
}

#content a {
	color: #ee3a43;
}

.highlight {
	color: #ee3a43;
}

#supplier_grid {
	width: 520px;
	margin: 0 auto;
}

#supplier_grid img {
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#supplier_grid img.right {
	border-right: none;
}

#supplier_grid img.bottom {
	border-bottom: none;
}

/* @group Homepage Thumbs */

#home_thumbs {
	margin: 400px 0 0 0;
}

#home_thumbs .home_thumb {
	width: 68px;
	height: 68px;
	float: left;
	margin: 0 10px 0 0;
}

#home_thumbs a {
	display: block;
	width: 68px;
	height: 68px;
}

#home_thumbs a.garageres {
	background: url(../images/thumbs_sprite.jpg) 0 0;
}

#home_thumbs a.fireplaces {
	background: url(../images/thumbs_sprite.jpg) -68px 0;
}

#home_thumbs a.windows {
	background: url(../images/thumbs_sprite.jpg) -136px 0;
}

#home_thumbs a.entry {
	background: url(../images/thumbs_sprite.jpg) -204px 0;
}

#home_thumbs a.patio {
	background: url(../images/thumbs_sprite.jpg) -272px 0;
}

#home_thumbs a.comroof {
	background: url(../images/thumbs_sprite.jpg) -340px 0;
}

#home_thumbs a.resroof {
	background: url(../images/thumbs_sprite.jpg) -408px 0;
}

#home_thumbs a.siding {
	background: url(../images/thumbs_sprite.jpg) -476px 0;
}

#home_thumbs a:hover.garageres {
	background: url(../images/thumbs_sprite.jpg) 0 68px;
	box-shadow: 0 0 30px #d3c895;
	-moz-box-shadow: 0 0 30px #d3c895;
	-webkit-box-shadow: 0 0 30px #d3c895;
}

#home_thumbs a:hover.fireplaces {
	background: url(../images/thumbs_sprite.jpg) -68px 68px;
	box-shadow: 0 0 30px #d3c895;
	-moz-box-shadow: 0 0 30px #d3c895;
	-webkit-box-shadow: 0 0 30px #d3c895;
}

#home_thumbs a:hover.windows {
	background: url(../images/thumbs_sprite.jpg) -136px 68px;
	box-shadow: 0 0 30px #d3c895;
	-moz-box-shadow: 0 0 30px #d3c895;
	-webkit-box-shadow: 0 0 30px #d3c895;
}

#home_thumbs a:hover.entry {
	background: url(../images/thumbs_sprite.jpg) -204px 68px;
	box-shadow: 0 0 30px #d3c895;
	-moz-box-shadow: 0 0 30px #d3c895;
	-webkit-box-shadow: 0 0 30px #d3c895;
}

#home_thumbs a:hover.patio {
	background: url(../images/thumbs_sprite.jpg) -272px 68px;
	box-shadow: 0 0 30px #d3c895;
	-moz-box-shadow: 0 0 30px #d3c895;
	-webkit-box-shadow: 0 0 30px #d3c895;
}

#home_thumbs a:hover.comroof {
	background: url(../images/thumbs_sprite.jpg) -340px 68px;
	box-shadow: 0 0 30px #d3c895;
	-moz-box-shadow: 0 0 30px #d3c895;
	-webkit-box-shadow: 0 0 30px #d3c895;
}

#home_thumbs a:hover.resroof {
	background: url(../images/thumbs_sprite.jpg) -408px 68px;
	box-shadow: 0 0 30px #d3c895;
	-moz-box-shadow: 0 0 30px #d3c895;
	-webkit-box-shadow: 0 0 30px #d3c895;
}

#home_thumbs a:hover.siding {
	background: url(../images/thumbs_sprite.jpg) -476px 68px;
	box-shadow: 0 0 30px #d3c895;
	-moz-box-shadow: 0 0 30px #d3c895;
	-webkit-box-shadow: 0 0 30px #d3c895;
}

/* @end */

table {
	margin: 0 0 0 20px;
}

td {
	height: 22px;
	margin: 0 0 5px 0;
}

/* @end */

/* @group Navigation */ 



#nav {
	height: 34px;
	padding: 2px 0 0 140px;
	background: url(../images/nav_bkgrd.png) repeat-x;
}

#nav ul { /* all lists */
	padding: 2px 0 0 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size: 13px;
}

#nav a {
	display: block;
	width: 100px;
	padding: 6px 0;
}

#nav ul>li { 
    position: relative; 
    display: inline-block; 
    height: 25px; 
    text-align: center;  
    width: 100px; /* width needed or else Opera goes nuts */
	border-right: 1px solid black;
} 

#nav li ul { /* second-level lists */
	position: absolute;
	padding: 0;
	background: #e0e0e0;
	width: 175px;
	bottom: 25px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	text-align: left;
	border: none;
	width: 175px;
	font-size: 12px;
	border-bottom: 1px solid #a8a8a8;
}

#nav li ul li a {
	display: block;
	padding: 4px 0 9px 5px;
	width: 170px;
}

#nav li ul li a:hover {
	background-color: #fff;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover {
	background-color: #e0e0e0;
}

#nav ul li.last {
	border: none;
}

/* @end */

/* @group Footer */

#footer {
	width: 960px;
	margin: 10px auto 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	clear: both;
}

#footer .footer_info {
	margin: 0 16px;
	font-size: 14px;
}

.copyright {
	display: block;
	margin: 5px auto;
	font-size: 11px;
	font-weight: normal;
}

/* @end */