/* ---------- BASE ---------- */

html {
	padding: 0px;
	margin: 0px; 
	border: 0px; 
	height: 100%; 
	min-height: 100%;
	overflow: auto;
}

body {
	font-size: 12px;
	color: #8B8C8C;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	min-height: 100%;
	background: #787878;
}


ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #8D0312;
	}

a:hover, a:active {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}

a { outline: none; }

/* ---------- LAYOUT ---------- */

div#container {
	position: relative;
	width: 100%;
	margin: 0px;
	min-height: 100%; /* for modern/real browsers */
	overflow: hidden;
	background: url(../images/bg_right.gif) repeat-x top left;
	}
	div#darkred {
		width: 50%;
		background: #3B0306;
		height: 154px;
		position: absolute;
	}
div#container2 {
	position: relative;
	width: 800px;
	margin: 0px auto;
	min-height: 100%; /* for modern/real browsers */
	overflow: hidden;
	}
	
/************************/

div#header {
	display: block;
	background: url(../images/big.jpg) no-repeat top left;
	width: 800px;
	height: 180px;
}
	div#navigation {
		float: right;
		height: 79px;
		margin-top: 75px;
	}

div#main {
	width: 770px;
	padding: 30px 15px 15px;
	background: #FFFFFF url(../images/grey.gif) no-repeat top left;
	margin-top: -25px;
	display: table;
}
	.home_stuff, .contact_stuff {padding: 30px 25px 30px 25px !important;}
	div#main h3 {margin: 20px 0 20px 0; color: #9d0713; font-size: 16px; font-weight: normal;}
	div#main p {color: #555555; margin: 10px 0 0 0;}
	div#main .last {color: #555555; margin: 10px 0 30px 0;}


ul.spritenav { margin: 0px; padding: 0px; display: table; }
ul.spritenav li { list-style: none; float: left; }
ul.spritenav li a {
	background-position: 0px 0px;
	display: block;
	width: 102px;
	height: 79px;
	overflow: hidden;
}

ul.spritenav li a.maudio { width: 119px; background: url(../images/menu_audio.jpg) no-repeat scroll 0 0; }
ul.spritenav li a.mhair {  background: url(../images/menu_hair.jpg) no-repeat scroll 0 0; }
ul.spritenav li a.mclock {  background: url(../images/menu_clocks.jpg) no-repeat scroll 0 0;; }
ul.spritenav li a.melectrical {  background: url(../images/menu_electrical.jpg) no-repeat scroll 0 0; }
ul.spritenav li a.mhome {  background: url(../images/menu_home.jpg) no-repeat scroll 0 0; }
ul.spritenav li a.mcontact {  background: url(../images/menu_contact.jpg) no-repeat scroll 0 0; }

ul.spritenav li a:hover { background-position: 0px -79px; }

ul.spritenav li a span {
	line-height:200px;
}

.legend { width: 750px; font-weight: bold; color: #AAAAAA; text-align: center; background: #F4F4F4; padding: 12px 10px 8px; margin: 10px 0px 5px; }
.clearboth { clear: both; }

.ts_product { float: left; width: 160px; padding: 10px; margin: 5px 0px 0px 5px; border: 1px solid #F4F4F4; min-height: 250px; position: relative;}
.ts_product:hover { border: 1px solid #EF2308; }
	img.lightbox { max-width: 140px; max-height: 140px; }
	.ts_product a { min-height: 140px; display: block; padding: 10px 0px 0px; }
	.ts_product strong.ts_title {
		font-size: 11px;
		font-weight: bold;
		display: block;
		background: url(../images/grey.gif) no-repeat -1px -1px;
		color: #FFFFFF;
		height: 14px;
		margin: 5px 0px 5px;
		padding: 4px 6px;
	}
	.ts_product .ts_info { font-size: 12px; }
	.ts_product span.ts_model { font-size: 10px; color: #EF2308; display: block; margin-top: 3px; }
	
.pagenavcounter { display: table; clear: both; width: 750px; color: #CCCCCC; text-align: center; padding: 10px; margin: 20px 0px 0px; border-top: 1px dotted #CCCCCC; }
.pagenavbar { width: 750px; text-align: center; padding: 5px; }
	.pagenav { padding: 4px 5px 3px; border: 1px dotted #CCCCCC; color: #CCCCCC; }
	a.pagenav { border: 1px solid #999999; color: #999999; }
	a.pagenav:hover, a.current { background: #999999; color: #FFFFFF; }
	
#footer { font-size: 11px; display: table; clear: both; width: 750px; color: #AAAAAA; text-align: center; padding: 10px; }

/* CONTACT FORM */
.contact_us {color: #555555; margin: 20px 0 20px 0;}
#contact_form {float: left; width: 600px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;}
.text_field {float: left; clear: both; width: 250px; padding: 7px 5px 7px 5px; border: 1px solid #bbbbbb; margin: 7px 0 0 0; color: #888888;}
#inquiry {float: left; clear: both; width: 250px; padding: 10px 5px 10px 5px; border: 1px solid #bbbbbb; margin: 7px 0 0 0; color: #888888;}
.submit_btn {float: left; clear: both; margin: 10px 0 0 0;}