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

Dekkit master style sheet

author:		Arron Coda
url:		http://acoda.co.uk
date:		04th November 2008
version:	1.0

You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Arron
Coda and may not be reproduced.

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

/* =global
-----------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, li {
	margin:0;
	padding:0;
	}
	
body{
	font-family:Arial, Helvetica, sans-serif;
	background:#b9b9b9 url(images/bg.gif) repeat-x 0 0;
	}
	
h4{
	padding:0 0 10px 0;
	}
	
a{
	text-decoration:none;
	outline:none;
	}
	
a img{
border:none;
}
	
.clear{
	clear:both;
	}
	
/* =main-structure
-----------------------------------------------------------------------------*/

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

#head{
	height:80px;
	background:url(images/logo.png) no-repeat left 25px;
	}

#banner{
	padding:0 0 25px 0;
	}
	
#content{
	background:#fff;
	padding:25px 10px;
	}

#main{
	width:620px;
	}

#sidebar{
	float:right;
	width:300px;
	}

#foot{
	margin:1px 0 0 0;
	background:url(images/bg_foot.png) repeat-x 0 0;
	height:80px;
	}


/* =main_nav
-----------------------------------------------------------------------------*/

#top_nav{
	height:33px;
	background:url(images/bg_nav.png) no-repeat left top;
	}

#top_nav ul{
	padding:6px 0 0 10px;
	}

#top_nav ul li{
	font-size:12px;
	list-style-type:none;
	float:left;
	line-height:27px;
	}

#top_nav ul li a{
	display:block;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	padding:0 11px 0 11px;
	background:url(images/split_nav.png) no-repeat right top;
	}

#top_nav ul li a:hover{
	background:#969696;
		}

#top_nav ul li span a,
#top_nav ul li span a:hover{
	background:#fff;
	color:#000;
	}


/* =content
-----------------------------------------------------------------------------*/

#content h2{
	color:#f34c10;
	margin: 0 0 15px 0;
	}
	
#main h3{
	color:#000;
	margin: 0 0 15px 0;
	font-size:16px;
	}
	
#main p{
	margin:0 0 15px 0;
	}
	
#main p a,
#sidebar p a {
	color:#f34c10;
	text-decoration:underline;
	}
	
#main p a:hover{
	text-decoration:none;
	}

#main ul{
	padding:0 0 15px 20px;
	}
	
#main ol{
	padding:0 0 15px 20px;
	}

#main ul li{
	padding:0 0 5px 0;
	}
	
#main ol li{
	padding:0 0 5px 0;
	}
	
/* =products
-----------------------------------------------------------------------------*/	

#main .list_products{
	padding:0;
	list-style-type:none;
	}
	
#main .list_products h4 span{
	font-weight:normal;
	}

#main .list_products li{
	padding:20px 0;
	border-bottom:1px solid #f89470;
	}

#main .list_products li .image_wrap{
	width:200px;
	float:left;
	}
	
#main .list_products li .text_wrap{
	padding:0 0 0 250px;
	}
	
.price_wrap{
	position:relative;
	}
	
.price_wrap a{
	position:absolute;
	top:0; right:5px;
	}
	
/* =gallery
-----------------------------------------------------------------------------*/
.list_gallery{
	list-style-type:none;
	}

.list_gallery li{
	float:left;
	margin:0 20px 20px 0;
	}

.list_gallery{
	list-style-type:none;
	}

.list_gallery li.end{
	margin-right:0;
	}

.list_gallery li a{
	display:block;
	border:1px solid #ccc
	}

.list_gallery li a:hover{
	display:block;
	border:1px solid #f34c10;
	}