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



/* ================ WEBSITE GLOBAL CSS ================ */

html {
	margin: 0;
}

h3 {
	margin: 0;
}

p {
	text-align: justify;
	padding:0 0 0 30px;
}

a {
	text-decoration: none;
}

body {
	margin: 0px;
	font-family: sans-serif, "arial", "Times New Roman";
	//background-image: url('../img/content_bg.gif');
	font-size:14px;
	color: #000;

}

li {
	list-style-type: none;
}

#container {
	margin: 0 auto;
	width: 1200px;
}

#wrapper {
	background: #fff;
}

/* ================ HEADER CSS ================ */

header {
	height: auto;
	width: 1200px;
}

.logo {
	margin-left: 10px;
	float: left;
}

.top-products {
	float: right;
	margin-right: 10px;
	margin-top: 20px;
}

/* ================ NAVIGATION CSS ================ */

.product-disc {
	width: 660px;background-repeat:repeat-x;background-repeat:repeat-y;
	line-height:22px;
	font-family: calibri;
	
	font-size: 18px;
	line-height: 20px;
	padding: 8px 0 0 0px;
	
	
}



#menu {
	height: 50px;
	width: 100%;
	background: #000;
	
	/* Gradient Background */
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #030303),
	color-stop(1, #585858)
	);
	background-image: -o-linear-gradient(top, #030303 0%, #585858 100%);
	background-image: -moz-linear-gradient(top, #030303 0%, #585858 100%);
	background-image: -webkit-linear-gradient(top, #030303 0%, #585858 100%);
	background-image: -ms-linear-gradient(top, #030303 0%, #585858 100%);
	background-image: linear-gradient(to top, #030303 0%, #585858 100%);
	clear: both;
}

.search {
	float: right;
	margin: 2px 20px 0 0;	
}

.search-bar {
	height: 38px;
	padding-left: 10px;
	border-radius: 20px 0 0 20px;
	border: 0px;

}

.search-btn {
	width: 40px;
	height: 40px;
	font-weight: bold;
	padding: 10px;
	border: 0px;
	margin: 2px 0 0 0;
	border-radius: 0 20px 20px 0;
	

	/* Gradient Background */
	background-image: -webkit-gradient(
	linear,
	right bottom,
	right top,
	color-stop(0, #FFCC00),
	color-stop(1, #E09D00)
	);
	background-image: -o-linear-gradient(top, #FFCC00 0%, #E09D00 100%);
	background-image: -moz-linear-gradient(top, #FFCC00 0%, #E09D00 100%);
	background-image: -webkit-linear-gradient(top, #FFCC00 0%, #E09D00 100%);
	background-image: -ms-linear-gradient(top, #FFCC00 0%, #E09D00 100%);
	background-image: linear-gradient(to top, #FFCC00 0%, #E09D00 100%);

}

nav {
	float: left;
}

nav ul {
	margin-left: 0px;
}

nav ul li {
	padding: 0 5px;
	float: left;
	margin-right: -7px;
	display: block;
}

nav ul li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

nav ul li a:hover {
	color: #FFCC00;
	text-decoration:underline;
}



nav {
	float: left;
}

nav ul {
	margin-left: 0px;
}

nav ul li {
	padding: 0 5px;
	float: left;
	margin-right: -7px;
	display: block;
}

nav ul li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

nav ul li a:hover {
	color: #FFCC00;
	text-decoration:underline;
}







nav1 {
	float: left;
}

nav1 ul {
	margin-left: 0px;
}

nav1 ul li {
	padding: 0 5px;
	float: left;
	margin-right: -7px;
	display: block;
}

nav1 ul li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

nav1 ul li a:hover {
	color: #FFCC00;
	text-decoration:underline;
}



nav1 {
	float: left;
}

nav1 ul {
	margin-left: 0px;
}

nav1 ul li {
	padding: 0 5px;
	float: left;
	margin-right: -7px;
	display: block;
}

nav1 ul li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

nav1 ul li a:hover {
	color: #FFCC00;
	text-decoration:underline;
}


/* ================ HOME PRODUCT CSS ================ */

.content {
	width: 880px;
	float: right;
}

#content-wrapper {
	background: #fff;
	position: absolute;
	width: 1200px;
}

#title {
	height: 32px;
	color: #fff;

	/* Gradient Background */
	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0, #013E7B),
	color-stop(1, #62A7ED)
	);
	background-image: -o-linear-gradient(left, #013E7B 0%, #62A7ED 100%);
	background-image: -moz-linear-gradient(left, #013E7B 0%, #62A7ED 100%);
	background-image: -webkit-linear-gradient(left, #013E7B 0%, #62A7ED 100%);
	background-image: -ms-linear-gradient(left, #013E7B 0%, #62A7ED 100%);
	background-image: linear-gradient(to left, #013E7B 0%, #62A7ED 100%);
}

.title {
	padding: 5px;
	margin: 0;
        font-size: 17px;
       font-weight: bold;
}

#banner {
	width: 880px;
	height: 407px;
	background: #ABC4DB;
}

#product-box {
	min-height: 258px;
	
	/* Gradient Background */
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #ABC4DB),
		color-stop(1, #FFFFFF)
	);
	background-image: -o-linear-gradient(bottom, #ABC4DB 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #ABC4DB 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #ABC4DB 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #ABC4DB 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #ABC4DB 0%, #FFFFFF 100%);	

}

.product {
	margin: 20px 0 0 50px;
	position: absolute;
	padding: 20px 0;
}

.product img {
	border-radius: 10px;
}

/* ================ ASIDE CSS ================ */

aside {
	width: 320px;
	float: left;
}

.sidebar {
	background: #dadada;
}

.box ul {
	padding: 0;
	margin: 0;
}

.box h3 {
	color: #e09e00;
}

.divider {
	border-top: 1px dashed #666666;
    margin: 10px 10px;
}

.aside-nav ul li {
	padding: 10px;
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #FFFFFF),
	color-stop(1, #DFDFDF)
	);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background-image: linear-gradient(to top, #FFFFFF 0%, #DFDFDF 100%);
	
	border-bottom: 3px solid #b5b5b5;
	color: #054e9b;
	font-size: 15px;
}

.aside-nav ul li a {
	display: block;
}

.aside-nav ul li:hover {
	background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0, #E7A50C), color-stop(1, #FDE988) );
	background-image: -o-linear-gradient(right, #E7A50C 0%, #FDE988 100%);
	background-image: -moz-linear-gradient(right, #E7A50C 0%, #FDE988 100%);
	background-image: -webkit-linear-gradient(right, #E7A50C 0%, #FDE988 100%);
	background-image: -ms-linear-gradient(right, #E7A50C 0%, #FDE988 100%);
	background-image: linear-gradient(to right, #E7A50C 0%, #FDE988 100%);
	border-bottom: 3px solid #b5b5b5;
	color: #054e9b;
	font-weight: bold;	
}

.aside-contact {
	padding: 10px;
}

.aside-contact p {
	text-align: left;
}


/* ================ SUB MENU ================ */

.aside-nav ul li ul li {
padding: 5px 0;
border-bottom: 1px solid #000;
background: none;
margin-left: 10px;
font-size: 13px;
}

.aside-nav ul li ul li a {
  color: #000;
  font-weight: normal;
}

.aside-nav ul li ul li ul li {
padding: 5px 0;
border-bottom: 1px solid #000;
background: none;
margin-left: 10px;
font-size: 13px;
}

.aside-nav ul li ul li ul li a {
  color: #000;
  font-weight: normal;
}


/* ================ FOOTER CSS ================ */

footer {
	height: 10px;
	background: #3e3e3e;
	padding: 20px;
	color: #fff;
	clear: both;
}

footer a{
	color: #fee63e;
	text-decoration: none;
}	

.copyright {
	float: left;
}

#footer-menu {
	float: right;
}

#footer-menu a {
	color: #fff;
}


.cantent{margin:-190px 0 0 220px;line-height:30px;font-family:'Times New Roman', Times, serif; font-size:18px  }
.cantent1{ margin:-298px -1px 0 244px;line-height:30px;font-family:'Times New Roman', Times, serif; font-size:18px  }
.cantent2{margin:-190px 0 0 150px;line-height:30px;font-family:'Times New Roman', Times, serif; font-size:18px}
.cantent3{margin:-492px -1px 0 311px;line-height:30px;font-family:'Times New Roman', Times, serif; font-size:18px  }
.cantent4{margin:-370px -1px 0 350px;line-height:30px;font-family:'Times New Roman', Times, serif; font-size:18px  }

.section{background-color:#F0E9CF}