/*--------------------------
Audyssey Laboratories, Inc.
350 S. Figueroa St., Suite 233
Los Angeles, CA 90071
213-625-4300
www.audyssey.com
--------------------------*/

/*------------------------ Layout------------------------*/
body {
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: helvetica, "‚l‚r ƒSƒVƒbƒN", Osaka, generic-font;
	font-size: 12px;
	color: #000000;
	line-height: 17px;
	background: url(images/titlebar.gif) repeat-x left top;}


#titlebar {
	height: 99px;
	width: 900px;
	text-align: center;
	background-color: #000000;}

#banner {
	width: 900px;
	clear: both;}

#billboards {
	width: 900px;
	height: 178px;
	clear: both;}
	
#billboards img {
	float: left;}

#contentarea {
	width: 900px;
	clear: both;}

#contentareaNoBck {
	width: 900px;
	clear: both;}
	
#mainwrap {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;}
		
#subcontentleft {
	width: 180px;
	float: left;}

#subcontentleft02 {
	width: 127px;
	float: left;}
	
#subcontentleftpad {
	padding: 52px 12px 0 0;}


#subcontentrightpad {
	padding: 0px 0px 0 0;}


#maincontent {
	width: 540px;
	float:left;}

#maincontent02 {
	width: 640px;
	float:left;}
	
#maincontentpad {
	padding: 35px 60px 35px 36px;}

#maincontentpad02 {
	padding: 35px 0px 35px 0px;}

#maincontentpad-volvo {
	padding: 0px 40px 35px 0px;}

	
#subcontentright {
	width: 180px;
	float:left;}
	
#subcontentrightpad {
	padding: 45px 0 0 25px;}
	
#footer {
	padding: 6px 0;
	text-align: center;
	clear: both;
	width: 900px;
	margin-top: 0px;}

#footergradient {
	padding: 6px 0;
	text-align: center;
	clear: both;
	width: 900px;
	background: url(images/footergradient.jpg) left top;
	background-repeat: no-repeat;}

#multi-page-nav {
	text-align: right;
	padding-top: 10px;}


#ja-pathway {
	padding: 35px 0px 0px 0px;}




/*------------------------ Graph ------------------------*/
#graph-text {
	width: 350px;
	float: left;
	padding: 50px 25px;}
	
#graph-image {
	width: 500px;
	height: 370px;
	float: left;
	padding-top: 50px;}
	
#graph-nav {
	width: 900px;
	height: 60px;
	margin-top: 30px;
	float: left;
	clear: both;
	text-align: center;}

/*------------------------ Type ------------------------*/

h1 {
	font-family: helvetica, verdana,"‚l‚r ƒSƒVƒbƒN", Osaka, generic-font;
	color: #CC0033;
	font-weight: bold;
	font-size: 22px;
	margin-top:18px;}

h2 {
	font-size: 18px;
	line-height: 23px;
	margin-top: 0;}

h3 {
	font-size: 16px;
	line-height: 21px;
	margin-top: 0;}

h4 {
	font-size: 14px;
	line-height: 19px;
	margin: 0 0 6px 0;}

h4.normal {
	font-size: 14px;
	line-height: 19px;
	color: #333;
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-weight: normal;}

h4.normal02 {
	font-size: 16px;
	line-height: 19px;
	color: #333;
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-weight: normal;}


	
h5 {
	font-size: 12px;
	line-height: 17px;
	margin-top: 0;}
	
h5.normal {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-weight: normal;}
	
.installer-quote {
	font-size: 16px;
	line-height: 21px;
	margin-top: 0;
	padding-top: 8px;
	font-weight: normal;}

.deckhead {
	font-family:  helvetica, verdana, "‚l‚r ƒSƒVƒbƒN", Osaka, generic-font;	color: #404040;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;}


.breadcrumbs_pathway {
	font-family:  helvetica, verdana, "‚l‚r ƒSƒVƒbƒN", Osaka, generic-font;	color: #666666;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;}

.graytext {
	color: #666666;}
	
.caption {
	font-size: 12px;
	line-height: 15px;
	color: 000000;}
	
.graybold {
	color: #646464;}

.redtext {
	color: #cc0033;}

.bluetext {
	color: #373791;}

.#ffftext {
	color: #fff;}

	

/*------------------------ Link ------------------------*/

a:link { color: #0066cc; text-decoration: underline; }
a:visited { color: #0066cc; text-decoration: underline; }
a:hover { color: #0066cc; text-decoration: none; }
a:active { color: #0066cc; text-decoration: underline; }
	
a.blue:link { color: #0066cc; text-decoration: underline; }
a.blue:visited { color: #0066cc; text-decoration: underline; }
a.blue:hover { color: #0066cc; text-decoration: none; }
a.blue:active { color: #0066cc; text-decoration: underline; }

a.gray:link { color: #bfbfbf; text-decoration: underline; }
a.gray:visited { color: #bfbfbf; text-decoration: underline; }
a.gray:hover { color: #bfbfbf; text-decoration: none; }
a.gray:active { color: #bfbfbf; text-decoration: underline; }

a h1 { text-decoration: none; }

a[href^="http:"] {
	background: url(images/externallink.gif) no-repeat right top;
	padding-right: 10px;}

.none_a a[href^="http:"] {
	background: url(s.gif) no-repeat right top;
	background-position: -9999px -9999px;}

a[href^="http://www.audyssey"],
a[href^="http://test.audyssey"],
a[href^="http://test2.audyssey"],
a[href^="http://audyssey"]
{
  background: none;
  padding-right: 0;}

a[href$=".pdf"] {
	background: url(images/pdflink.gif) no-repeat right top;
	padding-right: 15px;}
	
/*------------------------ Image ------------------------*/

a img {
	border: 0px;}

.banner {
	margin-top: 15px;}
	

/*------------------------ Main Nav------------------------*/


#mainNav {
	width: 900px;
	float: left;
	font-size: 12px;
	font-family: helvetica, "‚l‚r ƒSƒVƒbƒN", Osaka, generic-font;}

#listmenu {
	height: 24px;
	float: left;}


/*---Color of main links on mouse over --*/
#listmenu ul a:hover {
	color: red;}

/*---Color of sub links on mouse over--*/
#listmenu ul li li a:hover {
	color: #fff;
  background-color: #999;}
	

#nav, #nav ul {
	float: left;
	width: 900px;
	list-style: none;
	line-height: 1;
	background: none;
	padding: 0;
	border: 20px;
	border-width: 1px 0;
	margin: 0;}

/*---Padding on first sub menu--*/

#nav ul.subfirst li a {
	padding: 6px 12px;}
	
/*---Padding on sub menus--*/
#nav ul.sub li a {
	padding: 6px 10px;}

	
/*---Main Category links--*/
#nav a {
	display: block;
	width: auto;
	color: #000;
	text-decoration: none;
	padding: 5px 0px;}
	
/*---Floats main Category Links--*/
#nav li {
	float: left;
	padding: 0;
	letter-spacing: 0px;}

/*---Color of submenu links--*/
#nav li ul a {
	width: 13em;
	w€idth: 9em;
	color: black;}


/*---Color of background links--*/

#nav li:hover, #nav li.sfhover {
	background: #fff;}


/*---Submenu <li>s--*/
#nav li li {
	width: 13em;
	background-color: #f6f6f6;
	opacity: .9;}
	

/*---Width of submenu links--*/

#nav li li a {
width: auto;}


/*---Deletes left border of submenus--*/

#listmenu ul li ul li a {
background: none;}

	
/*---Color of sublinks background --*/
#nav li ul li:hover {
background: #999;}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w€idth: 13.9em;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	z-index: 20;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;}


#listmenu .blank {
	width: 100px;
	text-align: center;}	

#listmenu .hometheater {
	width: 100px;
	text-align: center;}
	
#listmenu .tv {
	width: 70px;
	text-align: center;}

#listmenu .auto {
	width: 110px;
	text-align: center;}

#listmenu .proaudio {
	width: 110px;	
	text-align: center;}

#listmenu .tech {
	width: 110px;
	text-align: center;}
	
#listmenu .about {
	width: 80px;
	text-align: center;}
	
#listmenu .new {
	width: 100px;
	text-align: center;}
	
	
/*----- For Second Level -----*/

#nav li ul ul {
	margin: -2em 0 0 13em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;}

/*------------------------ Client Setup Popup ------------------------*/
#clientsetup-container {
	margin: 0;
	padding: 0;
	width: 720px;
	height: 338px;}

#clientsetup-bar {
	width: 720px;
	height: 50px;
	float: left;
	background-image: url(installers/installerstories/images/setuptitle.gif);
	background-repeat: no-repeat;}
	
#clientsetup-text {
	color: black;
	width: 250px;
	height: 288px;
	padding: 0 20px 0 30px;
	float: left;
	clear: both;
	background-color: #CB8F1F;
	text-align: right;}
	
#clientsetup-image {
	width: 420px;
	height: 288px;
	float: left;
	background-color: #975C20;
	text-align: left;}
	
/*------------------------ Graph Results Popup------------------------*/
#graphresult-container {
	margin: 0;
	padding: 0;
	width: 800px;}

#graphresult-bar {
	width: 800px;
	height: 50px;
	float: left;
	background-image: url(installers/installerstories/images/graphresultstitle.gif);
	background-repeat: no-repeat;}
	
#graphresult-text {
	color: black;
	width: 150px;
	padding: 10px 20px 0 30px;
	float: left;
	clear: both;
	background-color: #fff;
	text-align: right;}
	
#graphresult-image {
	width: 592px;
	float: left;
	margin-top: 25px;
	padding-left: 8px;
	text-align: left;}
	
	
/*----- BLOG -----*/
#contentarea-blog {
	width: 900px;
	background: url(images/bckblog.jpg) repeat-y left top;
	clear: both;}

#contentarea-newsletter {
	width: 900px;
	background: url(images/bcknewsletter.jpg) repeat-y left top;
	clear: both;}

#subcontentleft-newsletter {
	width: 250px;
	float: left;}
	
#subcontentleftpad-newsletter {
	padding: 30px 12px 0 0;}

#maincontent-newsletter {
	width: 640px;
	float:left;}
	
#maincontentpad-newsletter {
	padding: 35px 36px 35px 36px;}

#contentarea-blog-nobg {
	width: 900px;
	clear: both;}
	
#footergradient-blog {
	padding: 6px 0;
	text-align: center;
	clear: both;
	width: 900px;}

#leftcolumn-blog {
	width: 690px;
	float: left;}
	
#leftcolumnpad-blog {
	padding: 20px 60px 0 130px;}

#rightcolumn-blog {
	width: 210px;
	float:left;}
	
#rightcolumnpad-blog {
	padding: 10px 24px;}
		
/*------------------------ Installer Website ------------------------*/
#contentarea-installersite {
	width: 900px;
	background: url(images/bckinstallersite.jpg) repeat-y left top;
	clear: both;}
	
#leftcolumn {
	width: 260px;
	float:left;}
	
#leftcolumnpad {
	padding: 35px 12px;}

#leftcolumn a {
	text-decoration: none;}
	
#leftcolumn a:hover {
	text-decoration: underline;}

#rightcolumnpad {
	padding: 0px 36px;}
	
#rightcolumn {
	width: 640px;
	float: left;}

#footergradient-installer {
	padding: 6px 0 0 295px;
	clear: both;
	width: 605px;
	background: url(images/footergradient-installer.jpg) left top;
	background-repeat: no-repeat;}
	

/*------------------------ Products Section ------------------------*/
	
#rightcolumn-product {
	width: 660px;
	float: left;}
	
#rightcolumn-product-pad {
	padding: 35px 0px 35px 0px;}
	
#category-main {
	width: 900px;
	padding-left: 180px;}
	
#category-main-pad {
	padding-top: 45px;}
	
.category-row {
	width: 720px;}

	
.category-container {
	width: 200px;
	float: left;
	padding-right: 40px;}

.product-row {
	width: 660px;
	float: left;
	clear: both;
	margin: 10px 0 0px 0;}

.product-row02 {
	width: 660px;
	float: left;
	clear: both;
	margin: 0px 0 0px 0;}
	
.logo-dealer-container	{
	width: 660px;
	margin-top:25px;
	float: left;
	clear: both;}
	
.logo-dealer-container img	{
	float: left;}
	
.item-container {
	width: 182px;
	float: left;
	margin-right: 35px;}

.item-container02 {
	width: 295px;
	float: left;
	margin-right: 35px;}

.item-container03 {
	width: 182px;
	float: left;
	margin-right: 0px;}

			
#form2 {
	display: inline;
	margin-left: 36px;}
		

/*------------------------ Others ------------------------*/

.post {
	padding-top: 10px;
}

.rule {
	border-bottom: 1px solid #C0C0C0;
	padding-bottom: 16px;
	margin-bottom: 7px;}
	
.rule-top {
	border-top: 1px solid #C0C0C0;
	padding-top: 15px;
	margin-top: 15px;} 
	
.clear {
	clear: both;}
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clearfix {
	display: inline-table;}
/* backslash hides from IE mac €*/

* html .clearfix {
	height: 1%;}

.clearfix {
	display: block;}
/* end backslash hack */

#greetingbox_inner {
	padding: 10px 26px;}


#greetingbox {
	 width: 256px;
	 height: 280px;
	 
	border: 1px solid #dcdcdc;
	 position: absolute; top:200px; left: 0px;
	 background-color: white;
	 font-family: georgia, times, times-roman, serif;
	 font-size: 17px;
	 line-height: 21px;
	 opacity: .93;
 filter:alpha(opacity=93);
	//filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93);
	//-moz-opacity:0.93;}




#installersignin {
	padding-bottom: 10px;
	margin-bottom: 18px;}
	
#installersignin input, #installersignin select, #installersignin2 input, #installersignin2 select {
	padding: 0;
	margin-right: 12px;}
	
#installersignin2 {
	width: 900px;
	margin-bottom: 18px;}
	
#installersignin2-inner {
	padding: 21px 216px 10px 216px;}
	
#googlemap {
	width: 900px;}

#teaser {
	position: absolute;
	width: 180px;
	height: 71px;
	top: 0px;
	z-index: 10;}

.blogteaser {
	position: relative;
	left: 710px;
	top: 100px;}

a.blogteaser {
	display: block;
	width: 180px;
	height: 71px;
	background: url("images/blog_teaser.png") 0 0 no-repeat;
	text-decoration: none;}

a:hover.blogteaser {
	background-position: 0 -71px;}