/*
Theme Name: Evacupod
Theme URI: 
Description: The Evacupod theme for WordPress
Author: 
Version: 1.0
*/


/* Css Reset */
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; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ color:#00f; text-decoration:none; }
a:focus,a:hover{ text-decoration:underline; }
body{ background:#670000; color:#000; font:normal 100% Arial,sans-serif; text-align:center; }
.clear{clear:both}
.fleft{float:left}
.fright{float:right}
.rmHorizontal li{ float:left; list-style-type:none; }
div, img{ vertical-align:top; }
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }

/* Page Structure */
#wrapper, .wrapper{ margin:0 auto; text-align:left; width:1020px; }
#contentArea{ background:#FFFFFF; }
#contentArea, #footer, #header{ text-align:center}
#header{ background:#670000; }
#header .wrapper{ position:relative; background:#670000 url(images/bg-header.jpg) no-repeat center top; height:327px;  }
#page #header .wrapper{ height:200px; }
#navArea{ background:url(images/bg-nav.png) no-repeat center top; height:52px; position:relative; }
#nav{ top:20px; left:120px; position:absolute}

#searchArea{position:absolute; right:114px; top:16px}
#search{ background:url(images/bg-search.png) no-repeat; width:190px; height:19px; position:relative;  }
#txtSearch input{ background:none; border:0; color:#FFFFFF; font-size:10px; position:absolute; top:1px; left:5px; width:160px; }
.btnSearch{ background: url(images/btn-search.png); width:16px; height:16px; cursor:pointer; border:0; position:absolute; top:1px; right:3px;}

#logo{ display:block; position:absolute; top:51px; left:359px;}
#logo img{margin:0 auto; margin-top: -5px;}

#mainGallery{ background:url(images/bg-gallery-main.png); width:821px; height:342px; position:absolute; top:185px; left:99px; padding:1px; }
#mainImage {width:541px; height:307px; float:left}
#mainImage ul{ position:relative;  }
#mainImage ul li{ position:absolute; top:0px; left:0px;}
#mainImage ul li div{ position:relative;width:541px; height:307px;  }
#mainImage ul li div img{ position:absolute; top:0px; left:0px;}
#mainImage ul li div p{ position:absolute; bottom:0px; left:0px; padding:10px 0 0 15px; width:526px; height:31px; font-size:17px; text-transform:uppercase; color:#FFFFFF; background:url(images/gallery-overlay.png)}

#mainLinks{ float:left; width:280px; height:76px; }
#mainLinks li{height:76px; overflow:hidden}
#mainLinks li div.left{float:left; padding:23px 0 0 9px; width:51px; }
#mainLinks li div.right{float:left; width:215px; }
#mainLinks li h4{ padding:3px 0 6px 0; font-size:13px; }
#mainLinks li h4 a{ color:#780000; text-transform:uppercase;}
#mainLinks li p{ padding:0 2px 0 0; font-size:10px; color:#6f6f6f; text-indent:40px; line-height:100%}

#contentArea{ padding:223px 0 0 0; }
#page #contentArea{ padding:0; }
#content{ min-height:230px; height:auto !important; height:230px; padding: 0 84px 17px 99px;}
#content ul#articles li{ width:270px; margin:0 10px 0 0; }
#content ul#articles li h4{ padding:3px 0 10px 57px; font-size:17px; color:#780000; text-transform:uppercase}
#content ul#articles li p{ text-indent:57px; font-size:13px; color:#737373}
#content ul#articles li .readmore{ display:block; text-align:right; padding:20px 10px 18px 0;}
#content ul#articles li .readmore a{display:block; float:right}
#article-what{ background:url(images/btn-eva.png) no-repeat;}
#article-prods{ background: url(images/btn-prods.png) no-repeat;}
#article-industry{ background:url(images/btn-industry.png) no-repeat;}
#content ul#articles li.last{ margin-right:0;}

#slideArea{ padding:0 0 17px 99px;}
#slide{ position:relative; height:131px; width:837px; border-top:1px solid #970000; border-bottom:1px solid #970000;}
#slide ul{ padding:20px 25px; overflow:hidden}
#slide ul li{padding-right:12px; width:188px; height:95px;}
/*#slide ul li.last{margin-right:0;}*/
#shukuchi{ position:absolute; left:50%; top:-28px; margin-left:-26px;}
.slide-left{position:absolute; top:50%; left:0px; margin-top:-11px; }
.slide-right{position:absolute; top:50%; right:0px;margin-top:-11px; }
.jCarouselLite {margin: 20px 0 0 30px; width: 780px !important; }

#footer{ background:url(images/bg-footer.gif) repeat-x; height:90px;  }
#footer .wrapper p{text-align:right; color:#737373; padding:5px 83px 0 0; font-size:10px}

/* Navigation */
#nav ul li{ margin-right:15px}
#nav ul li a{height:10px; display:block}
#nav-home a {background:url(images/txt-home.png) no-repeat; width:38px;}
#nav-products a{background:url(images/txt-products.png) no-repeat; width:69px;}
#nav-press a{background:url(images/txt-press.png) no-repeat; width:94px;}
#nav-video a{background:url(images/txt-video.png) no-repeat; width:38px;}
#nav-faq a{background:url(images/txt-faq.png) no-repeat; width:30px;}
#nav-industry a{background:url(images/txt-industry.png) no-repeat; width:123px;}
#nav-contact a{background:url(images/txt-contact.png) no-repeat; width:82px;}
#nav ul li a span{ position:absolute; left:-9999px}

/* Breadcrumbs */
#breadcrumbs{ width:817px; height:28px; background:url(images/bg-breadcrumbs.png) no-repeat; font-size:13px; color:#575757; text-transform: uppercase}
#breadcrumbs p{float:left; padding:8px 8px 0 8px;}
#breadcrumbs a{font-size:13px; color:#575757}

/* Page Articles */
.article{ border-bottom:1px solid #670000; padding:10px 0;}
.article img{float:left; margin:0 20px 20px 0;}
.article h4{ font-size:17px; color:#780000; padding:0 0 50px 0; margin:0; text-transform:uppercase} 
.article p{font-size:13px; text-indent:56px;}

/* Texts */
h3{font-size:18px; color:#780000; padding:5px 0 10px 5px; text-transform:uppercase}
h4{color:#780000; }
p{color:#737373;}


#footer .footer-gallery{
	float:left;
	height:54px;
	overflow:hidden;
	padding-left:99px;
	padding-top:8px;
	width:630px;
}

#footer .footer-gallery ul li{
	float:left;
	margin-right:5px;
}

#footer p.copyright{
	display:block;
	float:right;
	width:200px;
}