*{
	margin: 0;
	padding: 0;
}
a{
	color:#fff;
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
/*-------------------------------------------
		body
---------------------------------------------*/
body{
	width: 960px;
	margin: 0 auto;
}
body.bg-home{
	background: #000 url(./image/bg.png) top center no-repeat;
}
body.bg-products{
	background: #000 url(./image/bg-products.png) top center no-repeat;
}
body.bg-services{
	background: #000 url(./image/bg-services.png) top center no-repeat;
}
body.bg-about{
	background: #000 url(./image/bg-about.png) top center no-repeat;
}
body.bg-contact{
	background: #000 url(./image/bg-contact.png) top center no-repeat;
}

#wrapper{
	margin-top: 25px;	
	min-height: 1000px;
}
/*-------------------------------------------
		top-nav
---------------------------------------------*/
#top-nav{
	font-family: "Trebuchet MS", serif, san-serif;
	margin-top: 50px;
	margin-left: 300px;
	width: 650px;
}
#top-nav ul{
	height: 50px;
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-nav li{
}
#top-nav li a{
	height: 65px;
	line-height: 65px;
	float: left;
	width: 100px;
	color: #fff;
	text-decoration: none;
	text-align:center;
	margin-left: 5px;
}
#top-nav  li:hover a.home{
	background: url(./image/home-light.png);
	text-decoration:none;
}
#top-nav li:hover a.products{
	background: url(./image/products-light.png);
}
#top-nav li:hover a.about{
	background: url(./image/about-light.png);
}
#top-nav li:hover a.services{
	background: url(./image/services-light.png);
}
#top-nav li:hover a.contact{
	background: url(./image/contact-light.png);
}
#top-nav li:hover a.shop{
	background: url(./image/shop-light.png);
}
#top-nav li.active a.home{
	background: url(./image/home-light.png);
}
#top-nav li.active a.products{
	background: url(./image/products-light.png);
}
#top-nav li.active a.about{
	background: url(./image/about-light.png);
}
#top-nav li.active a.services{
	background: url(./image/services-light.png);
}
#top-nav li.active a.contact{
	background: url(./image/contact-light.png);
}
#top-nav li.active a.shop{
	background: url(./image/shop-light.png);
}
/*----------------------------------------------
		content
------------------------------------------------*/
#content{
	font-family: "Trebuchet MS", serif, san-serif;
	color: #fff;
	background-color:reds;
	width: 550px;
	height: 900px;
	margin-top: 25px;
	margin-left: 375px;
	
}
#content-services{
	font-family: "Trebuchet MS", serif, san-serif;
	color: #fff;
	width: 910px;
	height: 600px;
	margin-top: 25px;
	margin-left: 50px;
	margin-right: 50px;
}
#content p{
	font-size: 10pt;
}
#content-services p{
	font-size: 10pt;
}
#description{
	background: #252525;
	border: 5px solid #212121;
	padding: 15px;
	opacity: .7;
}
/*----------------------------------------------
		left menu
------------------------------------------------*/
#left-menu{
	float:left;
	height: 230px;
	background: reds;
	width: 150px;
	margin-top: 300px;
	margin-left: 50px;
	color:#fff;
	font-family: "Trebuchet MS", serif, san-serif;
	padding: 0px;
	border-right: 0px dotted #00a2ff;
	opacity: .8;
}
#left-menu ul{
	list-style:none;
}
#left-menu ul li{
	margin-top: 2px;
	margin-bottom: 2px;
}

#left-menu ul li:hover a{
	color: #00a2ff;
}
#left-menu ul li.active a{
	color: #00a2ff;
	text-decoration: none;
}
/*----------------------------------------------
		product list
------------------------------------------------*/
#product-list{
	margin-left: 300px;
	font-family: "Trebuchet MS", serif, san-serif;
	min-height: 500px;
}
.product-box{
	margin-top: 10px;
	margin-bottom: 50px;
	background:#252525;
	height: auto;
	min-height: 125px;
	border: 5px solid #212121;
}
.product-img{
	margin: 10px;
	float:left;
}
.product-title{
	color: #fff;
	margin-left: 10px;
	opacity: .8;
		
}
.product-title h3{
	font-size: 11pt;
	font-weight: 400;
}
.product-description{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 10pt;
	color: #fff;
	opacity: .7;
}
.product-description ul{
	list-style:none;
}
.product-description p{
	font-size: 10pt;
}
.product-description table{
	color: #fff;
	font-size: 10pt;
	font-weight: 400;
	font-family: "Trebuchet MS", serif, san-serif;
}
.product-price{
	background: url(./image/price-bg2.png) top center no-repeat;
	width: 65px;
	height: 65px;
	top: -40px;
	text-align:center;
	vertical-align:middle;
	color: #fff;
	float:right;
	right:-30px;
	position:relative;
}
.product-price p{
	line-height: 65px;
	text-align:center;
	vertical-align:middle;
	font-size: 10pt;
}
	
/*----------------------------------------------
		footer
------------------------------------------------*/
#footer{
	margin-top: 30px;
	font-family: "Trebuchet MS", serif, san-serif;
	color: #535353;
	font-size: 8pt;
	float:right;
	height: 50px;
	width: 300px;
	bottom: 0;
	margin-bottom: 25px;
}
#footer a{
	color: #535353;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer a:active, a:visited{
	text-decoration: none;
}