/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}/*MAIN*/

html,body
{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;	
}

font-face {  
  font-family: " Novecentowide-DemiBold ";  
  src:url(../FT/Novecentowide-DemiBold.otf); /* IE */  
  src: local(" Novecentowide-DemiBold  "), url(../FT/Novecentowide-DemiBold.otf ) format("truetype"); /* non-IE */  
  
}  

font-face {  
  font-family: " Novecentowide-Normal ";  
  src:url(../FT/Novecentowide-Normal.otf); /* IE */  
  src: local(" Novecentowide-Normal  "), url(../FT/Novecentowide-Normal.otf ) format("truetype"); /* non-IE */  
  
}  

font-face {  
  font-family: " HelveticaNeue ";  
  src:url(../FT/HelveticaNeue.dfont); /* IE */  
  src: local(" HelveticaNeue "), url(../FT/HelveticaNeue.dfont ) format("truetype"); /* non-IE */  
  
}  



body
{
	line-height: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;	
	background:url(../img/wrap_bg.jpg) top center repeat-y #FFF;;
	
	
}

h1
{
	font-size: 200%;
}
h2
{
	font-size: 150%;
}

h1, h2, p
{
	margin-bottom: 10px;	
}


#wrapper
{
	width: 1020px;
	margin:0 auto;
	padding: 15px;;
	margin-top:-15px;
	
	
	
}

#logo{
	position:absolute;
	z-index:-1;
	margin:;
	
	
	
	}



#navigation
{
	
	float: left;
	width: 100%;
	position:relative;
	left:0;
	
	
	
}

#navigation a{
	color:#FFF;
	text-decoration:none;
	}
	
#nav1{
	Background:url(../img/nav1_bg.png);
	width:1020px;
	height:37px;
	}
	
#nav1 ul{
	margin-left:120px;
	
	}
	
#nav1 ul li{
	float:left;
	margin-top:10px;
	}
	
#nav1 ul li a{
	margin-left:70px;
	font-family:Novecentowide-DemiBold;
	
}
	
#nav2{
	Background:url(../img/nav2_bg.png);
	width:513px;
	height:28px;
	margin-top:-3px;
	float:right;
	}
	
#nav2 ul li{
	float:left;
	margin:10px;
	margin-left:30px;
	margin-top:5px;
	}
	
#nav2 ul li a{
	font-family:Novecentowide-Normal;
}


#nav1 ul li a.active
{
	float:;
	color:#89b93f;
	
}

/*..................SLIDER.......................................*/



/*slider frame*/
#sliderFrame {position:relative; margin-top:140px;}      
        

#slider 
{
    width:960px;height:300px;/* Make it the same size as your images */
	background:transparent url(../img/slider/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*this makes the image slider center-aligned. Remove this line if you want to align the whole slider to the left side*/
}
#slider img {
	position:absolute;
	border:none;
	visibility:hidden;
}

/* the link style (if slide image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}










/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:280px; left:840px; /* Its position is relative to the #slider. Don't set #slider "overflow:hidden;" if bullets are to be positioned outside of the #slider. */
	width:150px;
	background:none;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:14px; height:14px;
    background:transparent url(../img/slider/bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:10px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -15px;}


/*----------- navigation buttons on both sides of the slider -----------*/
.group1-Wrapper 
{
    position:absolute;
    z-index:20;
    top:80px;
    margin-left:50%;/* position it in the middle of #sliderFrame */
    width:1px;
}
a.group1-Prev, a.group1-Next
{
    width:50px;height:150px;
    background:transparent url(../img/slider/navButtons2.png); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
}
a.group1-Prev{background-position:0 0; left: -487px;}
a.group1-Next {background-position:0 -150px;left:438px;}





/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

/*..........FOOTER*...........*/

#footer{
	
	position:relative;
	margin:0;
	width:1020px;
	
	
	
	
}


/*.....................HOME PAGE.................................*/






#main_ct{
	width:960px;
	margin:auto;
	margin-top:20px;
	
}

#left{
	padding:5px;
	float:left;
	width:470px;
	
	
}

#left h2{
	color:#3b220a;
	font-family:Novecentowide-DemiBold;
	margin-bottom:20px;
	margin-top:10px;
}

#left p{
	width:472px;
	padding-right:12px;
	font-family:HelveticaNeue;
	font-size:13.5px;
	
}

#right{
	margin-left:10px;
	float:right;
	position:relative;
	
	
}

.brands{
	position:absolute;
	margin-top:20px;
}

/*.....................ABOUT PAGE................................*/



	
	
	
	

#abt_main_ct{
	width:960px;
	margin:auto;
	margin-top:20px;
	margin-bottom:56px;
	
}

#abt_left{
	
	float:left;
	width:470px;
	margin-left:10px;
	
}

#abt_left h2{
	color:#3b220a;
	font-family:Novecentowide-DemiBold;
	margin-top:10px;
	margin-bottom:20px
}

#abt_left p{
	width:460px;
	
	font-family:HelveticaNeue;
	font-size:13.5px;
}
	

#abt_right{
	float:right;
	width:470px;
	margin-bottom:26px;
	margin-right:10px;
	

	
}

/*.....................Prod PAGE................................*/


#prod_main_ct{
	width:960px;
	margin:auto;
	margin-top:20px;
	background-color:#d7c7a8;


}

/* Custom Classes
------------------------------------------------------------ */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; }  /*IE7 */


/* Filter */
dl { margin-bottom: 3em; color: #777; }
dt, dd { float: left; }
dt { margin-right: 5px; }
.filter li { float: left; background-image:url(../img/product%20pg/reg_tab.jpg); width:142px; height:31px; margin-right:4px; }
.filter li:after { content: "";}
.filter li:last-child:after { content: ""; }
.filter li a { padding: 0 10px; color: #000; text-decoration: none; }
.filter li.current  { color: #4f0d4d; background-image:url(../img/product%20pg/act_tab.jpg); width:142px; height:31px; }

/* Portfolio Items */

.portfolio{ margin-left:40px; }

.portfolio li { float: left; margin-right: 10px; margin-bottom: 2em; border: 1px solid #ccc; -moz-box-shadow: 0 5px 5px -3px #222; -webkit-box-shadow: 0 5px 5px -3px #222; box-shadow: 0 5px 5px -3px #222; }
.portfolio li:nth-child(4n) { margin-right: 0; }
.portfolio a { display: block;  text-decoration: none; }
.portfolio img { width: 210px; height: 130px; display: block;  }


#prd_footer{
	
	position:relative;
	margin:auto;
	width:1020px;
	margin-top:-20px;
	
	
	
	
}
/*.....................TEST PAGE................................*/



#test_main_ct{
	width:960px;
	margin:auto;
	margin-top:140px;
	
	background-image:url(../img/testimonial%20Pg/quote-bg.png);
	height:1032px;
	
}

#test_left{
	
	float:left;
	width:460px;
	margin-top:60px;
	margin-left:10px;
	
}

#test_left p{
	padding:5px;
	background-image:url(../img/testimonial%20Pg/quote-box.png);
	height:169px;
}
#test_left p span{
	font-style:italic;
}


#test_right{
	
	float:right;
	margin-top:60px;
	width:460px;
	margin-right:10px;
	
	
	
}

#test_right p{
	padding:5px;
	background-image:url(../img/testimonial%20Pg/quote-box.png);
	height:169px;
	
}
#test_right p span{
	font-style:italic;
}


/*.....................CONTACT PAGE..............................*/


#ct_main_ct{
	width:960px;
	margin:auto;
	margin-top:140px;
	
	background-image:url(../img/contact%20pg/cont_bg.png);
	height:927px;
	
}

#ct_left{
	
	float:left;
	width:460px;
	margin-top:80px;
	margin-left:10px;
	
}



#ct_right{
	
	float:right;
	margin-top:80px;
	background-image:url(../img/contact%20pg/ct_bg.png);
	width:460px;
	height:422px;
	margin-right:10px;
	
	

	
}

/********** contact form **********/
#contactform { margin-top:50px; margin-left:20px; padding:5px 0; }
#contactform * { color:#000; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin-left:285px; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:5px 0; color:#d8c8a9; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#contactform label span { color:#00F; }
#contactform input.text { width:420px; border:1px solid #cdcdcd; margin:2px 0; padding:5px 2px; height:16px; background:#fefefe;}
#contactform textarea { width:420px; border:1px solid #cdcdcd; margin:2px 0; padding:2px; background:#fefefe;}
#contactform li.buttons input { padding:3px 0; margin:10px 0 0 0; border:0; color:#FFF;}


#ct_footer{
	margin:auto;
	position:relative;
	margin-top:-15px;
	width:1020px;
	}