/* CSS Document - Webside Design and Development by Adventure Web Productions*/

/*FANCY FONTS*/
@font-face {
	font-family: '';
	src: url('');
	src: local('?'), url('') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*STRUCTURE*/
body {
	background:#000 url(img/bg-body.jpg) repeat-x; 
	font:12px/14px Arial, Helvetica, sans-serif; 
	color:#000;
}

#page {
	width:981px; 
	margin:0 auto;  
}

/*GLOBALS*/

* {
	padding:0;
	margin:0;
}
img {border:0;display:block;}
a {
	text-decoration:none; 
	outline:none;
	color:#495c68;
}
a:hover {text-decoration:underline;}
a:active {outline:none;}
:-moz-any-link:focus {outline:none;}
.fLeft {float:left !important;}
.fRight {float:right !important;}


/*HEADER*/

#header {
	position:relative;
	height:151px;
	padding:24px 0 0;
}

#logo {
	float:left;
	width:316px;
	height:112px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/logo.gif) no-repeat;
}
#header p {
	float:right;
	width:510px;
	font:bold italic 30px/28px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	padding-top:30px;
}

/*NAVIGATION*/
ul#nav {
	position:absolute;
	bottom:10px;
	right:3px;
	list-style:none;
}
ul#nav li {
	float:left;
	font:bold 13px/48px Arial, Helvetica, sans-serif;
}	
ul#nav a {
	color:#fff;
	display:block;
	float:left;
	width:109px;
	text-align:center;
	height:48px;
	text-decoration:none;
	background:url(img/bg-nav.jpg) no-repeat;
}
ul#nav a:hover {
	background-position:0 -48px;
	text-decoration:none;
}
ul.social {
	position:absolute;
	top:5px;
	right:5px;
	list-style:none;
}
ul.social li {
	float:left;
	padding:0 0 0 3px;
}
.promo {
	height:1%;
	overflow:hidden;
	border:solid #fff;
	border-width:0 2px 2px;
	background:#fff;
}
ul.sideNav {
	float:left;
	width:308px;
	list-style:none;
}
ul.sideNav li {padding-bottom:2px;}
ul.sideNav li.last {padding:0;}
ul.sideNav a {
	display:block;
	background:url(img/bg-side-nav.gif) no-repeat;
	color:#fff;
	height:48px;
	overflow:hidden;
	padding:8px 30px 0 87px;
	font:bold italic 17px/20px Arial, Helvetica, sans-serif;
}
ul.sideNav a.item01 {
	padding-top:0;
	line-height:56px;
	height:56px;
}
ul.sideNav a.item02 {background-position:0 -58px;}
ul.sideNav a.item03 {background-position:0 -116px;}
ul.sideNav a.item04 {background-position:0 -174px;}
ul.sideNav a.item05 {background-position:0 -232px;}
ul.sideNav a.item06 {background-position:0 -290px;}
ul.sideNav a.item07 {background-position:0 -348px;}


ul.sideNav a:hover {text-decoration:none;}
ul.sideNav a.item01:hover {background-position:-308px 0;}
ul.sideNav a.item02:hover {background-position:-308px -58px;}
ul.sideNav a.item03:hover {background-position:-308px -116px;}
ul.sideNav a.item04:hover {background-position:-308px -174px;}
ul.sideNav a.item05:hover {background-position:-308px -232px;}
ul.sideNav a.item06:hover {background-position:-308px -290px;}
ul.sideNav a.item07:hover {background-position:-308px -348px;}

.gallery {
	float:right;
	width:667px;
}
.gallery .imgBox {
	position:relative;
}
.gallery .imgBox .text {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.gallery .imgBox .inn {
	background:url(img/opacity01.png);
	height:1%;
	overflow:hidden;
	padding:13px 45px 0 22px;
}
.LearnMoreBtn {
	float:right;
	width:110px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
	margin:16px 0 0;
	background:url(img/btn-learn-more.png) no-repeat;
	position:relative;
	cursor:pointer;
}
.gallery .imgBox h2 {
	font:bold 17px/18px Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	color:#231f20;
}
.gallery .imgBox p {margin:0 0 8px;}
.infoBox01 {
	height:1%;
	overflow:hidden;
	color:#fff;
	padding:12px 0 0;
	margin:0 0 11px;
}
.infoBox01 .col01 {
	float:left;
	width:301px;
	padding:0 5px 0 6px;
}
.infoBox01 .col01 h2 {
	font:bold 26px/30px Arial, Helvetica, sans-serif;
	margin:2px 0 3px;
}
.infoBox01 .col01 p {
	font:15px/20px Arial, Helvetica, sans-serif;
}
.infoBox01 .col02 {
	float:left;
	width:478px;
	padding:0 36px 0 10px;
}
.infoBox01 .col03 {
	float:left;
	width:144px;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
}
.infoBox02 {
	background:url(img/bg-info-box02.gif) repeat-y;
	height:1%;
	overflow:hidden;
}
.infoBox02 .col01 {
	float:left;
	width:247px;
	margin-right:5px;
}
.chat {
	height:1%;
	overflow:hidden;
	color:#1c1c1c;
}
.chat .text {
	float:left;
	width:107px;
	padding:10px 0 0 8px;
}
.chat .imgBox {
	float:right;
	width:px;
}
.chat h2 {
	font:bold 16px/19px Arial, Helvetica, sans-serif;
	margin:0 0 3px;
}
.chat h3 {
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
}
.chat p {font-weight:bold;}
.infoBox02 .col02 {
	float:left;
	width:340px;
	margin-right:6px;
}
.infoBox02 .col02 h2,
.infoBox02 .col03 h2 {
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	margin:6px 0 9px 12px;
}
.product {
	height:1%;
	overflow:hidden;
	padding:0 5px 0 12px;
}
.product .imgBox {
	float:left;
	width:120px;
	padding:3px 0 0;
}
.product .text {
	float:right;
	width:190px;
}
.product h3 {font:bold 12px/14px Arial, Helvetica, sans-serif;}
.product p a {font-weight:bold;}
.infoBox02 .col03 {
	float:left;
	width:383px;
}
.infoBox02 .col03 h2 {margin-left:0;}
.overview {
	height:1%;
	overflow:hidden;
	padding:0 5px 0 12px;
}
.overview .info {
	float:left;
	width:185px;
}
.video {margin-top:13px;}
.overview .info h3 {
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:7px 0 0;
}
.overview .text {
	float:right;
	width:169px;
}

/*FOOTER*/

#footer {
	height:1%;
	overflow:hidden;
	padding:5px 9px 25px;
	color:#fff;
}
#footer a {color:#fff;}
#footer ul {
	height:1%;
	overflow:hidden;
	list-style:none;
}
#footer ul li {
	float:left;
	padding:0 7px 0 8px;
	margin:0 8px 0 -8px;
	font-weight:bold;
	background:url(img/separator01.gif) no-repeat 0 2px;
}
#footer p {font-size:10px;}


/*SEO AREA*/

.seo {
	width:100%;
	text-align:center;
	font-size:10px;
}
.seo h1 {font-size:10px;}

/* inner page */


.main {
	height:1%;
	overflow:hidden;
	background:#ebebeb;
	padding:0 5px 15px 2px;
}
/*CONTENT AREA*/
#content {
	width:650px; 
	float:right;
	padding:15px 0 0;
}
#content h2 {
	color:#36568c;
	margin:0 0 8px;
	font:bold 18px/20px Arial, Helvetica, sans-serif;
}
#content p {margin:0 0 16px;}
#content img.fRight {margin-left:25px;}
#content h3 {font:bold 14px/16px Arial, Helvetica, sans-serif;}
ul.list01 {
	height:1%;
	overflow:hidden;
	list-style:none;
	padding:0 0 17px 6px;
}
ul.list01 li {
	background:url(img/bullet01.gif) no-repeat 0 4px;
	padding:0 0 0 11px;
}
.viewProductBtn {
	width:167px;
	height:31px;
	background:url(img/btn-view-product-gallery.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*SIDEBAR*/
#sidebar {
	width:308px; 
	float:left; 
}
.selectProductBtn,
.requesQuoteBtn {
	width:192px;
	height:56px;
	padding:0 30px 0 86px;
	font:bold italic 17px/56px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	background:url(img/btn-select-product.jpg) no-repeat;
	text-decoration:none !important;
}
.requesQuoteBtn {background:url(img/btn-request-quote.jpg) no-repeat;}
.products {position:relative;}
.products ul {
	position:absolute;
	top:0;
	left:308px;
	width:308px;
	display:none;
	list-style:none;
}
.products ul li {
	height:1%;
	overflow:hidden;
	vertical-align:top;
}
.products:hover ul {display:block;}
.products ul a {
	display:block;
	font:bold italic 17px/56px Arial, Helvetica, sans-serif;
	padding:0 20px;
	color:#fff;
	text-transform:uppercase;
	background:url(img/bg-product-nav.gif) no-repeat;
}
.products ul a.item {
	font:bold italic 17px/20px Arial, Helvetica, sans-serif;
	padding:8px 20px;
}
.products ul a:hover {background-position:0 -56px;text-decoration:none;}
.quality {	
	height:1%;
	overflow:hidden;
	padding:17px 0 0 10px;
}
.quality h2 {
	font:bold 26px/30px Arial, Helvetica, sans-serif;
	margin:0 0 2px;
}
.quality p {
	font:15px/18px Arial, Helvetica, sans-serif;
	margin:0 0 20px;
}

div.twoColumn {width:49%; float:left;}

/* Form */

#form, #form li {display:block; list-style:none; margin:0; padding:0; position:relative; background:none;}
/*#form li {height:20px; margin-bottom:10px;}*/
#form li label {display:block; width:200px; background:#E9E9E9; line-height:16px; padding:2px 5px; text-align:right; font-weight:bold;}
#form li input, #form li textarea {position:relative; left:215px; width:329px; top:-21px;}


/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:404px;
	left:0;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	padding: 0px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500;
}

#rotator ul {
display:block;
height:404px;
margin:0;
padding-left:0;
width:667px;
 
}