/*** GENERAL ***/
* { margin: 0; padding: 0 }
img, fieldset { border: 0 }

body {
	background: #444;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1;
}

p {
	padding-bottom: 10px;	
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }

a { color: #eee; text-decoration: underline; }
a:hover { color: #fff; text-decoration: underline; }
a.noline { text-decoration: none; }

hr {
	border: #151515 1px solid;
	margin-top: 3px;
}

.box {
	background: #333;
	border: #444 1px solid;
}

.message-success {
	background:#260;
	border:#5b0 1px solid;
}

.message-fail {
	background:#600;
	border:#b00 1px solid;
}

.title { text-shadow: #111 1px 1px 1px; }

/*** HEADER ***/
#header {
	background: #353535;	
	height: 80px; width:100%;
}

	#header-wrap {
		margin: 0 auto;
		width: 900px;
	}
	
		#header-wrap .logo {
			background: url(../images/parts/logo.png) no-repeat;
			height: 80px;
			width: 221px;
		}
	
/*** MENU ***/
#menu {
	background: #222;
	height: 30px;
	font-size: 12px;
}

	#menu-wrap {
		font-weight: bold;
		margin: 0 auto;
		width: 900px;
	}
	
		#menu-wrap ul {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		
			#menu-wrap ul li {
				float: left;
				margin: 0;
				padding: 0;
			}
				#menu-wrap ul li a {
					background: #222;
					color: #eee;
					display: block;
					float: left;
					margin: 0;
					padding: 9px 12px;
					text-decoration: none;
				}
				
				#menu-wrap ul li a:hover, #menu-wrap ul li a.active {
					background: #7a9900;
					color: #fff;
				}
				
				#menu ul li a.selected {
					background: #7a9900;
					color: #fff;
				}
				
				#menu-wrap ul li div.submenu {
					display: none;
					position: absolute;
					margin: 0;
					padding: 0;
					top: 110px;
				}
				
				#menu-wrap ul li div.submenu a {
					clear: left;
					background: #7a9900;
					height: 15px; width: 150px;
				}
				
				#menu-wrap ul li div.submenu a:hover {
					background: #a0c800;
				}

/*** MAIN ***/

#main { overflow: hidden; }

	#main-border {
		background: #333;
		padding: 15px; margin: 30px auto 0;
		width: 900px;
	}
	
		#main-wrap {
			background: #222;
			color: #eee;
			padding: 25px;
		}

/*** HOME ***/
#main-prod { height: 280px; text-shadow: #111 1px 1px 1px;}

	#main-prod .image {
		float: left;
		height: 280px; width: 345px;
		margin-left: 10px;
	}
	
	#main-prod .info {
		float: left;
		padding-left: 30px;
		width: 445px;
	}
	
		#main-prod .title {
			clear: both;
			font-size: 32px;
			font-weight: bold;
			float: left;
		}
		
		#main-prod .desc {
			clear: both;
			font-size: 20px;
			float: left;
		}
		
		#main-prod .btns {
			clear: both;
			float: left;
			padding: 20px 0;
			text-align: center;
			width: 445px;
		}
	
#news {
	padding: 10px; margin: 20px 10px 0 10px;
	text-shadow: #111 1px 1px 1px;
	width: 800px;
}
	
	#news ul li {
		display: block;
		list-style: none;
	}

#sec-prod {
	padding-top: 20px;
	height: 150px;
	text-shadow: #111 1px 1px 1px;
}

	#sec-prod .container {
		float: left;
		padding: 10px; margin: 0 10px;
	}
	
		#sec-prod .image {
			float: left;
			height: 130px; width: 130px;
			vertical-align: middle;
		}
		
		#sec-prod .info {
			float: left;
			padding-left: 15px;
			width: 235px;
		}
		
			#sec-prod .title {
				font-size: 18px;
				font-weight: bold;
			}
	
			#sec-prod .btns {
				clear: both;
				float: left;
				padding-top: 10px;
				text-align: center;
				width: 235px;
		}
		
/*** NEWS ***/

.post { padding: 15px; margin-bottom: 15px; }
	
	.post p { padding: 10px 0; }
	.post h2 { padding-bottom: 5px; }
	.post small, .post small a { color: #aaa; }
	.post ul li { margin-left: 20px; }
	
#news-back { padding-bottom: 15px }
		
/*** PRODUCTS ***/

#prods .item {
	padding: 10px; margin: 20px 0;
	overflow: auto;
	text-shadow: #111 1px 1px 1px;
}

	#prods .item .image {
			float: left;
			height: 128px; width: 128px;
			vertical-align: middle;
		}
		
		#prods .item .info {
			float: left;
			padding-left: 15px;
			width: 680px;
		}
		
			#prods .item .title {
				font-size: 26px;
				font-weight: bold;
			}
			
			#prods .item .desc {
				font-size: 18px;
			}
	
			#prods .item .btns {
				clear: both;
				float: left;
				padding-top: 10px;
				text-align: center;
				width: 680px;
			}
			
/*** END PRODUCTS ***/
			
/*** PRODUCT ***/

#prod-info-menu {
	margin: 10px 0;
	overflow: auto;
}

	#prod-info-menu ul li {
		float: left;
		list-style: none;
		line-height: 20px;
		padding: 5px 10px 5px 0;
	}
	
		#prod-info-menu ul li a {
			background: #121212;
			font-weight: bold;
			padding: 10px;
			text-decoration: none;
		}
		
		#prod-info-menu ul li a:hover, #prod-info-menu ul li a.selected { background: #666; }

#prod-info {
	padding: 20px;	
	text-shadow: #111 1px 1px 1px;
}

	#prod-info ul li {
		list-style: url(/images/parts/list-arrow.png);
		margin: 10px 20px;
	}

/*** END PRODUCT ***/

/*** DOWNLOADS ***/

.downloads { height: 200px; text-shadow: #111 1px 1px 1px; }

	.downloads .item {
		float: left;
		height: 130px; width: 200px;
		padding: 10px; margin: 10px 20px;
	}

/*** END DOWNLOADS ***/

/*** CONTACT ***/
#contact-form { text-shadow: #111 1px 1px 1px; }

	#contact-form .item { padding: 10px; margin: 10px 0; }
	
	#contact-form .item input { width: 300px; }
	#contact-form .item textarea { height: 150px; width: 300px; }
	
	#contact-form td {
		padding: 5px 0;
	}

/*** END CONTACT ***/

/*** FOOTER ***/

#footer, #footer a {
	color: #222;
	padding: 10px;
	text-align: center;	
}

/*** END FOOTER ***/