/*   
Theme Name: Zepak Corp - 10/1/2010
Theme URI: 
Description: Zepak's first design iteration	
Author: Justin Sainton
Author URI: http://www.zaowebdesign.com/
Template: twentyten
Version: 1.0
*/

@import url('../twentyten/style.css');

html, body {
	padding:0;
	margin:0;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	overflow-x:hidden
}
body, input, textarea { 
	background:white;
}
#wrapper, #header {
	margin:0 0 0 95px;
	padding-top:0;
}
div.wrapper {
	margin: 0px auto;
	width: 940px;
}
#content, #content input, #content textarea {
	color: #616161;
	font-size: 15px;
	line-height: 24px;
}
#content {
	margin:0 20px;
}
#access {
	position:absolute;
	margin-left:300px;
	background:transparent;
	width:500px;
	top:0;
}
#access .menu li a {
	font-size:14px;
	color:#666;
	text-align:center;
	text-transform:uppercase;
	padding:25px 10px;
}
#access .menu li a {
	width:70px;
	height:50px;
}
#access li:hover > a, #access ul ul :hover > a, #access li.current_page_item  a {
	background: transparent url('nav_bg.png') top center no-repeat;
	color: white;
	text-shadow: black 0px 1px 0px;
}
#access .menu-header li, div.menu li {
	margin-right:25px;
}
#branding img {
	border:none;
	clear: both;
	display: block;
}
#branding {
	margin:0 0 0 -45px;
	width:300px;
}
#site-title {
	margin:0;
	width:300px;
}
#main_wrap {
	position:absolute;
	padding:0;
	margin:0;
	width:100%;
	background:#666;
	clear:both;
	position:relative;
	z-index:3;
	top:-50px;
	overflow:hidden;
}
div.decor_pattern {
	position:absolute;
	background:transparent url(box_pattern.png) top  center repeat-x ;
	width:100%;
	height:7px;
	position:relative;
	bottom:50px;
	clear:both;
	z-index:0;
}	
div.bottom {
	bottom:-7px
}
div.top {
	top:-7px;
}
#main {
	padding-top:0;
	position:relative;
	width:1050px;
}
#content p, 
#content li {
	color:#e0e0e0
}
#content div.entry-content h2,
#content  h2.entry-title  {
	font-size:33px;
	font-weight:bold;
	text-align:left;
	color:white;
	width:185px;
	padding: 24px 0px 12px;
	border-bottom:1px solid #787878;
	clear:none
}

body.home #content div.entry-content p {
	width:200px;
/*	float:left;
	clear:left;*/
}

img#watermark {
	left:-47px;
	position:absolute;
	top:-2px;
}
#container {
	position:relative;
	width:1050px;
	margin-top:70px;
}
#colophon {
	border:none;
	margin-top:0;
}	
#masthead {
	position:absolute;
	position:relative; 
	z-index:5;
	margin-right:-55px;
}
#container, #container *, #main, #main *, #content, #content * {
	position:absolute;
	position:relative;
	z-index:1000;
}
#access .menu  li#search {
	margin:30px 0 0 0;
	min-width: 18px;
	position: relative;
}
form.s-form {
	margin: 0;
	position: relative;
	width: 260px;
}
.s-form label.s-label {
	display: none;
}
.s-form .s-input {
	background:#fff url(search-sprite.png) right 0 no-repeat;
	border-color: #e3e3e3;
	color: #333;
	padding: 3px 24px 3px 3px;
	width: 232px;
}
.s-button {
	background: url(search-sprite.png) no-repeat 0 center;
	border: 0;
	cursor: pointer;
	height: 22px;
	right: 1px;
	position: absolute;
	text-indent: -32000px;
	top: 2px;
	width: 22px;
}
.s-button:hover {
	background: url(search-sprite.png) no-repeat -300px center;
}
form#s-form-main {
	width: auto;
}
#s-form-div-main {
	overflow: hidden;
	width: 1px;
}
form#s-form-main label.s-label {
	color: #c1c1c1;
	font-size: 13px;
	height: 16px;
	left: 6px;
	line-height: 16px;
	position: absolute;
	top: 5px;
}
#s-input-main {
	background: transparent;
	margin: 0 0 0 1px;
	width: 130px;
}
#s-input-main:focus {
	background-color: #f6f6f6;
	outline: 0;
}
.s-open #s-input-main {
	background:#fff url(search-sprite.png) right 0 no-repeat;
	color: #333;
}
#home_img {
	float:right;
	position:relative;
	bottom:12px;
	margin-bottom:-19px;
        margin-left:10px;
}
body.home #content img.wp-image-25 {
	bottom: 10px;
	margin-bottom: -20px;
	position: relative;
}
#home_img_text {
	-khtml-opacity:.85; 
	-moz-opacity:.85; 
	-ms-filter:"alpha(opacity=85)"; 
	filter:alpha(opacity=85); 
	opacity:.85; 
	background:#a80e0e;
	position:absolute;
	bottom: 0px;
	padding: 15px;
	right: 0px;
	width: 420px;
}

body.home #content div.entry-content #home_img_text p {
	width:auto;
	margin-bottom:4px;
}

#content #home_img_text h3 {
	margin-bottom:5px;
	color:white;
}
#content h4 {
	font-size:18px;
	font-weight:bold;
}
#cat_list {
	position:absolute;
	top:-55px;
	float: left;
	left:-70px;
	margin: 14px 0;
	width: 1200px;
}
#cat_list ul {
	float:right;
	list-style:none;
	margin-right:117px;
	margin-bottom:0;
}
#cat_list ul li {
	background-image:url(product_bg.jpg);
	width:83px;
	padding:0 8px;
	height:31px;
	float:left;
	margin-right:3px;
	line-height:10px;
}
#cat_list ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	position:relative;
	top:3px;
}
#cat_list ul li a:hover {
	text-decoration:underline;
}
#cat_images {
	background: #C9C9C9;
	float: left;
	margin: 0px;
	min-width: 835px;
	padding: 15px 15px 0 15px;
	width: 61%;
}	
#cat_images ul {
	list-style:none;
	display:inline;
}
#cat_images ul li {
	display:inline;
	width:140px;
	position:relative;
	float:left;
	margin-right:20px;
}
#cat_images ul li p {
	text-align:center;
}
#cat_images ul li a img.cat_mail {
	position:absolute;
	bottom:35px;
	right:-11px;	
}
#cat_images ul li a {
	color:#666;
	text-decoration:none;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
}
#cat_images ul li a:hover {
	text-decoration:underline;
}
#subNav {
	width:200px;
	float:left;
	margin-left:-20px;
	padding:0;
	color:#fff;
}
#subNav ul {
	list-style:none;
	line-height:14px;
}
#subNav li {
	margin-bottom:10px;
}
#subNav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
}	
#subNav li a:hover {
	text-decoration:underline;
}
#subNav h3 {
	color:#fff;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0;
}
#subNav p {
	margin-top:55px;
}
#subNav p a {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#subNav p a:hover {
	text-decoration:underline;
}
.contactInfo {
	height:90px;
	width:165px;
	position:relative;
	top:46px;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
.contactInfo a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
	text-decoration:underline;
}
.contactInfo a:hover {
	text-decoration:none;
}
#homeContentArea {
	width:765px;
	padding:20px;
	float:left;
}
#mainContentArea {
	width:765px;
	min-height:400px;
	background-color:#fff;
	padding:20px;
	float:left;
	margin-left:25px;
	top:-80px;
}
#mainContentArea p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#7F7F7F;
	margin-top:0;
	padding-top:0;
}
#mainContentArea img {
	float:left;
	margin-right:15px;
}
#mainContentArea li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#7F7F7F;
	left:40px;
	padding-right:40px;
}
.itemHeader {
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#7F7F7F;
}	
h3.mission {
	font-size:24px;
	color:#b31515;
	font-weight:bold;
	padding:15px 0;
}	
#footer {
	height:156px;
	width:100%;
	position:relative;
}
#footer img {
	position:absolute;
	bottom:0;
	left:0;
}
.waysOfContact {
	width:260px;
	float:left;
	margin:0;
}
.waysOfContact a {
	color:#be0e0e;
	text-decoration:none;
}
.waysOfContact a:hover {
	text-decoration:underline;
}
.outsideSales {
	float:left;
	width:700px;
	margin:-70px 0 0 0;
}
.outsideSales h5 {
	font-size:33px;
	font-weight:bold;
	text-align:center;
	color:white;
	clear:none
}
.outsideSalesText {
	float:left;
	color:#000;
	background-color:#fff;
	width:709px;
	padding:20px;
	margin-bottom:40px;
}
.outsideSalesText p {
	color:#000;
}
.salesRep1 {
	width:300px;
	float:left;
	background-color:#fff;
	margin-right:100px;
}
.salesRep1 p {
	color:#000;
}
.salesRep1 a {
	color:#be0e0e;
	text-decoration:none;
}
.salesRep1 a:hover {
	text-decoration:underline;
}
.salesRep2 {
	width:290px;
	float:left;
	background-color:#fff;
}
.salesRep2 p {
	color:#000;
}
.salesRep2 a {
	color:#be0e0e;
	text-decoration:none;
}
.salesRep2 a:hover {
	text-decoration:underline;
}