body {font-family:Verdana, Arial, Helvetica, sans-serif !important;text-decoration:none}
body#why a#why,body#how a#how,body#what a#what,body#where a#where,body#who a#who,body#own a#own,body#levelwhy a#levelwhy,body#levelhow a#levelhow,body#levelwhat a#levelwhat,body#levelwhere a#levelwhere,body#levelwho a#levelwho,body#levelown a#levelown,body#classicwhy a#classicwhy,body#classichow a#classichow,body#classicwhat a#classicwhat,body#classicwhere a#classicwhere,body#classicwho a#classicwho,body#classicown a#classicown,body#boxwhy a#boxwhy,body#boxhow a#boxhow,body#boxwhat a#boxwhat,body#boxwhere a#boxwhere,body#boxwho a#boxwho,body#boxown a#boxown,body#soundwhy a#soundwhy,body#soundhow a#soundhow,body#soundwhat a#soundwhat,body#soundwhere a#soundwhere,body#soundwho a#soundwho,body#soundown a#soundown, a#contact, .current, a:current {color:#E3170D}
img{border:0}
a.link, a.visited{color:#808080;font-weight:400;text-decoration:none;font-size:11pt}
a.hover, a.active{color:#eee;font-weight:400;text-decoration:none;font-size:11pt}
a:link.lnav, a:visited.lnav {color:#a0a0a0;text-decoration:none;line-height:150%;font-size:18pt}
a:hover.lnav, a:active.lnav{color:#c0c0c0;text-decoration:none;line-height:150%;font-size:18pt}

.nav-wrapper {width:1230px; max-height:97px;}
.logo {position:absolute; width:200px; margin:-39px 0 0 35px}
.classic {position:absolute; width:200px; margin:-35px 0 0 301px}
.level {position:absolute; width:200px; margin:-29px 0 0 512px}
.box {position:absolute; width:200px; margin:-35px 0 0 776px}
.select {position:absolute; width:200px; margin:-35px 0 0 1011px;}
.classic p {position:absolute; margin:-15px 0 0 92px;}
.level p {position:absolute; margin:-10px 0 0 147px;}
.box p {position:absolute; margin:-17px 0 0 120px;}

a:link.myaux, a:visited.myaux{color:#808080;text-decoration:none;font-size:9pt !important;}
a:hover.myaux, a:active.myaux{color:#eee;text-decoration:none;font-size:9pt}

a:link.my, a:visited.my{color:#808080;text-decoration:none;font-size:10pt;}
a:hover.my, a:active.my{color:#eee;text-decoration:none;font-size:10pt}
a:link.mycurrent, a:visited.mycurrent{color:#E3170D; text-decoration:none;font-size:10pt;}
a:hover.mycurrent, a:active.mycurrent{color:#E3170D;text-decoration:none;font-size:10pt;}

a:link.copy, a:visited.copy{color:#ddd;text-decoration:none;font-size:12pt;}
a:hover.copy, a:active.copy{color:#fff;text-decoration:none;font-size:12pt}
a:link.copy2, a:visited.copy2{color:#a0a0a0;text-decoration:none;font-size:11pt;}
a:hover.copy2, a:active.copy2{color:#fff;text-decoration:none;font-size:11pt}

a:link.spec, a:visited.spec{color:#c0c0c0;text-decoration:none;font-size:14pt}
a:hover.spec, a:active.spec{color:#eee;text-decoration:none;font-size:14pt}

.shown, a.shown:link, a.shown:visited, a.shown:hover, a.shown:active {color:#E3170D;text-decoration:none;font-size:10pt}

a:link.home, a:visited.home{color:#c0c0c0;text-decoration:none;font-size:13.5pt}
a:hover.home, a:active.home{color:#eee;text-decoration:none;font-size:13.5pt}

a:link.email, a:visited.email, a:hover.email, a:active.email, a:link.tnav, a:visited.tnav, .tnav {color:#a0a0a0;text-decoration:none;font-size:13pt}
a:hover.tnav, a:active.tnav{color:#c0c0c0;text-decoration:none;font-size:13pt}

a:link.deeper, a:visited.deeper{color:#E3170D;font-size:24pt;text-decoration:none;line-height:15pt!important}
a:hover.deeper, a:active.deeper{color:#E3170D;font-size:24pt;text-decoration:none;line-height:15pt!important}
a:link.specs, a:visited.specs{color:#a0a0a0;font-size:20pt;text-decoration:none;line-height:15pt!important}
a:hover.specs, a:active.specs{color:#c0c0c0;font-size:20pt;text-decoration:none;line-height:15pt!important}
.style4{color:#eee;font-size:22pt}
.style5{color:#eee;font-size:14pt}
.style10{color:#eee;font-size:14pt;line-height:130%;}
.style8{color:#b0b0b0;font-size:12pt}
.style9{color:#eee;font-size:13pt}
.caption{color:#939393;font-size:10pt}
.captionworld, a.captionworld:link, a.captionworld:visited, a.captionworld:hover, a.captionworld:active {color:#666;font-size:10pt;margin:-2px 0 18px 0 !important; width:470px; text-align:right}
.worldhead, a.worldhead:link, a.worldhead:visited, a.worldhead:hover, a.worldhead:active {color:#ddd ;font-size:20pt }
.worldtext, a.worldtext:link, a.worldtext:visited, a.worldtext:hover, a.worldtext:active {color:#ddd ;font-size:15pt }
.worldhomeimage{margin:20px 0 -3px 0}
.captionworld2{color:#666;font-size:10pt;}
.worldarticlevisit {background-image:url('../planet/visit_bg.jpg'); width:223px; height:68px; position:absolute; color:#fff; font-size:11pt; margin:-181px 0 0 353px; width:223px;}
.worldarticlevisit p {text-align:center; top:50%; margin-top:30px;}
.worldarticletitle {position:absolute; color:#ddd; font-size:10pt; margin:-165px 0 0 -354px; width:677px;}
.worldarticledate {position:absolute; color:#777; font-size:9pt; margin:-95px 0 0 -354px; width:677px;}
.worldarticleheadline {position:absolute; color:#fff; font-size:20pt; margin:-70px 0 0 -354px; width:677px;}
.worldarticlebody {position:absolute; color:#aaa; font-size:10.25pt; margin:-1px 0 0 -354px; width:677px; line-height:145%;}
.worldarticlebody2 {position:absolute; color:#aaa; font-size:10.25pt; margin:-70px 0 0 -354px; width:677px; line-height:145%;}
.worldred {color:red}
.caption2{color:#939393;font-size:11pt}
.price{color:#eee;font-size:11pt}	
.homebullets{color:#b0b0b0;line-height:7pt;font-size:12pt}
.home{color:#eee;font-size:11pt}
.mag{color:#E3170D;font-size:13pt}
.mag2{color:#E3170D;font-size:14pt}
.mag3{color:#E3170D;font-size:11pt}
.quote2{color:#6C6C6C;font-size:20pt}
.speaker{color:#eee;font-size:16pt}
.lquote{color:#eee;font-size:16pt}
li{margin:0 0 15px}
.input{background-color:#a0a0a0;color:#660000;border:1px solid #000;font-size:11pt}
.textarea{background-color:#a0a0a0;color:#660000;border:1px solid #000;font-size:11pt}
.imagecontainer{width:650px;height:400px}
.imagecontainer img{display:inherit;position:absolute;top:50px;left:50px}


.lastwho {position:absolute; max-width:460px; margin:-163px 0 0 -465px; color:#939393;font-size:10pt; line-height:109%;}
.lastneed {position:absolute; max-width:460px; margin:63px 0 0 -465px; color:#939393;font-size:10pt; line-height:109%;}
.lastin {position:absolute; max-width:474px; margin:-163px 0 0 205px; color:#939393;font-size:10pt; line-height:109%;}
.lastout {position:absolute; max-width:474px; margin:63px 0 0 205px; color:#939393;font-size:10pt; line-height:99%;}
.lastout p, .lastin p {margin-top:75px}
.lastred {color:#E3170D;font-size:13pt; font-weight:bold;}

/* SLIDESHOW *//* container for slides */.images,.images1,.images2{position:relative;height:515px;margin:0;padding:0;cursor:default;/* CSS3 tweaks for modern browsers */-moz-border-radius:0;-webkit-border-radius:0;-moz-box-shadow:0 0 0 #666;-webkit-box-shadow:0 0 0 #666}
/* single slide */.images div,.images1 div,.images2 div{display:none;position:absolute;top:0;left:0;margin:0;padding:0;height:500px}
/* header */.images h3{font-size:22px;font-weight:400;margin:0 0 0 0;color:#456}
/* tabs (those little circles below slides) *//* .tabs { margin-left:785px;} *//* single tab */.tabs a{width:10px;height:10px;float:left;margin:1px;background:url(navigator.png) 0 0 no-repeat;display:block;font-size:1px;border:0}
/* mouseover state */.tabs a:hover{background-position:0 -10px}
/* active state (current page state) */.tabs a:current{background-position:0 0px}
/* prev and next buttons 
.forward, .backward { background:#fff url(hori_large.png) no-repeat; width:30px; height:30px; cursor:pointer; font-size:1px;} *//* next */.forward{background-position:0 -20px;clear:right}
.forward.hover{background-position:-20px -20px}
.forward:active{background-position:-40px -20px}
/* prev */.backward.hover{background-position:-20px 0}
.backward:active{background-position:-40px 0}
/* disabled navigational button. is not needed when tabs are configured with rotate: true *//* .disabled {visibility:hidden !important;} */.button{outline:0 inset #666;border:0 solid #777;background-color:#161616;color:#777;height:22px;-moz-border-radius:4px;-moz-outline-radius:4px;cursor:pointer;font-size:10pt}
button{outline:0 inset #666;border:0 solid #777;background-color:#161616;color:#777;height:22px;-moz-border-radius:4px;-moz-outline-radius:4px;cursor:pointer;font-size:10pt}
/* the overlayed element */.apple_overlay{/* initially overlay is hidden */display:none;/* growing background image *//* background-image:url(black.png); *//* 
		width after the growing animation finishes
		height is automatically calculated
	*/width:50px;/* some padding to layout nested elements nicely  */padding:10px/* a little styling */}
/* default close button positioned on upper right corner */.apple_overlay div.close{background-image:url(close.png);position:absolute;right:-25px;top:0;cursor:pointer;height:36px;width:36px}

ProCSSor
/* overlay trigger */ #see { display: inline; width: 159px; margin: 30px 0 0 0; cursor: pointer; } #see.hover { background-position: 0 0px } #see:focus { background-position: 0 0px } #see2 { display: inline; width: 159px; margin: 30px 0 0 0; cursor: pointer; } #see2.hover { background-position: 0 0px } #see2:focus { background-position: 0 0px } #see3 { display: inline; width: 159px; margin: 30px 0 0 0; cursor: pointer; } #see3.hover { background-position: 0 0px } #see3:focus { background-position: 0 0px } /* overlay root element */ #sheet { background-color: #414141; width: 800px; height: 550px; position: absolute; font-size: 11px; display: none; -webkit-box-shadow: 0 0 30px #777; -moz-box-shadow: 0 0 30px #777; } sheet { background-color: #414141; width: 800px; height: 550px; position: absolute; font-size: 11px; display: none; -webkit-box-shadow: 0 0 30px #777; -moz-box-shadow: 0 0 30px #777; } #sheet2 { background-color: #414141; width: 800px; height: 550px; position: absolute; font-size: 11px; display: none; -webkit-box-shadow: 0 0 30px #777; -moz-box-shadow: 0 0 30px #777; } #sheet3 { background-color: #414141; width: 800px; height: 550px; position: absolute; font-size: 11px; display: none; -webkit-box-shadow: 0 0 30px #777; -moz-box-shadow: 0 0 30px #777; } /* some border radius for various elements and different browsers. CSS isn't perfect */ .rounded, #sheet input, .error { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; } /* tab pane layout */ .pane { padding: 0px; display: none; padding-top: 350px; } .description { font-size: 14px; color: #555; padding: 10px 20px; } /* adjust for browsers that support range input input[type=range] { width:230px; height:28px; background-color:#777; padding:0; margin:0; border:0; } input[type=date] { font-size:14px; } */ /* individual panes */ #pane1 { padding-top: 64px; display: block; background: #414141; } #pane1 .description { color: #999; margin: -9px; line-height: 180%; } /* the form */ #myform { background-color: #777; background-color: rgba(0, 0, 0, 0.55); padding: 15px; padding-bottom: 10px; width: 417px; margin: 5px 0 0 0 0; } #myform p { clear: left } fieldset { float: left; margin-left: 0px; padding: 0; border: 0; width: 207px; } .last { margin-right: 0 } legend { color: #fff; font-size: 20px; text-shadow: 0 1px 0 #000; padding: 0; margin-bottom: -3px; } label { display: inline; margin: 3px; color: #ddd; font-size: 11px; text-shadow: 0 1px 0 #000; } input { border: 1px solid; border-color: #ccc #ddd #ddd #ccc; padding: 6px; background-color: rgba(255, 255, 255, 0.9); font-size: 15px; color: #555; text-shadow: 0 1px 0 #fff; width: 11%; } input:focus { background-color: #fff; color: #000; } input[required] { font-weight: bold } /* validation error message */ .error { background-color: #E8FF6D; padding: 4px; color: #000; -webkit-box-shadow: #000 0 0 12px; -moz-box-shadow: #000 0 0 12px; } /* ..with a pure CSS arrow */ .error em { border: 10px solid; border-color: #E8FF6D transparent transparent; bottom: -17px; display: block; height: 0; left: 10px; position: absolute; width: 0; } /* field with validation error */ .invalid { background-color: rgba(221, 233, 255, 0.898) !important } /* date input */ .date { width: 193px; background: #666 none repeat scroll 0 0; color: #fff; text-shadow: 0 0 1px #000; } .date:focus { background-color: #333; color: #fff; } /* datepicker trigger element */ .picktrigger { background: #333; cursor: pointer; display: block; float: right; height: 32px; width: 32px; } .picktrigger.hover { background: #000 } .high { padding: 15px 0 0 15px; clear: both; } /* override slider width from external stylesheet */ #sheet .slider { width: 175px } /* buttons */ #sheet button { background: #E3170D url(img/h30.png) repeat-x 0 0; border: 1px solid #d1ddc7; color: #fff; font-size: 14px; font-weight: bold; padding: 6px 15px; text-align: left; text-decoration: none; text-shadow: 0 1px 0 #000; cursor: pointer; height: auto; outline: 0; } #sheet button.hover { background-position: 0 -12px } #sheet button:active { background-position: 0 -30px } /* tabs */ #navi { background: #f4f4f4 url(img/navi.png) repeat-x 0 0; position: absolute; bottom: 2px; height: 120px; width: 640px; padding: 0 80px; } #navi a { display: block; float: left; text-align: left; color: #666; width: 125px; cursor: pointer; font-size: 11px; } #navi a.hover { color: #333 } #navi a:current { background: url(img/arrow.png) no-repeat 50% 0; color: #000 !important; cursor: default; } #navi span { display: block; height: 85px; width: 120px; margin-top: 10px; background: url(img/tabs.png) no-repeat 20px 5px; } #nav2 span { background-position: 20px -95px } #nav3 span { background-position: 20px -195px } #nav4 span { background-position: 20px -292px } #nav5 span { background-position: 20px -399px } /* make some elements sit over the mask */ .error, #calroot { z-index: 10000 } /* overlay close button */ div.close { right: -15px; top: -15px; }