/*-----------------------------------------------
Temporary Home Theater Home Page Style 
author: Neal Knueven
-----------------------------------------------*/

body {
background : #f3f3f3;
font-family : Verdana, Geneva, sans-serif; 
}


/* Universal Selectors */
* {
margin : 0;
padding : 0;
}
strong {
color : #003798;
}
a:link, a:active, a:visited {
color : #003798;
text-decoration : none;
}
a:hover {
color : #a24e12;
background-color : #f3f3f3;
text-decoration : underline;
}
h1 {
font-family : Palatino Linotype, Book Antiqua, Palatino, serif;
font-weight : normal;
text-align : center;
margin : 20px 0px;
color : #7f401f;
}
h2 {
clear : both;
font-family : Palatino Linotype, Book Antiqua, Palatino, serif;
font-size : 30px;
font-weight : normal;
margin : 0px 0px 0px 50px;
padding-top : 10px;
color : #7f401f;
width : 500px;
}
h2.product_headline {
font-family : Verdana, Geneva, sans-serif; 
color : #003798;
text-decoration : none;
padding-top : 20px;
font-size : 20px;
}
div#solutions h2 {
font-size : 20px;
}
h3 {
font-family : Verdana, Geneva, sans-serif; 
font-size : 13px;
margin-top : 3px;
margin-left : 50px;
}
div#product_left h3, div#product_right h3 {
margin-top : 13px;
margin-bottom : 3px;
margin-left : 0px;
color : #003798;
}
div#product_right h3 {
border-bottom : 1px dashed #ddd;
padding-bottom : 4px;
}
h4 {
font-size : 15px;
color : #003798;
}
h4.alternative {
margin : 20px 50px;
margin-bottom : 10px;
}
h5 {
margin-top : 7px;
font-size : 12px;
line-height : 17px;
}
h6 {
font-size : 11px;
font-weight : normal;
font-style : oblique;
margin : 0px 0px 15px 50px
}

.marginleft {
margin-left : 50px;
}
.superscript {
vertical-align : 3px;
font-size : 9px;
color : #000000;
}
.subscript {
vertical-align : -3px;
font-size : 9px;
color : #000000;
}
span.trak {
font-style : oblique;
}
.highlight {
color : #7f401f;
font-weight : bold;
font-style : oblique;
}

/* Header */
div#headerWrap {
height : 120px;
background : url(../images/header_bkg.png) repeat;
}
div#headerFill {
margin : 0 auto;
height : 116px;
width : 1000px;
background : url(../images/lightening.png) no-repeat;
}
div#headerFill img#logo {
position : relative;
top : 44px;
left : 55px;
}
h1#header {
font-family : Helvetica, Arial, sans-serif;
font-weight : normal;
text-align : center;
margin-top : 7px;
margin-left : 600px;
font-style : oblique;
font-size : 27px;
color : #fff;
}

/* Navigation */
ul#headerNav {
float : left;
margin-top : -15px;
padding : 0px 13px 3px 13px;
height : 28px;
line-height : 28px;
}
ul#headerNav li {
float : left;
margin-left : 3px;
list-style : none;
}
ul#headerNav li a:link, ul#headerNav li a:visited, ul#headerNav li a:active {
font-size : 11px;
text-decoration : none;
background : url(../images/linkblue.png) repeat;
color : #fff;
border : 1px solid #617498;
padding : 4px 36px 4px 35px;
}
ul#headerNav li a:hover {
background : url(../images/linkorange.png) repeat;
color : #444;
border : 1px solid #a24e12;
}

/* Main Content */
div#content {
margin : 0 auto;
margin-bottom : 20px;
background : #fff;
width : 1000px;
border : 1px solid #ccc;
border-top : none;
}
div#content p, div#content ul#list, div#content ul#nobullet {
font-size : 12px;
line-height : 18px;
margin-left : 50px;
margin-top : 10px;
width : 500px;
}
div#content ul#list li {
list-style-position : outside;
margin-left : 15px;
}
div#content ul#list ul {
margin : 7px 0px;
}
div#content ul#list ul li {
list-style-position : outside;
list-style-type : circle;
margin-left : 20px;
width : 280px;
}
div#content ul#nobullet li {
list-style-type : none;
list-style-position : outside;
}
div#content table {
margin-left : 50px;
}

/* Index Page */
img#locus {
margin : 20px 50px;
margin-bottom : 0px;
border : 1px solid #000;
}
div#content p#pre {
font-size : 15px;
line-height : 23px;
margin-left : 50px;
width : 900px;
}
div#secondary {
margin : 30px 50px;
width : 900px;
}
div#solutions {
float : left;
margin-bottom : 20px;
width : 270px;
margin-right : 22px;
padding-right : 22px;
border-right : 1px dashed #ccc;
}
div#solutions h2, div#solutions p {
margin : 0px;
margin-bottom : 6px;
width : auto;
text-decoration : none;
line-height : 20px;
padding-top : 0px;
}

/* Links */
div#links {
float : left;
margin-left : 50px;
margin-top : 35px;
width : 300px;
}
div#links p {
margin-left : 10px;
width : 295px;
}

/* Product */
img#product_image {
float : left;
border : 1px solid #000;
margin-right : 15px;
margin-top : 15px;
}
div#product_left {
float : left;
margin-left : 50px;
width : 550px;
border-right : 1px dashed #ddd;
padding-right : 25px;
}
div#product_left p {
width : 550px;
margin-left : 0px;
line-height : 20px;
}
div#content div#product_left ul#list {
margin-left : 0px;
width : 550px;
line-height : 20px;
}
div#product_right {
float : left;
margin-left : 25px;
}
div#content div#product_right ul#nobullet {
margin-left : 0px;
width : 275px;
padding : 8px 5px;
margin-top : -3px;
border-bottom : 1px dashed #ddd;
}
div#content div#product_right ul#nobullet li {
margin-bottom : 5px;
}

/* Downloads */
div#downloadImages_acoustic {
float : left;
margin-left : 50px;
margin-bottom : 20px;
width : 210px;
}
div#downloadImages {
float : left;
margin-left : 75px;
margin-bottom : 20px;
width : 125px;
}
div#downloadImages img, div#downloadImages_acoustic img {
border : 1px solid #000;
}

/* Locator Table */
td {
font-size : 12px;
line-height : 19px;
}
table {
width : 700px;
}

/* Standard Specifications Table */
div#content table#specs {
border-right : 1px solid #aaaaaa;
border-top : 1px solid #aaaaaa;
margin : 10px 0px;
margin-left : 0px;
width : 560px
}
div#content table#specs th {
color : #003978;
}
div#content table#specs td, div#content table#specs th {
text-align : center;
border-left : 1px solid #aaaaaa;
border-bottom : 1px solid #aaaaaa;
padding : 3px;
font-size : 10px;
}

/* Desiger Room Panels */
div#designerPanels {
float : left;
width : 100px;
margin-right : 12px;
margin-bottom : 15px;
}
div#designerPanels h5 {
font-size : 13px;
text-align : center;
margin-bottom : 3px;
margin-top : 0px;
}
div#designerPanels h6 {
margin : 0px;
text-align : center;
}

/* Gallery */
div#galleryLeft, div#galleryRight {
float : left;
width : 445px;
padding : 10px;
border-right : 1px dashed #ddd;
}
div#galleryLeft img, div#galleryRight img {
border : 1px solid #000;
margin-right : 5px;
margin-bottom : 5px;
}
div#galleryLeft h2, div#galleryRight h2 {
margin-left : 0px;
}

/* Photo Gallery */
img#gallery {
border : 1px solid #000;
margin : 10px 6px 0px 0px;
}
img#side {
margin-top : 20px;
border : 1px solid #000;
}

/* Illumination Form */
ul#illumination {
	margin-top:20px;
	margin-bottom:100px;
}
ul#illumination li {
	list-style-type:none;
	font-size:12px;
	margin-left:50px;
	line-height:25px;
	text-align:right;
	width:400px;
}

/* Anna Font */
@font-face {
  font-family:"Anna";
  src:url(annas.ttf) format("truetype");
}
span.anna { 
	font-family:"Anna", sans-serif;
	font-weight:bold;
	font-color:#003798;
	font-size:140%;
}


/* Footer */
#footer {
clear : both;
font-size : 10px; 
line-height : 17px; 
text-align : center;
border-top : 1px dashed #aaa;
padding-top : 3px;
padding-bottom : 20px;
margin : 10px 50px 0px 50px;
} 
div#footer a {
border-right : 1px solid #aaa;
padding-right : 5px;
}