/*=====================================
	Default Config - Start
=====================================*/

/*=====================================
	Default Config - End
=====================================*/



/*=====================================
	Default Config - Start
=====================================*/
body{ 
	background-color: #ffffff; 
	margin: 0; 
	padding: 0; 
	}

img{
	border:0px;
	}

#div-clear{
	clear:both;
	}
/*=====================================
	Default Config - End
=====================================*/

/*=====================================
	Layout - Start
=====================================*/
#all{
    position: absolute;
	background-color: #ffffff;
    margin:0 auto;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	}

/*=====================================
	Layout - End
=====================================*/

/*=====================================
	Header - Start
=====================================*/
#header-area{
	position:relative;
	height: 120px;
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #ffffff;
	}

#header-area #area-position{
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #ffffff;
    width: 1170px;
	height: auto;
	}

#header-area .logo{
	position:absolute;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
    top: 34px;
    bottom: 0;
    left: 0;
    right: 0;
	}
#header-area .companyname{
	position:absolute;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
    top:45px;
    bottom: 0;
    left: 290px;
    right: 0;
	}

#header-area .companyname{
	position:absolute;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
    top:45px;
    bottom: 0;
    left: 290px;
    right: 0;
	font-size: 28px;
	font-family: 'Droid Serif', serif;
	line-height:44px;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
	}




/*=====================================
	Header - End
=====================================*/

/*=====================================
	Menu - Start
=====================================*/
#menu-main-area{
	position:relative;
	height: 44px;
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #e1e0e0;
	}

#menu-main-area #area-position{
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #e1e0e0;
    width: 1170px;
	height: auto;
	}

#menu-main-area a.btn-mainmenu-home{
	position:absolute;
	display:block;
	height: 44px;
	width: 157px;
	background: #5e5652;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 18px;
	font-family: 'Hind', sans-serif;
	line-height:44px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
    top:0px;
    bottom: 0;
    left: 0px;
    right: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	transition: all 0.5s ease;
	}
#menu-main-area a.btn-mainmenu-aboutus{
	position:absolute;
	display:block;
	height: 44px;
	width: 157px;
	background: #5e5652;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 18px;
	font-family: 'Hind', sans-serif;
	line-height:44px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
    top:0px;
    bottom: 0;
    left: 157px;
    right: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	transition: all 0.5s ease;
	}
#menu-main-area a.btn-mainmenu-products{
	position:absolute;
	display:block;
	height: 44px;
	width: 157px;
	background: #5e5652;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 18px;
	font-family: 'Hind', sans-serif;
	line-height:44px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
    top:0px;
    bottom: 0;
    left: 313px;
    right: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	transition: all 0.5s ease;
	}
#menu-main-area a.btn-mainmenu-contactus{
	position:absolute;
	display:block;
	height: 44px;
	width: 157px;
	background: #5e5652;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 18px;
	font-family: 'Hind', sans-serif;
	line-height:44px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
    top:0px;
    bottom: 0;
    left: 470px;
    right: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	transition: all 0.5s ease;
	}

#menu-main-area a.btn-mainmenu-home:hover{
	background: #989390;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	}
#menu-main-area a.btn-mainmenu-aboutus:hover{
	background: #989390;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;

	}
#menu-main-area a.btn-mainmenu-products:hover{
	background: #989390;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	}
#menu-main-area a.btn-mainmenu-contactus:hover{
	background: #989390;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	}

#menu-main-area a.btn-mainmenu-home-current{
	position:absolute;
	display:block;
	height: 44px;
	width: 157px;
	background: #372b57;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 18px;
	font-family: 'Hind', sans-serif;
	line-height:44px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
    top:0px;
    bottom: 0;
    left: 0px;
    right: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	transition: all 0.5s ease;
	}
#menu-main-area a.btn-mainmenu-aboutus-current{
	position:absolute;
	display:block;
	height: 44px;
	width: 157px;
	background: #372b57;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 18px;
	font-family: 'Hind', sans-serif;
	line-height:44px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
    top:0px;
    bottom: 0;
    left: 157px;
    right: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	transition: all 0.5s ease;
	}
#menu-main-area a.btn-mainmenu-products-current{
	position:absolute;
	display:block;
	height: 44px;
	width: 157px;
	background: #372b57;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 18px;
	font-family: 'Hind', sans-serif;
	line-height:44px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
    top:0px;
    bottom: 0;
    left: 313px;
    right: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	transition: all 0.5s ease;
	}
#menu-main-area a.btn-mainmenu-contactus-current{
	position:absolute;
	display:block;
	height: 44px;
	width: 157px;
	background: #372b57;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 18px;
	font-family: 'Hind', sans-serif;
	line-height:44px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
    top:0px;
    bottom: 0;
    left: 470px;
    right: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #817c79;
	transition: all 0.5s ease;
	}



#menu-main-area #huntingline{
	position:absolute;
	height: 44px;
	width: 542px;
	padding: 0px 0px 0px 0px; 
	margin:  0px 0px 0px 0px;
    top:0px;
    bottom: 0;
    left: 627px;
    right: 0;
	line-height:40px;
	background: none;
	}
#menu-main-area #huntingline .huntingline-text{
	position:absolute;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
    top:0px;
    bottom: 0;
    left: 120px;
    right: 0;
	}
#menu-main-area #huntingline .huntingline-number{
	position:absolute;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
    top:0px;
    bottom: 0;
    left: 250px;
    right: 0;
	font-weight: bold;
	color: #372b57;
	}

/*=====================================
	Menu - End
=====================================*/

/*=====================================
	Slide - Start
=====================================*/
#slide-main-area{
	position:relative;
	height: 336px;
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #b9b9b9;
	}

#slide-main-area #area-position{
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
    width: 1170px;
	height: auto;
	background: #b9b9b9;
	}

#slide-main-area-googlemap{
	position:relative;
	height: 336px;
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #b9b9b9;
	}

#slide-main-area-googlemap #area-position{
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
    width: 1170px;
	height: auto;
	background: #b9b9b9;
	}


/*=====================================
	Slide - End
=====================================*/


/*=====================================
	body - Start
=====================================*/

/*-- IndexPage-Body --*/
#body-index-area{
	position:relative;
	height: auto;
	width: 100%;
	padding: 20px 0px 0px 0px; /* 20px padding top */
	margin:0 auto;
	background: #ffffff;
	}

#body-index-area #area-position{
	position:relative;
	padding: 20px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #ffffff;
    width: 1170px;
	height: auto;
	min-height: 420px;
	}

#body-index-area #area-position #box-left-area{
	float:left;
	padding: 0px 0px 0px 0px; 
	width: 631px;
	min-height: 400px;
	top: 0px;
	bottom:0px;
	left: 0px;
    right: 0px;
	background: none;
    border-right: 1px solid #e5e5e5;
	}
#body-index-area #area-position #box-center-area{
	float:left;
	padding: 0px 0px 0px 0px; 
	width: 262px;
	min-height: 400px;
	top: 0px;
	bottom:0px;
	left: 632px;
    right: 0px;
	background: none;
    border-right: 1px solid #e5e5e5;
	}
#body-index-area #area-position #box-right-area{
	float:left;
	padding: 0px 0px 0px 0px; 
	width: 275px;
	min-height: 400px;
	top: 0px;
	bottom:0px;
	left: 895px;
    right: 0px;
	background: none;
	}

#body-index-area #area-position #box-left-area img{
	padding: 0px 30px 80px 10px; 
	margin: 0px 0px 0px 0px;
	background: none;
	}
#body-index-area #area-position #box-left-area #text-area{
	padding: 0px 20px 0px 20px; 
	margin: 0px 0px 0px 0px;
	background: none;
	}

#body-index-area #area-position #box-right-area #product-img-area{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px;
	background: none;
	}
#body-index-area #area-position #box-right-area img{
	padding: 2px 2px 2px 2px; 
	margin: 0px 3px 3px 0px;
	/*
	height: auto;
	width: 109px;
	*/
	background: none;
    border-radius: 5px;
    border: 1px solid #bebebe;
	}

#body-index-brand-area{
	position:relative;
	/*
	height: 200px;
	*/
	height:auto;
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #372b57;
	}

#body-index-brand-area #area-position{
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #372b57;
    width: 1170px;
	height: auto;
	}

#body-index-brand-area #area-position #brand-img-area{
	/*
	position:absolute;
	height: 112px;
	*/
	height: auto;
	width: 1170px;
	padding: 0px 0px 20px 0px; 
	margin: 0px 0px 0px 0px; 
	top: auto;
	bottom:auto;
	left: 0px;
    right: 0px;
	background: none;
	text-align:center;
	}

#body-index-brand-area #area-position #brand-img-area img{
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 5px; 
	/*
	height: auto;
	width: 150px;
	*/
    border-radius: 5px;
    border: 1px solid #7e7e7e;
	}

/*-- IndexPage-AboutUs --*/
#body-aboutus-area{
	position:relative;
	height: auto;
	width: 100%;
	padding: 20px 0px 0px 0px; /* 20px padding top */
	margin:0 auto;
	background: #ffffff;
	}

#body-aboutus-area #area-position{
	position:relative;
	padding: 20px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #ffffff;
    width: 1170px;
	height: auto;
	min-height: 420px;
	}
#body-aboutus-area #area-position #box-left-area{
	float:left;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 631px;
	min-height: 400px;
	top: 0px;
	bottom:0px;
	left: 0px;
    right: 0px;
	background: none;
    border-right: 1px solid #e5e5e5;
	}
#body-aboutus-area #area-position #box-right-area{
	float:left;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 538px;
	min-height: 400px;
	top: 0px;
	bottom:0px;
	left: 632px;
	right: 0px;
	}

#body-aboutus-area #area-position #box-left-area img{
	padding: 0px 30px 80px 10px; 
	margin: 0px 0px 0px 0px;
	background: none;
	}
#body-aboutus-area #area-position #box-left-area #text-area{
	padding: 0px 20px 0px 20px; 
	margin: 0px 0px 0px 0px;
	background: none;
	}

#body-aboutus-area #area-position #box-right-area #brand-img-area{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px;
	background: none;
	/* -- Use Overflow
	height:330px;
	overflow:scroll; 
	overflow-x: hidden;
	*/
	}
#body-aboutus-area #area-position #box-right-area img{
	/*
	width: 150px;
	height: auto;
	*/
	padding: 2px 2px 2px 2px; 
	margin: 0px 3px 3px 0px;
	background: none;
    border-radius: 0px;
    border: 1px solid #bebebe;
	}

/*-- AboutPage-Body-Client --*/
#body-aboutus-client-area{
	position:relative;
	/*
	height: 200px;
	*/
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #372b57;

	height:auto;
	}

#body-aboutus-client-area #area-position{
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #372b57;
    width: 1170px;
	height: auto;
	}

#body-aboutus-client-area #area-position #client-img-area{
	/*
	position:absolute;
	height: 112px;
	*/
	width: 1170px;
	padding: 0px 0px 30px 0px; 
	margin: 0px 0px 0px 0px; 
	top: auto;
	bottom:auto;
	left: 0px;
    right: 0px;
	background: none;
	text-align:center;

	height: auto;
	min-height: 130px;
	}

#body-aboutus-client-area #area-position #client-img-area img{
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 5px 5px; 
	/*
	height: auto;
	width: 150px;
	*/
    border-radius: 5px;
    border: 1px solid #7e7e7e;
	}


/*-- ProductPage-Body --*/
#body-product-area{
	position:relative;
	height: auto;
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #ffffff;
	}
#body-product-area #area-position{
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #ffffff;
    width: 1170px;
	height: auto;
	min-height: 420px;
	}

#body-product-area #area-position #box-left-area{
	float:left;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 220px;
	min-height: 400px;
	top: 0px;
	bottom:0px;
	left: 0px;
    right: 0px;
	background: #372b57;
	}

#body-product-area #area-position #box-right-area{
	float:left;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 950px;
	min-height: 400px;
	top: 0px;
	bottom:0px;
	left: 220px;
	right: 0px;
	}

/*-- ProductPage-Body-PageNavControl --*/
#body-product-area #area-position #box-right-area #page-nav-area{
	position:relative;
	padding: 10px 0px 10px 0px; 
	margin: 0px 0px 20px 0px; 
	width:950px;
	height:30px;
	background:none;
	}

#body-product-area #area-position #box-right-area #page-nav-area .page{
	float:left;
	padding: 0px 10px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	width:60px;
	height:30px;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:30px;
	color: #5c5b5b;
	background:none;
	}

#body-product-area #area-position #box-right-area #page-nav-area .totalpage{
	float:left;
	padding: 0px 10px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	width:120px;
	height:30px;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:30px;
	color: #5c5b5b;
	background:none;
	}

#body-product-area #area-position #box-right-area #page-nav-area .pagenumber{
	float:left;
	min-width:680px;
	width:auto;
	height:30px;
	line-height:30px;
	background:none;
	}

#body-product-area #area-position #box-right-area #page-nav-area #page-nav-menu{
	position:absolute;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width:auto;
	height:30px;
	line-height:30px;
	background:none;
	}

#body-product-area #area-position #box-right-area #page-nav-area #page-nav-menu ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:none;
	}
#body-product-area #area-position #box-right-area #page-nav-area #page-nav-menu ul li{
	display: inline;
	}
#body-product-area #area-position #box-right-area #page-nav-area #page-nav-menu ul li a{
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
	background:#f4f4f4;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:30px;
	color: #000000;
	text-decoration: none;
	border-radius: 3px;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc #989898 #989898 #cccccc;
	}
#body-product-area #area-position #box-right-area #page-nav-area #page-nav-menu ul li a:hover{
	background:#b9b9b9;
	color: #000000;
	text-decoration: none;
	}
#body-product-area #area-position #box-right-area #page-nav-area #page-nav-menu ul li a.current{
	background:#b9b9b9;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}

/*-- ProductPage-Body-GridView --*/
#body-product-area #area-position #box-right-area #grid-view-area{
	position:relative;
	padding: 10px 0px 10px 0px; 
	margin: 0px 0px 0px 0px; 
	width:950px;
	height:auto;
	background:none;
	}

#body-product-area #area-position #box-right-area #grid-view-area #product-box-area{
	float:left;
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 25px 25px;
	width:280px;
	height:auto;
	min-height:350px;
	text-align:center;
	background: #e0e0e0;
	}

#body-product-area #area-position #box-right-area #grid-view-area #product-box-area img{
	padding: 10px 0px 10px 0px; 
	margin: 0px 0px 0px 0px;
	width:260px;
	height:260px;
	background: none;
	}

#body-product-area #area-position #box-right-area #grid-view-area #product-box-area #text-area{
	word-wrap: break-word;
	width:auto;
	padding: 5px 10px 15px 10px; 
	margin: auto; 
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:22px;
	background:none;
	}

#body-product-area #area-position #box-right-area #grid-view-area #product-box-area a{
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:22px;
	color: #5c5b5b;
	text-decoration: none;
	}
#body-product-area #area-position #box-right-area #grid-view-area #product-box-area a:hover{
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:22px;
	color: #1a1a1a;
	text-decoration: underline;
	}




/*-- ContactPage-ContactUs --*/
#body-contactus-area{
	position:relative;
	height: auto;
	width: 100%;
	padding: 20px 0px 0px 0px; /* 20px padding top */
	margin:0 auto;
	background: #ffffff;
	}

#body-contactus-area #area-position{
	position:relative;
	padding: 20px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #ffffff;
    width: 1170px;
	height: auto;
	min-height: 420px;
	}
#body-contactus-area #area-position #box-left-area{
	float:left;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 631px;
	min-height: 460px;
	top: 0px;
	bottom:0px;
	left: 0px;
    right: 0px;
	background: none;
    border-right: 1px solid #e5e5e5;
	}
#body-contactus-area #area-position #box-right-area{
	float:left;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 538px;
	min-height: 460px;
	top: 0px;
	bottom:0px;
	left: 632px;
	right: 0px;
	}





/*=====================================
	body - End
=====================================*/

/*=====================================
	Footer - Start
=====================================*/
#footer-area{
	position:relative;
	height: 450px;
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #e1e0e0;
	}

#footer-area #area-position{
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #e1e0e0;
    width: 1170px;
	height: auto;
	}

#footer-area #area-position #contact-area{
	position:absolute;
	padding: 0px 0px 0px 0px; 
	height: 400px;
	width: 415px;
	top: 0px;
	bottom:0px;
	left: 0px;
    right: 0px;
	background: none;
	}

#footer-area #area-position #googlemap-index-area{
	position:absolute;
	padding: 0px 0px 0px 0px; 
	height: 400px;
	width: 755px;
	top: 0px;
	bottom:0px;
	left: 415px;
    right: 0px;
	text-align:center;
	background: none;
	}
#footer-area #area-position #googlemap-index-area .googlemap{
	padding: 20px 10px 10px 10px; 
	margin: 0px 0px 0px 0px;
	}
#footer-area #area-position #copyright-area{
	position:absolute;
	padding: 0px 0px 0px 0px; 
	height: 50px;
	width: 1170px;
	top: 400px;
	bottom:0px;
	left: 0px;
    right: 0px;
	background: #cfcdcd;
	text-align:center;
	}

/*-- Footer-contact --*/
#footer-area-contact{
	position:relative;
	height: 50px;
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #e1e0e0;
	}

#footer-area-contact #area-position{
	position:relative;
	padding: 0px 0px 0px 0px; 
	margin:0 auto;
	background: #e1e0e0;
    width: 1170px;
	height: auto;
	}


#footer-area-contact #area-position #copyright-area{
	position:absolute;
	padding: 0px 0px 0px 0px; 
	height: 50px;
	width: 1170px;
	top: 0px;
	bottom:0px;
	left: 0px;
    right: 0px;
	background: #cfcdcd;
	text-align:center;
	}





/*=====================================
	Footer - End
=====================================*/


/*=====================================
	Font - Start
=====================================*/
/*- h1 -*/
h1{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	font-size: 25px;
	font-family: 'Archivo Narrow', sans-serif;
	}
h1.color-1{
	color: #ffffff;
	}
h1.color-2{
	color: #000000;
	}
h1.welcome-index{
	padding: 20px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}
h1.productcategory-index{
	padding: 20px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}
h1.product-index{
	padding: 20px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}
h1.brands-index{
	padding: 10px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}
h1.client-index{
	padding: 10px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}
h1.contact-index{
	padding: 10px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}
h1.welcome-aboutus{
	padding: 20px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}

h1.brands-product{
	padding: 20px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}
h1.categories-product{
	padding: 20px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}

h1.brand_categories-product {
	text-transform: uppercase;
	padding: 20px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}

h1.welcome-contactus{
	padding: 20px 0px 10px 10px; 
	margin: 0px 0px 0px 0px; 
	}



/*- h2 -*/
h2{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	font-size: 18px;
	font-family: 'Archivo Narrow', sans-serif;
	}
h2.color-1{
	color: #4a4a4a;
	}
h2.color-2{
	color: #777777;
	}

	
h2.companyname-index{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	}
h2.welcome-index{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	}

p.contactinfo-index{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:24px;
	color: #5c5b5b;
	}
p.copyright-footer{
	padding: 10px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 14px;
	font-family: 'PT Sans Narrow', sans-serif;
	line-height:20px;
	color: #000000;
	}

p.text-index{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:24px;
	color: #5c5b5b;
	}
/*=====================================
	Font - End
=====================================*/

/*=====================================
	List - Start
=====================================*/

/*-- Index-List --*/
#list-1 ul.arrow-1{
    list-style-image: url('../images/ico_arrow.gif');
	}
#list-1 ul.arrow-1 a{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:24px;
	color: #5c5b5b;
	text-transform: uppercase;
	text-decoration: none;
	}
#list-1 ul.arrow-1 a:hover{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:24px;
	color: #000000;
	text-transform: uppercase;
	text-decoration: underline;
	}

/*-- Product-List --*/
#list-1 ul.arrow-2{
	padding: 0px 10px 0px 40px; 
	margin: 10px 0px 30px 0px; 
	list-style-image: url('../images/ico_arrow_2.gif');
	background:none;
	}

#list-1 ul.arrow-2 li{
	padding: 0px 0px 8px 0px; 
	margin: 0px 0px 0px 0px; 
	}

#list-1 ul.arrow-2 a{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:20px;
	color: #d8d8d8;
	text-transform: uppercase;
	text-decoration: none;
	word-wrap: break-word;
	}
#list-1 ul.arrow-2 a:hover{
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:20px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: underline;
	word-wrap: break-word;
	}

/*=====================================
	List - End
=====================================*/


/*=====================================
	button - start
=====================================*/
#button{
	position:absolute;
	display:block;
	background: #272727;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 10px; 
	transition: all 0.5s;
	cursor: pointer;
	}
#button a{
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:35px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	}
#button a:after{
	content: '»';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
	}
#button:hover a{
	padding-right: 25px;
	}
#button:hover a:after{
	opacity: 1;
	right: 0;
	}

.btn-contactus{
	height: 35px;
	width: 130px;
	}
.btn-viewall{
	height: 35px;
	width: 120px;
	margin: 0px 0px 0px 20px; 
	padding: 0px 0px 0px 0px; 
	}
.btn-readmore{
	height: 35px;
	width: 130px;
	}


/*=====================================
	button - end
=====================================*/
/*=====================================
	Form- Start
=====================================*/
#contactform{
	position:relative;
	height: auto;
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin:0 auto;
	background: none;
	}

#contactform #system-message{
	padding: 0px 0px 0px 0px;
    margin: 0 auto;
	width:450px;
	background: none;
	}
#contactform #system-message p{
	line-height:20px;
	color: #000000;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	}
#contactform #system-message p.success{
	padding: 3px;
    margin: 0px 0px 10px 0px;
	border: 1px solid #00bd62;
	background: #00bd62;
	border-radius: 5px 5px 5px 5px;
	}
#contactform #system-message p.failed{
	padding: 3px;
    margin: 0px 0px 10px 0px;
	border: 1px solid #fc5959;
	background: #fc5959;
	border-radius: 5px 5px 5px 5px;
	}


#contactform form span.required{
	}
#contactform form span.required:before{
	background: none;
	color: #fc5959;
	content: '*';
	}
#contactform input.required, textarea.required{
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
    width: 400px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fc5959;
	color:#5c5b5b;
	background:#ffdddd;
	}
#contactform label.required{
	color: #fc5959;
	}

#contactform form{
	padding: 0px 0px 0px 0px;
    margin: 0 auto;
	width:550px;
	background: none;
	}

#contactform label{
    display: inline-block;
	padding: 0px 0px 0px 0px; 
	margin: 0px 5px 0px 0px; 
    width: 85px;
    text-align: right;
	font-size: 16px;
	font-family: 'Archivo Narrow', sans-serif;
	color: #4a4a4a;
	font-weight: bold;
	background: none;
	}
#contactform form div + div {
	margin: 10px 0px 0px 0px;
	background:none;
	}

#contactform input, textarea{
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
    width: 400px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
	color:#5c5b5b;
	}
#contactform input{
	height:25px;
	line-height:25px;
	}
#contactform textarea{
	line-height:25px;
	height:150px;
    vertical-align: top;
    resize: vertical;
	}

#contactform input:focus{
	background: #eaeaea;
	}
#contactform textarea:focus{
	background: #eaeaea;
	}


#contactform #button{
	position:absolute;
	display:block;
	background: #272727;
	text-align:center;
	padding: 0px 0px 0px 0px; 
	margin: 10px 0px 0px 90px; 
	transition: all 0.5s;
	cursor: pointer;
	height: 35px;
	width: 100px;
	}
#contactform #button button{
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:35px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	height: 35px;
	width: 100px;
	background: none;
	border:none;
	}

#contactform #button button:after{
	content: '»';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
	width: 70px;
	}
#contactform #button:hover button{
	padding-right: 25px;
	}
#contactform #button:hover button:after{
	opacity: 1;
	right: 0;
	}
#contactform #button:hover button.btn-contactus-send{
	height: 35px;
	width: 100px;
	}


/*=====================================
	Form- End
=====================================*/


/*test code below*/