@charset "utf-8";
/* CSS Document */

/* -------------------- Layout --------------------- */
#wrapper {
    margin: 0 auto; /* centers layout */
    min-height: 100%; /* height 100% in all modern browsers */
	width:1000px;
}

* html #wrapper {
    height: 100%; /* height 100% in IE6 */
}

* html #content {
    height: 1%; /* "haslyout" for IE6 & contains floats */
    overflow: visible;
}

.left {
    float: left;
    display: inline; /* fix IE6 float bug */
}
.right {
    float: right;
    display: inline; /* fix IE6 float bug */
}

/* ---------------- Global Classes ----------------- */
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.margin-0 {
    margin: 0;
}
.margin-top {
    margin: 1em 0 0;
}
.clear {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
}
.clearfix:after {
    content:"";
    display:block;
    height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide */
/* ----------------- Content/Pages ----------------- */

@font-face {
font-family: 'Freehand575';
src: url('../fonts/Freehand575.ttf') format('truetype'),
font-weight: normal;
font-style: normal;

}

	
.social { height:43px; width:1000px;}
.social li{ float:right; line-height:32px; margin:0 5px 0 0;}

.top{ width:1000px; margin:0 auto; margin-bottom:10px; height:90px; background:#000; }
.top .left{ width:332px; padding:10px 0 0 10px;}
.top .right{ width:650px;}

/*
.topbar{ font-size: font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}
.topbar ul li{ float:right; font-size:25px; color:#9dc500;}
.topbar ul li a{ color:#bdb9b9; display:block; line-height:90px; padding:0 8px; background:#000; font-family:'Freehand575';}
.topbar ul li a:hover, .topbar ul li.active a{ color:#fb3a44;}




.topbar li.email{background:url(../images/email.png) no-repeat left 8px;  padding-left:30px; font-size:17px; margin-right:10px; color:#fff; line-height:25px;  }
.topbar li.phone{ background:url(../images/phone.png) no-repeat left top; padding-left:35px; font-size:21px; line-height:25px; color:#fff;}
*/


.topbar ul ul {
margin-top: 26px;
padding-top: 0px;
position: absolute;

background: #FFF;
display:none;
}



.topbar ul ul li{
 float:none;
  margin:0 18px;
   padding:0px;
    cursor:pointer;
	margin-top:10px;
 }

.topbar ul ul li a {
margin: 0px;
padding: 0px;

color: #5F5D5D;

font-family: "monotype Corsiva";
font-size: 20px;
}



.topbar ul ul li a:hover{
color:#FF0000;
}

.topbar li:hover > ul{
display:block; z-index:1000;
}





.faq{background:url(../images/faq.jpg) left top no-repeat;
width:70px;
height:27px;
float:left;
}
.faq:hover{background:url(../images/faq_hover.jpg) left top no-repeat;
width:70px;
height:27px;
float:left;
}
.topbar{ width:650px; height:27px; float:left; margin:31px 0 0 0;}
.topbar ul li{ float:left; margin:0 18px; padding:0px; cursor:pointer;}
.topbar ul li a{ float:left; margin:0px; padding:0px;}

.home{background:url(../images/home.jpg) left top no-repeat;
width:48px;
height:27px;
float:left;
}
.home:hover{background:url(../images/home_hover.jpg) left top no-repeat;
width:48px;
height:27px;
float:left;
}
.about{background:url(../images/about_us.jpg) left top no-repeat;
width:67px;
height:27px;
float:left;
}
.about:hover{background:url(../images/about_us_hover.jpg) left top no-repeat;
width:67px;
height:27px;
float:left;
}

.product_img{background:url(../images/products.jpg) left top no-repeat;
width:65px;
height:27px;
float:left;
}
.product_img:hover{background:url(../images/products_hover.jpg) left top no-repeat;
width:65px;
height:27px;
float:left;
}

.contact_us{background:url(../images/contact_us.jpg) left top no-repeat;
width:77px;
height:27px;
float:left;
}
.contact_us:hover{background:url(../images/contact_us_hover.jpg) left top no-repeat;
width:77px;
height:27px;
float:left;
}
.color_shades{background:url(../images/color_shades.jpg) left top no-repeat;
width:98px;
height:27px;
float:left;
}
.color_shades:hover{background:url(../images/color_shades_hover.jpg) left top no-repeat;
width:98px;
height:27px;
float:left;
}


/* Main Menu */




.header{ width:980px; height:332px; margin:0 auto; overflow:hidden; padding:10px; background:#000}

.header .left{ width:654px; position:relative;}

.header .right, .right .right{
    background:url(../images/inquiry-bg.gif) no-repeat center top;
    width: 215px;
	padding:10px 10px 10px 10px;
}

.header h2, .right .right h2{ }

.dots {
    bottom: 0px;
    height: 30px;
    left:20px;
    position: absolute;
    text-align: left;
    width: 150px;
}
.dots li {
    color: #FFFFFF;
    float: left;
    font-size: 5px;
    list-style: none outside none;
}
.dots li a {
    background: url("../images/dot2.png") no-repeat scroll left top transparent;
    display: block;
    padding: 11px;
    text-indent: -9999px;
}
.dots li a:hover, .dots li a.active {
    background: url("../images/dot.png") no-repeat scroll left top transparent;
}

.right .txt{font-size:18px; font-weight:bold; color:#fff; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif;}
.txtfield {
	background:url(../images/txtfield.gif) no-repeat left top #fff;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 7px 7px;
    width: 200px;
	-webkit-box-shadow: inset 5px 5px 5px 0px #d1d1d1;        
    box-shadow: inset 5px 5px 5px 0px #d1d1d1;	
}

.txtfield-extndd {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 70px;
    margin: 0 0 6px;
    padding: 7px 7px;
    width: 200px;
	-webkit-box-shadow: inset 5px 5px 5px 0px #d1d1d1;        
    box-shadow: inset 5px 5px 5px 0px #d1d1d1;	
}

.submit {
background:#fb3a44;
border: 0px solid #939393;
border-radius: 5px 5px 5px 5px;
color: #fff;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 12px;
cursor:pointer;
padding: 5px 10px;
text-transform: uppercase;
width: 85px;
margin:0 0 5px 0;
}


.content{ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:1000px; margin:10px auto;
	clear:both;
	background:#000;
}
.content h2{ color:#fff; font-size:20px; font-weight:normal;}
.content .left{
	background:#000;
	padding:20px;
	width:960px; 
}

.content .left ul li{ margin:0 0 15px 0; padding:5px 0 0 25px;}


.content .right{ width:299px;}
.content .right .panel{ 
	background:#3a3c40; border:solid 1px #4e5155;
	padding:15px 25px;
	margin:0 0 10px 0;
	font-size:13px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;
}

.gallery{ float:left; width:374px; float:left;}
.gallery-discription{ float:right; width:560px;}

.panel p, .panel ul li{ font-size:12px;}


.tab-content{ margin:20px 0 0px 0;}
.tab-content ul{ border-bottom:solid 5px #40821f; margin:0 0 10px 0;}
.tab-content ul li{ font-size:18px; margin:0 2px 2px 0; float:left;}
.tab-content ul li a{ color:#fff; background:url(../images/tab1.gif) repeat-x top center #40821f; padding:5px 10px; display:block;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;}

.tab-content ul li a:hover{ background:url(../images/tab2.gif) repeat-x top center #8cb479; }

.tab-content .left{ width:273px; padding:inherit; border:0;}
.tab-content .right{ width:284px; padding:inherit; border:0;}
.tab-content .right p{ font-size:13px; color:#666; line-height:30px;}
.tab-content .banners li{ color:#46aadf; font-size:13px;  }
.banners { margin: 0 0 15px 0;} 
.banners li a{ background:url(../images/tick.png) no-repeat left 5px; padding:5px 0 5px 25px; color:#46aadf; display:block; font-weight:bold; border-bottom:solid 1px #3d5869;}
.banners li a:hover{ color:#fff;}

.panel li img{ margin:0 5px;}

.testimonials{ position:relative; width:100%;}
.testimonials ul{ position:absolute; top:0; right:0; width:70px;}
.testimonials ul li{ float:left; width:27px;}
.testimonials ul li a{ display:block; margin:0 2px 0 0; }

.testimonials .pic{ float:left; padding:0 10px 5px 0; vertical-align:top;}

.testimonials p{ line-height:18px;}

/* Footer Menu */
#footer { 
    clear: both;
	width:890px; margin:0 auto;
	padding:10px 35px;
	border:solid 1px #5a5a5a;
	background:url(../images/footer-bg.png) no-repeat center top #1c1c1c;
	color:#fff;
	font-size:11px;
	

}
#footer ul {
}
#footer li {
	font-size:15px; font-weight:bold; color:#fff; text-align:left;
}
#footer li a {
	font-size:11px; background:url(../images/arrow-2.png) no-repeat left 8px; padding:0 10px; color:#fff; display:block; line-height:22px; font-weight:normal; 
}
#footer li a:active, #footer li a:focus, #footer li a:hover {
}

#footer .top{ border-bottom:solid 1px #565656; padding-bottom:10px; margin:0; width:880px}
#footer .top .left{ width:160px;}
#footer .top .right{ width:650px; text-align:right; padding:20px 0 0 0;}
#footer .top .right a{ color:#aaa;}
#footer .bottom{border-top:solid 1px #121212; padding-top:10px; margin:0; }

#footer .col-a, #footer .col-b, #footer .col-c, #footer col-d{ float:left;} 

.col-a{ width:172px;border-right:solid 1px #5d5d5d;}
.col-b{ width:152px; border-left:solid 1px #1a1a1a; padding-left:20px; border-right:solid 1px #5d5d5d;}
.col-c{ width:195px;border-left:solid 1px #1a1a1a; padding-left:20px;}
.col-d{ width:280px; float:right;}

#footer h3{ font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; margin:0 0 0px 0;}
.copyright{ padding:15px 0 0 0; border-top:solid 1px #465556; margin:10px auto;}
.copyright .left{ width:400px; color:#8e8e8e;}
.copyright .right{ width:400x; text-align:right;}
#footer ul li a, #footer p{ color:#CCC;}
#footer a:hover{ color:#fff; text-decoration:underline;}


 .right .right{width: 258px; float:left; margin:0 0 10px 0;

}
 
/*
.navigation{ clear:both; padding:0; width:1000px; margin:10px auto;}
.navigation li{ float:left; font-size:15px; color:#fff; padding:0; margin:0; line-height:42px; margin:0 5px 0 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; font-weight:bold;}
.navigation li a{ padding:0px 10px; color:#fff; display:block; line-height:20px; padding:5px 10px; background:#9dc500;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#333;
	font-size:12px;

}  
.navigation li a:hover, .navigation li a.current{ background:#46aadf;} 
*/

/*style the sub menu*/ 
.navigation ul {display: none; position:absolute; top:30px; left:0; width:200px; z-index:200; background:#46aadf; width:200px; padding:0; margin:0; padding:5px;}  
.navigation ul li{  display:block; width:200px; border-bottom:solid 1px ##fff; font-size:12px; padding:0; margin:0;}
.navigation ul li a{ padding:5px 10px; background:#46aadf; border-bottom:solid 1px #409bcb;}
.navigation ul li a:hover{ background:#409bcb;}
.navigation li:hover > ul {display:block;}


/* ------------------- */

navigation{ clear:both; padding:0; width:1000px; margin:10px auto;}
.navigation li{ float:left; font-size:15px; color:#fff; padding:0; margin:0; line-height:42px; margin:0 5px 0 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; font-weight:bold;}
.navigation li a{ padding:0px 10px; color:#fff; display:block; line-height:20px; padding:5px 11px; background:url(../images/repeter.jpg) left top repeat-y #c1bdbd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#000;
font-size:12px;
border: solid 1px #7e7b7b;

}
.navigation li a:hover, .navigation li a.current{ background:url(../images/hover.jpg) right top repeat-y;
color:#FFFFFF;
border: solid 1px #7e7b7b;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:0px 10px; color:#fff; display:block; line-height:20px; padding:5px 11px;
font-size:12px;
}

/* ------------------  */

.panel .txt{ font-size:15px; display:block; margin: 0 0 5px 0;}

.products{ width:1000px; position:relative; text-align:center; clear:both; background:#000; margin:0 0 10px 0; padding-bottom:10px;}
.prev{ width:23px; height:154px; position:absolute; top:0%; left:0;}
.next{ width:23px; height:154px; position:absolute; top:0%; right:0;}
.list{ float:left; width:238px; float:left; background:url(../images/box.gif) no-repeat center top #000; margin:0 10px 0 0;}
.list:hover{ background:#010101;}
.list p{ padding:0 20px; text-align:center; margin:0 0 15px; font-size:12px;}
/*.list:hover .view-details{background:url(../images/btn.gif) repeat-x center top #639900; color:#333; }*/
.list:hover .view-details{color:#FFF; }
.view-details{ color:#fff; text-align:center; padding:8px 0; display:block; font-size:15px; font-weight:bold; background:url(../images/view_detail.jpg) left top repeat-y; }
.view-details:hover{background:url(../images/view_detailhover.jpg) left top repeat-y ; color:#FFF!important; }

/* .view-details{ color:#fff; text-align:center; padding:8px 0; display:block; font-size:15px; font-weight:bold; background:#1a1a1a; }
.view-details:hover{ background:url(../images/btn.gif) repeat-x center top #639900; color:#333; } */
.list h3{ text-align:center; margin:10px auto; padding:0 ; font-size:17px;}

.question{ color:#8ee000; font-weight:bold; background:url(../images/question.jpg) no-repeat left; padding:0 0 0 20px;}
.answer{ background:url(../images/ans.jpg) no-repeat left top; padding:0 0 0 20px;}

/* contact form */
.form1{width:450px; float:left; color:#fff; font-size:14px; margin:20px 0 80px 20px;}
.form1 .field-name{ width:100px; float:left;}
.form1 .input-textfield{ background:url(../images/txtfield.gif) no-repeat left top #fff;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0 0 10px 10px;
    padding: 7px 7px;
    width: 300px;
	-webkit-box-shadow: inset 5px 5px 5px 0px #d1d1d1;        
    box-shadow: inset 5px 5px 5px 0px #d1d1d1;}

.form1 .txtarea-extndd {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 70px;
    margin: 0 0 10px 10px;
    padding: 7px 7px;
    width: 300px;
	-webkit-box-shadow: inset 5px 5px 5px 0px #d1d1d1;        
    box-shadow: inset 5px 5px 5px 0px #d1d1d1;
}

.submit-box{ margin:0 0 0 110px;}

.address-box{ width:300px; float:right;}
.img-icon{float:left; margin:0 12px 10px 0;}

.bottom-strip{ height:30px; padding:10px; background:#1a1a1a;}
.bottom-strip p{font-size:11px; color:#666666;}

/*********** Slider Show ***********/

#slideshow {
    position:relative;
    height:193px;
	float:left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/********** Slide show end **************/			


/********** Slide show end **************/	
.colorshades{
	float:left;
	margin:8px;
	text-align:center;
	color:#fff;
	
}		

.colorshades_img {border-radius:5px; }

.question{ color:#fb3a44; font-weight:bold; background:url(../images/question.jpg) no-repeat left; padding:0 0 0 20px;}

.contact_padding{
padding:0 0 0 30px;
}