/*
Theme Name: Cherokee Manufacturing
Theme URI: http://www.bencoyourdesign.com/
Description: A custom made theme.
Author: Ben Coyour Design
Version: 1.0
Tags: cherokee
*/

/* IMPORTED STYLES
--------------------------------------------------------------- */
@import url("css/reset.css");
@import url("css/fonts/headline.css");

/* BASE STYLES
--------------------------------------------------------------- */
body, html {
	background:#949494;
	text-align:center;
	color:#000;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	padding:20px 0 0;
}
p, table {margin:1em 0;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#C30000;}
a:link, a:visited {color:#b69670; font-weight:bold; text-decoration:underline;}
a:hover, a:active {text-decoration:none; outline:none;}

/* TYPE
----------------------------------------------- */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre; font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* HEADINGS
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:21px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

/* LISTS
----------------------------------------------- */
ul, ul li {list-style-type:disc;}
ol, ol li {list-style-type:decimal;}
ul, ol {list-style-position:outside; margin:1em 0 0 0; padding:0 0 0 2em;}
ul ul, ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}

/* BASE LAYOUT
----------------------------------------------- */
div#lines {position:absolute; top:0; left:0; width:100%; min-width:960px; height:760px; background:url(images/diagonal-lines.png) repeat-x top center; z-index:5;}
div#bg-image {position:absolute; top:0; left:0; width:100%; min-width:960px; height:760px; background:url(images/bg-eagles.jpg) no-repeat top center; z-index:1;}
div#wrap {position:relative; width:960px; margin:0 auto; text-align:left; z-index:10;}
div#header {position:relative; width:960px; height:156px;}
div#header-bg {position:absolute; top:0; left:0; width:960px; height:156px; background:url(images/bg-header.png) no-repeat top left; z-index:15;}
div#header-content {position:relative; width:960px; height:156px; z-index:20;}
div#cwrap {width:960px; background:url(images/bg-cwrap.png) repeat-y top left; position:relative;}
div#side {float:left; display:inline; width:210px; position:relative; padding:370px 40px 0;}
div#main {float:right; display:inline; width:550px; position:relative; padding:55px 60px 30px 0; color:#555; line-height:20px;}
div#footer {clear:both; padding:0; text-align:center; position:relative; width:960px;}
div#footer-bg {position:absolute; top:0; left:0; width:960px; height:35px; background:url(images/bg-footer.png) no-repeat top left; z-index:15;}
div#footer-content {position:relative; width:960px; padding-top:35px; z-index:20;}

/* OVERFLOW
----------------------------------------------- */
div#header h2 a:link, div#header h2 a:visited, div#home-side p a {
	overflow:hidden;
	font-size:0;
	line-height:1%;
	border:0;
	text-decoration:none;
	height:0px;
	display:block;
	position:relative;
}

/* HEADER
----------------------------------------------- */
div#header h2 {position:absolute; bottom:0; left:30px;}
div#header h2 a:link, div#header h2 a:visited {width:325px; padding-top:127px; background:url(images/cherokee_manufacturing_logo.png) no-repeat top left; color:#E9E9E1;} /* overflow */
div#header h2 a:hover, div#header h2 a:active {border:0;text-decoration:none;}

div#secondary-nav {float:right; display:inline; padding:30px 255px 0 0;}
div#secondary-nav ul {margin:0; padding:0; list-style:none; font-size:11px;}
div#secondary-nav ul li {list-style:none; padding:0; display:inline; border-right:1px solid #B9B9B9;}
div#secondary-nav ul li.last {border-right:0;}
div#secondary-nav ul li a:link, div#secondary-nav ul li a:visited {padding:0 5px; text-decoration:none;}
div#secondary-nav ul li a:hover, div#secondary-nav ul li a:active {text-decoration:underline;}

div#header form {margin:0; padding:0; position:absolute; top:25px; right:40px;}
div#header form input {
	border:1px solid #b9b9b9;
	color:#666;
	width:135px;
	padding:7px 0 7px 35px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background:url(images/icon-search.png) #fff no-repeat 4px 4px;
}
div#header form button#search-button span {display:none;}
div#header form button#search-button {background:url(images/submit-go.png) no-repeat top left; width:33px; height:33px; margin:0; padding:0; border:0; vertical-align:top; cursor:pointer; outline:none;}

/* Navigation
---------------------- */
ul#nav {position:absolute; top:83px; left:390px; margin:0; padding:0;}
ul#nav li {display:inline; float:left; padding:0 15px; text-align:center;}
ul#nav li a {font:normal 31px/30px 'headline', Arial, Helvetica, sans-serif; text-decoration:none; text-shadow:#fff 1px 1px 0; white-space:nowrap;}
ul#nav li a em {display:none;}
ul#nav li a span {display:block; color:#4e4e46; font:normal 8px/11px Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow:none;}
ul#nav li a:hover, ul#nav li a:active {color:#b17e3e;}
ul#nav li a:hover span, ul#nav li a:active span {color:#333;}

/* HOME-PRODUCTS
----------------------------------------------- */
div#home-mid {position:relative; padding:35px 0 0 40px; z-index:20;}
#slider {width:880px; height:350px;}

div#home-main {width:400px; float:left; display:inline; padding:35px 0 0 40px; font:normal 13px/20px Helvetica, Arial, sans-serif; color:#666;}
div#home-main h3 {font:normal 37px/34px 'headline', Helvetica, Arial, sans-serif; color:#333; padding-bottom:10px;}
div#home-main h3 span {font:normal 30px/30px 'headline', Helvetica, Arial, sans-serif; color:#666; display:block;}

div#home-side {
	width:255px;
	height:212px;
	float:right;
	margin-right:40px;
	display:inline;
	padding:50px 114px 0 45px;
	font:normal 13px/20px Helvetica, Arial, sans-serif;
	color:#ccc;
	background:url(images/north-america.png) no-repeat top left;
}
div#home-side h3 {font:normal 30px/20px 'headline', Helvetica, Arial, sans-serif; color:#fff;}
div#home-side p span {display:block;}
div#home-side p a {display:block; float:right; background:url(images/contact-sales.png) no-repeat top left; width:175px; padding-top:52px; color:#6D6D67;}
div#home-side p a:hover, div#home-side p a:active {background:url(images/contact-sales-hover.png) no-repeat top left;}

/* SIDE
----------------------------------------------- */
div#side-products {position:absolute; top:58px; left:-25px; width:315px; height:295px; z-index:25;}
div#side-products #red-bg {position:absolute; top:0; left:0; width:315px; height:295px; z-index:30; background:url(images/products-red-box.png) no-repeat top left;}
div#side-products ul {position:relative; margin:0; padding:17px 0 0; list-style:none; z-index:35;}
div#side-products ul li {list-style:none; padding:0; display:block; width:300px; text-align:right;}
div#side-products ul li a {color:#fff; display:block; text-decoration:none; width:270px; height:21px; padding:3px 30px 0 0; background:url(images/orange-arrow.png) no-repeat 280px 9px;}
div#side-products ul li a:hover, div#side-products ul li a:active {background:url(images/pointer.png) no-repeat top right;}

/* MAIN
----------------------------------------------- */
div#main h1 {color:#444; font-family:'headline'; font-size:36px; line-height:35px; padding-bottom:15px;}
div#main h3 {color:#340000; text-transform:uppercase; font-size:16px; padding:10px 0 5px; border-bottom:3px solid #DFDFC3;}
div#main .alignright {float:right; display:inline; margin:0 0 15px 30px; border:1px solid #B9B9B9;}
div#main .alignleft {float:left; display:inline; margin:0 30px 15px 0; border:1px solid #B9B9B9;}

div.mapp-div {border:1px solid #B9B9B9;}
div.mapp-poweredby {display:none;}

/* Locations */
body.page-id-31 div#side {display:none;}
body.page-id-31 div#main {float:left; width:840px; padding:55px 60px 30px; width:auto;}
body.page-id-31 div.mapp-overlay-directions {display:none;}
body.page-id-31 div.mapp-div {margin-bottom:20px;}

div#main .column {float:left; display:inline; width:45%; padding-top:20px;}
div#main ul.no-top-margin {margin:5px 0 20px;}

/* FOOTER
----------------------------------------------- */
p#copyright {font-size:11px; margin:1em 0; color:#fff;}
p#copyright a {color:#333;}