*{margin:0;padding:0;border: 0;}
html{
	font-size:16px;
	}
body{
	font: 75% helvetica,arial,sans-serif; 
	line-height:1;
	background:#373533 url(../images/bg_texture.jpg) top center repeat-x; 
	color: #fff; 
	}
/*======Structure======*/
#main-container{
	width: 900px;
	background:#242424 url(../images/bg_horizon_w_texture.jpg) top right no-repeat; 
	padding:1.25em;
	}

.nonIE #main-container {
	/* css 3 drop shadows and borders to match */
	-moz-box-shadow:0 0 10px 1px #111;
	-webkit-box-shadow:0 0 10px 1px #111;
	box-shadow:0 0 10px 1px #111;
	border:1px solid #333;
	border-top:none;
	}
#main-container,
#banner,#nav,
.feature-section,
.col-section,
#footer-section{
	margin: 0 auto;
	}
#banner,
#nav {
	width:100%
	}
#banner {
	padding-top:49px;
	position:relative;
	}
#banner img{
	margin-left:1.25em;
	}
#nav {
	position:relative;
	margin-top:11px;
	border-top:1px solid #5a5a5a
	}
.feature-section {
	width:838px;
	padding:2.5em;
	padding-top:0.25em;
	border:1px solid #535353;
	background:#100e0c url(../images/bg_drawing4b.jpg) top left no-repeat ;
	color:#fff;
	overflow:hidden;
	}
.product-feature{
	height:466px; /* fixed height for product pages */
	}
.expandable {
	min-height:466px;
	}
.ie5 .expandable {
	height:470px
	}
.ie6 .expandable {
	height:470px
	}
#chimera .feature-section {
	background-image:url(../images/bg_chimera_dark.jpg);
	}
#apollo .feature-section {
	background-image:url(../images/bg_apollo.jpg);
	}
#archives .feature-section {
	background-image:url(../images/bg_award3.jpg)
	}
#testimonials .feature-section,
#home .feature-section,
#about .feature-section{
	background-image:url(../images/bg_drawing_less.jpg)
	}
#aurora-two-and-three .feature-section{
	background-image:url(../images/bg_aurora.jpg)
	}
#aurora-zero-point-five .feature-section{
	background-image:url(../images/bg_aurora_0.5_3cc.jpg)
	}
#echidna .float-box,
#aurora-zero-point-five .float-box {
	background:none !important
	}
#echidna .feature-section{
	background-image:url(../images/bg_echidna7.jpg)
	}
.feature-section,
.col-section{
	margin-bottom:1.25em;
	}
.float-box {
	background: url(../images/overlay.png) repeat; /* or ../images/ie6mesh/overlay4.png*/
	width:45%;
	margin-top:2.25em;
	padding:1.25em;
	}
.f-box-left{
	float:left;
	}
.f-box-right{
	float:right
	}
.col-section{
	background-color:#333;
	padding:1.25em;
	padding-bottom:0;
	border-top:1px solid #4e4e4e;
	border-bottom:1px solid #1f1b18;
	color:#131313;
	overflow:hidden;
	}
.left-col,.right-col {
	float:left;
	width:49%
	}
.right-col {
	margin-left:1.25em
	}
.col-section  div div,
.text-box,
.image-box,
.table-box{
	background-color:#ccc;
	border:1px solid #535353;
	margin-bottom:1.25em;
	color:#151515;
	}
.image-box {
	line-height:0;
	overflow:hidden;
	text-align:center;
	position:relative;
	}
div.image-box{
	background-color:#010101 !important; 
	}
.image-box img {
	border:11px solid #010101
	}
.image-box #caption-strip {
	background-color:#010101;
	border-color:#010101
	}
#aurora-two-and-three .image-box img{
	float:left;
	border-right:0;
	}
.image-box span{
	font-size:12px;
	line-height:1;
	}
/*====== small slideshow =======*/
.image-box .toggle-container h5{
	margin-bottom:1em;
	font-size:1.1em;
	font-weight:normal;
	color:#eee
	}
.image-box .toggle-container{
	position:absolute;
	top:15px;
	right:10px;
	width:50px;
	height:200px;
	background:none;
	border:none;
	}
.ie7 .image-box .toggle-container h5{
	margin-top:5px
	}
.image-box .toggle-container a{
	display:inline-block;
	border:1px solid #222;
	background-color:#222;
	color:#999;
	margin-bottom:5px;
	padding:5px;
	top:75px;
	width:40px;
	line-height:1.2;
	}
.image-box .toggle-container a:hover{
	text-decoration:none;
	}
.currentToggle {
	background-color:#151515 !important
	}
/*=========== Specs table ===========*/
/*---- table -----*/
table{
	border-spacing:0;
	border-collapse:collapse;
	}
.table-box table {
	width:100%
	}
th {
	text-align:left;
	font-weight:normal;
	font-size:1.25em;
	}
tr.even{
	background-color:#adadad
	}
table .first-col {
	border-right: 1px solid #777;
	}
th.first-col {

	width:140px;
	}
td {
	vertical-align:top;
	line-height:1.25;
	padding:0.75em;
	font-size:0.95em
	}

/*========= SITE MAP ============*/
#footer-section{
	width:96.77%;
	background-color:#131311;
	border-top:1px solid #000;
	overflow:hidden;
	padding:1.25em
	}
.sitemap-list {
	float:left;
	margin-left:0.75em;
	width:18.666%;
	padding-bottom:1.5em;
	line-height:1.4
	}
#footer{
	clear:both;
	text-align:center;
	border-top:1px solid #535353;
	}
#footer p{
	font-size:.7em;
	margin:1em 0 0;
	}
#banner img {display:inline}
.tagline {
	position:absolute;
	right:2px;
	bottom:8px;
	font:italic normal normal 2em "goudy old style",serif;
	color:#cee6f0
	}
li.address {margin-top:1em}
/*========= NAVIGATION ===========*/
#nav ul{
	font-size:0;
	line-height:0;
	}
#nav li{
	line-height:1;
	font-size:12px;
	display:inline-block;
	text-transform:uppercase;
	}
#nav li a{
	display:block;
	padding:1.25em;
	letter-spacing:.0833em
	}
#nav li a:hover{
	background-color:#151515;
	text-decoration:none
	}

#home .home,
#about .about,
#faqs .faqs,
#contact .contact,
#pdf .reviews,
#testimonials .reviews,
#archives .reviews,
#apollo .products,
#echidna .products,
#chimera .products,
#aurora-two-and-three .products,
#aurora-zero-point-five .products,
#aurora-maximus .products,
#aurora-monitors .products{ 
	color:#bcb34e
	}

/*----- dropdown menus ------*/
#dropdown ul{
	position:absolute;
	z-index:5;
	top:42px;
	display:none;
	background-color:#151515;
	border:1px solid #535353;
	border-top:0;
	}
#dropdown li a:hover{
	background-color:#bcb34e;
	color:#151515
	}
#dropdown li {
	display:block
	}
#products-menu {
	left:143px
	}
#reviews-menu {
	left:250px
	}
#archives-menu {
	left:405px
	}
	
/*=============== TEXT ================*/
p, .float-box p {
	line-height:1.4;
	margin-bottom:0.75em
	}
p.blurb {
	font-size:1.25em;
	line-height:1.3;
	font-style:italic;
	}
p.feature-line {
	font-weight:normal;
	margin:0
	}
.text-box p {
	margin-bottom:0;
	padding:1.25em 1.25em 0;
	}
.text-box {
	padding-bottom:1.25em
	}
ul {
	list-style-type: none; 
	}
.link-box {
	background:none !important;
	border:none !important;
	padding-top:4em;
	font-size:1.2em;
	text-align:center
	}
.link-box a {
	border:1px solid #bcb34e;
	border-color:#E5E399 #bcb34e #bcb34e #797337 ;
	background-color:#bcb34e;
	margin:1em auto;
	padding:.5em;
	-moz-border-radius:0.65em;
	border-radius:0.65em;
	-moz-box-shadow:inset 0px 3px 10px 1px #E5E399,3px 3px 10px 1px #151515;
	-webkit-box-shadow:inset 0px 3px 10px 1px #E5E399,3px 3px 10px 1px #151515;
	box-shadow:inset 0px 3px 10px 1px #E5E399,3px 3px 10px 1px #151515;
	}
.link-box a:hover {
	background-color:#E5E399;
	text-decoration:none;

	}
/*============= HEADINGS ===============*/

/*---- h1 (visible to IE 5,6 and hidden to others) ----*/
h1{
	font:normal normal normal 4.25em "goudy old style",serif;
	position:absolute;
	top:-9999px;
	left:-9999px;
	}
h2 {
	font:normal normal normal 3em "goudy old style",Times, serif;
	color:#bcb34e;
	margin-bottom:0.25em;
	}
h2 span{
	text-transform:uppercase;
	color:#e5e399
	}
h3,
.float-box h3{
	font:2em "goudy old style",Times, serif;
	font-style:normal;
	margin-bottom:0.5em;
	}
h4 {
	font-size:1.25em;
	font-weight:normal;
	margin-bottom:0.75em
	}
.float-box h4 {
	margin-top:1.5em
	}
h4.first-of-type,
.text-box h4{
	margin-top:0
	}
.col-section h4,
.text-box h4,
th {
	color:#c3c3c3;
	background-color:#14130f;
	margin:0;
	line-height:2.5;
	text-indent:1em;
	}
h3.features-header{	
	margin-top:1.25em;
	}
.float-box li{
	margin-bottom:1em;
	margin-left:1.25em
	}
.features-list {
	list-style:disc outside url(../images/arrow.png);
	font-size:1.166em;
	line-height:1.2;
	font-style:italic;
	}
.float-box a{
	color:#bcb34e
	}
a {
	text-decoration:none;
	color:inherit
	}
a:hover {
	text-decoration:underline
	}
:focus {
	outline:0
	}
	
/*========= PDF viewer pages (for reviews etc) ==========*/
.hot-link {
	display:block;
	text-align:right;
	margin:1em 1em 0
	}
.hot-link a {
	border:1px solid #aaa;
	background-color:#bbb;
	padding:.25em;
	}
.hot-link a:hover {
	text-decoration:none;
	color:#000;
	background-color:#aaa;
	}
	
/*========== SLIDESHOW a float-box variant============*/
.slide-box {
	padding:0;
	background:none;
	width:400px;
}
.slideshow-bg {
	font-size:0;
	line-height:0;
	display:inline-block;
	}
.slideshow-bg img:hover{
	cursor:pointer;
	}
.slideshow-bg,
#caption-strip {
	background-color:#010101;
	border:2px solid #010101;
	}
#caption-strip {
	border-top:0;
	width:395px;
	line-height:2;
	text-indent:1em;
	overflow:hidden;
	color:#ccc
	}
#caption-strip span {
	float:left;
	}
#caption-strip  .slideshow-btn{
	float:right
	}
a.slideshow-btn {
	margin:1px;
	background-color:#111;
	color:#fff;
	padding:5px;
	text-indent:0;
	line-height:1;
	}
a.slideshow-btn:hover {
	background-color:#444;
	color:#fff;
	text-decoration:none
	}
div.fb-box {
	height:30px
	}
a.fb img{
	margin-right:5px;
	margin-top:0;
	}
a.fb {
	vertical-align:top;
	line-height:2
	}
	
/*=========== IE 6 and 7 fixes =============*/

.ie6 a,
.ie7 a {
	color:#fff
	}
.ie6 .feature-section a,
.ie7 .feature-section a {
	color:#bcb34e
	}
.ie6 #caption-strip a,
.ie7 #caption-strip a {
	color:#ccc
	}
.ie6 .col-section a,
.ie7 .col-section a {
	color:#151515
	}
.ie6 .toggle-container a,
.ie7 .toggle-container  a {
	color:#999
	}
.ie6  {
	text-align:center
	}
.ie6 #main-container{
	text-align:left;
	width:840px
	}
.ie6 #banner,
.ie6 #nav,
.ie5 #footer-section {
	width:900px !important
	}
.ie5 .feature-section {
	width:900px;
	height:500px;
	}
.ie6 #footer-section {
	width:865px
	}
.ie6 .col-section {
	width:870px
	}
.ie5 .col-section {
	width: 900px !important
	}
.ie5 .float-box ,
.ie6 .float-box {
	background-image:url(../images/overlay-ie6.png);
	}
.ie5 .slide-box,
.ie6 .slide-box{
	background:none
	}
.ie5 .float-box {
	width:48.666%
	}
.ie5 .table-box dt{
	width:35.5%
	}
.ie5 #caption-strip{
	width:399px
	}
.ie6 .features-list,
.ie7 .features-list {
	list-style:none outside none;
	}
.ie6 .features-list li,
.ie7 .features-list li{
	background: url(../images/forie6-arrow.gif) left 2px no-repeat;
	padding-left:1.25em;
	margin-left:0;
	}
.ie6 .tagline,
.ie7 .tagline {
	font-weight:normal
	}
.ie5 .slideshow-bg,
.ie6  .slideshow-bg,
.ie7  .slideshow-bg,
.ie5 .image-box .toggle-container a,
.ie6 .image-box .toggle-container a,
.ie7   .image-box .toggle-container a,
.ie5 #nav li,.ie6 #nav li,.ie7 #nav li{
	display:inline
	}
.ie5 #nav a,.ie6 #nav a {background-image:url()}
.ie6 #dropdown li,
.ie7 #dropdown li {
	display:block
	}
.ie5 #dropdown ul ,
.ie7 #dropdown li {
	width:150px !important
	}
.ie6 #dropdown ul{
	width:120px
	}
.ie5 #dropdown li,
.ie5 #dropdown li a,
.ie6 #dropdown li,
.ie6 #dropdown li a{
	width:100%;
	}
.ie5 #dropdown li {
	float:left
	}
.ie7 .float-box h3{
	font-style:normal
	}
.ie9 #archives-menu{
	left:410px
	}
/*---- title png-24 fails in ie 6 and below ----*/
.ie6 #banner,
.ie5 #banner {
	padding-top:42px
	}
.ie6 h1 {
	position:relative;
	top:0;
	left:14px;
	padding-left:78px; /* width of logo */
	background:url(../images/logo.jpg) center left no-repeat; /* logo image */
	}
.ie6 #banner img {
	display:none
	}
/*---------------------------------*/

