/* 
    AUTHOR: Alex Gutierrez
            itsalexg@yahoo.com
          
*/

/* Fonts */
h1 {
	font-weight : bold;
	font-size : 1.5em;
	letter-spacing : -3px;
	font-family : "Franklin Gothic Book";
	color : #333333;
	clear: left;
}
h2 {
	font-weight : bold;
	font-size : 15px;
	font-style : italic;
	letter-spacing : -1px;
	font-family : "Franklin Gothic Book";
	color : #FFFFFF;
	margin-bottom : 5px;
	margin-top : 0;
	text-align: center;
	padding-top: 2px;
}
h4 {
	font-weight : bold;
	font-size : 14px;
	letter-spacing : 0;
	font-family : "Franklin Gothic Book";
	color : #333333;
	margin-top : 125px;
}
p {
font-size : 14px;
letter-spacing : 1px;
}

h5{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	float: right;
	font-weight: lighter;
	margin: 0px;
	}
	
a,
a:link{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#990000;
}
#side_links{
	list-style-image: none;
	list-style-type: none;
	}
h6{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #333333;
	text-transform: capitalize;
	font-variant: small-caps;
	margin-left: 8px;
	letter-spacing: -1px;
	margin-bottom: 0px;
	margin-top: 5px;
}

/***** LAYOUT ******/
#container {
	width : 800px;
	margin-right : auto;
	margin-left : auto;
	border : 1px solid #999999;
	background-color : #ffffff;
	height: 1200px;
	}
#header {
	width : 800px;
	background-repeat : no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	height: 250px;
	background-image: url(q_audio_header.jpg);
}

#main_content {
	width : 590px;
	float : left;
	margin-top: 5px;
}
.divider {
background-image : url(q_audio_subhead_bar.png);
background-repeat : repeat-x;
height : 20px;
width : 800px;
}
#logo {
width : 800px;
margin-right : auto;
margin-left : auto;
height : 90px;
background-image : url(q_audio_weblogo.jpg);
background-repeat : no-repeat;
background-position : left 0%;
}
body {
	background-color : #F4F4F4;
	margin : 0;
}
#leftbar {
	width : 180px;
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #999999;
	float : left;
	height : 1150px;
	margin-right: 10px;
	margin-top: 5px;
}
.sides {
	border : 1px solid #cccccc;
	margin-right : auto;
	margin-left : auto;
	background-image : url(q_audio_dealer_img.png);
	background-repeat : no-repeat;
	margin-top : 20px;
	margin-bottom: 20px;
	width: 150px;
	height: 150px;
}
.side_nav {
	width : 150px;
	margin-right : auto;
	margin-left : auto;
	margin-top : 15px;
	padding-top : 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	overflow: auto;
}
.products {
	float : left;
	width : 152px;
	margin-right : 20px;
	padding-left : 10px;
	margin-bottom : 35px;
	padding-top : 2px;
	padding-right : 10px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#footer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F4F4F4;
	background-image: url(dj_logo_thumb.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	margin-bottom: 0px;
	height: 55px;
}


/**** VIEW ALL BUTTON */

a#inspectionBtn, a#inspectionBtn:link {
	display : block;
	width : 150px;
	height : 25px;
	background-image : url(q_audio_viewall_2.gif);
	margin-top : 10px;
	background-repeat: no-repeat;
}
a#inspectionBtn:hover {
background-position : 0 -25px;
}
#links_co {
	width: 150px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
/* MENU LAMP */
.menu_lamp {
	position : relative;
	width : 780px;
	padding : 10px;
	overflow : hidden;
	margin-top : 5px;
	margin-right : 0;
	margin-bottom : 5px;
	margin-left : 0;
	background-image : url(q_audio_nav_back.png);
	background-repeat : repeat-x;
	height: 29px;
}
.menu_lamp li {
float : left;
list-style : none;
}
.menu_lamp li.back {
	background-color : #990000;
	width : 9px;
	height : 29px;
	z-index : 8;
	position : absolute;
}
.menu_lamp li a {
	text-decoration : none;
	color : #CCCCCC;
	text-align : center;
	top : 4px;
	text-transform : uppercase;
	letter-spacing : -1px;
	z-index : 10;
	display : block;
	float : left;
	position : relative;
	overflow : hidden;
	font-size : 14px;
	margin-top : auto;
	margin-right : 25px;
	margin-bottom : auto;
	margin-left : 25px;
	font-family : Verdana;
	height : 29px;
	font-variant: normal;
	font-weight: normal;
}
.menu_lamp li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
	border : none;
	color: #333333;
}
/* LEFT LIST */
.list {
width : 150px;
}
.list_head {
	padding : 5px 10px;
	cursor : pointer;
	position : relative;
	margin : 1px;
	font-weight : bold;
	background-color : #CCCCCC;
	border-bottom-width : 1px;
	border-bottom-style : dotted;
	border-bottom-color : #333333;
	font-family : Arial, Helvetica, sans-serif;
	background-image : url(left.png);
	background-repeat : no-repeat;
	background-position : right center;
	color: #333333;
	font-variant: normal;
	font-size: 12px;
	font-style: normal;
	letter-spacing: -0.8px;
	text-transform: uppercase;
}
.list_body {
display : none;
}
.list_body a {
display : block;
color : #990000;
background-color : #efefef;
padding-left : 10px;
text-decoration : none;
font-family : "Franklin Gothic Book";
font-size : 14px;
}
.list_body a:hover {
color : #000000;
text-decoration : underline;
}
#navigation_wrap {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#contactForm {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	background-image: url(mailbox.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100px;
}
/*
 * SimpleModal Contact Form
  */

body {padding:0; margin:0; height:100%; width:100%;}

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:420px; left:50%; top:15%; margin-left:-210px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {
	color:#FFFFFF;
	margin:0;
	padding:0 0 6px 12px;
	font-size:1.2em;
	text-align:left;
	letter-spacing: 1px;
}
#left_bar_nav {
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
#contact-container .contact-loading {
	position:absolute;
	z-index:8000;
	height:55px;
	width:54px;
	margin:-14px 0 0 170px;
	padding:0;
	background-image: url(loading.gif);
	background-repeat: no-repeat;
}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:250px;}
#contact-container textarea {height:84px;}
#contact-container .contact-top {
	height:13px;
	padding:0;
	margin:0;
	background-image: url(form_top.gif);
	background-repeat: no-repeat;
}
#contact-container .contact-bottom {
	height:13px;
	font-size:.7em;
	text-align:center;
	background-image: url(form_bottom.gif);
	background-repeat: no-repeat;
}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {
	position:relative;
	top:-4px;
	text-decoration:none;
	color:#333;
}
#contact-container .contact-bottom a:hover {
	color:#333;
}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {
	width:50px;
	background-image: url(send.png);
	background-repeat: no-repeat;
}
#contact-container .contact-cancel {
	width:65px;
	background-image: url(cancel.png);
	background-repeat: no-repeat;
}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; left:400px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

.prod_header {
	height: 20px;
	width: 150px;
	margin-bottom: 10px;
	background-color: #990000;
	border: thin solid #1C1C1C;
}
.list_header_2 {
	padding : 5px 10px;
	cursor : pointer;
	position : relative;
	margin : 1px;
	font-weight : bold;
	background-color : #333333;
	border-bottom-width : 1px;
	border-bottom-style : dotted;
	border-bottom-color : #333333;
	color: #FFFFFF;
	font-variant: normal;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-family: "Franklin Gothic Book";
}
.prod_header_platinum {
	height: 20px;
	width: 150px;
	margin-bottom: 10px;
	background-color: #999999;
	border: thin solid #1C1C1C;
	}
	

ul#header_fade li img{
	list-style-type: none;
}
ul#header_fade {
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
}
.demo{
	margin-left: 60px;
	}
.copyright {
	font-family: "Times New Roman", Times, serif;
	font-size: 8px;
	color: #999999;
}
.contact_header{
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	margin-top: 5px;
	text-align: right;
}
.style1 {
	color: #333333;
	font-weight: bold;
}
#platinum_container {
	width: 590px;
	clear: right;
	float: right;
	margin-right: 18px;
	display: inline;
}