* {margin: 0; padding: 0;}

/* clearfix snippet */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* General Rules */

body { 
	font-family: Arial, Helvetica, sans-serif;
	background: #e5e4e5 url("../image/bg.jpg") repeat-x;
	color: #535354;
	font-size: 12px;
	}
	
h1 {
	font-size: 14px;
	color: black;
	display: inline;
	}
	
h2 {
	margin-top: 10px;
	font-size: 14px;
	color: #414142;
	margin-bottom: 20px;
	}
	
h3 {
	color: #414142;
	font-size: 12px;
	}
	
ul {
	list-style-type: none;
	padding-top: 5px;
	}

li{
	margin-bottom: 5px;
	}
	
a {
	font-size: 14px;
	font-weight: bold;
	color: #414142;
	text-decoration: none;
	}

.custom { color: #800020; }
#nav a:hover {
	color: #c7c7ca;
	background: #414142;
	}
	
#nav a {
	display: block;
	height: 22px;
	width: 148px;
	padding-left: 20px;	
	padding-top: 5px;
	}

.center {
	text-align: center;
	}
	
.selected {
	background: #414142;
	color: #c7c7ca;
	}
	
.f8 { font-size: 8px; }
	
.pdf {
     background: url("../image/pdf.gif") no-repeat scroll bottom left ;
     padding-left: 40px;
     padding-top: 20px;
     margin-left: 20px;
}

.goods {
	margin: 0px 29px 20px;
	float: left;
	}
	
.goods p a { 
	font-size: 12px;
	color: #535354;
	font-weight: normal;
	text-decoration: underline;
	}
	
.goods img { 
	width: 137px;
	height: 211px;
	}
	
.detail {
	height: 30px;
	width: 131px;
	background: #999;
	padding: 5px;
	}
	
.detail img {
	height: 30px;
	width: 30px;
	}
	
.detail p { padding-left: 35px; }
	
#items .detail img { border: 1px solid #414142; }

.left { float: left; }

.grey { background: #ddd; }

.lgrey { background: #ccc; }
	
/* Layout Rules */

#container {
	position: relative;
	width: 800px;
	margin: 0 auto;
	}
	
#header, #text {
	border-bottom: 2px solid #414142;
	padding-bottom: 10px;
	}
	
#header img {
	margin-left: 400px;
	}
	
#nav {
	float: left;
	width: 168px;
	border-right: 2px solid #414142;
	}
	
#main {
	float: left;
	padding-left: 20px;
	width: 600px;
	}
	
#products {
	float: left;
	padding-left: 20px;
	}
	
#items, #clients {
	margin-top: 20px;
	width: 600px;
	}
	
#items img {
	border: 2px solid #414142;
	}
	
#main #clients img {
	border: none;
	margin-bottom: 20px;
	margin-right: 30px;
	}
	
#main p { margin-bottom: 10px; }
	
#main table td { padding: 3px; text-align: center; }

#main table { margin-bottom: 20px; }
	
#main #clients table {
	margin-left: 30px;
	}
	
#items p {
	margin-top: 5px;
	width: 137px;
	}
	
#items li{
	margin-top: 15px;
	margin-bottom: 20px;
	}
	
#main img {
	border: 1px solid #414142;
	}
	
#work {
	float: right;
	padding-left: 20px;
	}
	
#work p {
	margin-bottom: 10px;
	}
	
#content {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #414142;
	}
	
#text {
	padding: 20px;
	}
	
#footer {
	margin-top: 50px;
	font-size: 10px;
	clear: both;
	}
	
#footer a {
	font-size: 10px;
	color: #535354;
	font-weight: normal;
	
	}