/* iPad Specific CSS */

body { width:1024px; background: #212121; margin:0; padding:0; }

#wrapper { width:1024px; margin: 0 auto; padding:0; overflow: hidden;}

#header { height:45px !important; width:1024px !important; display: block; color:#CCC; background: #262626; border-bottom: 1px solid #666666;}
#header li {height: 45px;}
#header img {position: absolute; z-index: 1; margin: 3px 0 0 10px;}

#nav { position: absolute; width:650px; margin: 13px 0 0 360px;}
#nav ul#nav-main { margin: 0 10px 0 0; padding: 0; }
#nav ul#nav-main li a.active {padding: 15px 39px 15px 12px; cursor: pointer; color: #33BFFC; width: 190px; background: url(/img/main/arrow.gif) no-repeat 140px 18px #333 !important; -moz-border-radius: 0px; -webkit-border-radius: 0px;} 

ul#nav-main li.drop { }
ul#nav-main li.drop div { display: none; position: absolute; z-index: 200; margin: 14px 0 0 1px; padding: 0; background: #333; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px;}
ul#nav-main li.drop ul {width: 174px; float: left; padding: 0; }
ul#nav-main li.drop ul li { clear: both; float: left !important; padding: 11px 0px 10px 8px !important; margin-left: 0px; width: 166px; list-style-type: square; text-align: left; border-top: 1px solid #000;}
ul#nav-main li.drop ul li a { font-size: 0.8em !important; margin: 0 !important; padding: 10px 0 7px 10px; background: none !important; color: #CCC;}
ul#nav-main li.drop ul li a:hover { margin: 0 !important; background: none !important; color: #33BFFC !important; }
 
#content-tabs.main { margin: -47px 0 0 20px; }
ul.content-tabs li.active { border: 1px solid #666 !important; border-bottom: 1px solid #404040 !important; }
 
#content-tabs.main { margin: -47px 0 0 20px; }
ul.content-tabs li.active { border: 1px solid #666 !important; border-bottom: 1px solid #404040 !important; }        

#content-one {width: 472px; min-height: 160px; padding-top: 17px; }
#content-two {width: 472px; min-height: 160px; padding-top: 17px; }
#content-one h1 {font-size: 1.75em; color: #FFF; background: #171717; font-weight: 600; line-height: 28px; margin: 0px 0px 10px 0px; padding: 10px 12px 8px 20px; letter-spacing: 0.02em;}
#content-one h2 {font-size: 14px; color: #FFF; font-weight: 400; line-height: 18px; margin: 0px 0px 15px 20px; padding: 0;}

div.spinner {position: absolute;}
#viewer {width: 1024px !important; margin: 0 auto; clear: both; background-color: #212121;}
#viewer img {width: 1024px !important; }
#content-top { width: 1024px; height: 520px; overflow: hidden; margin: 0; background: url(../img/wreck360/ajax-loader.gif) 390px 220px no-repeat; background-color: #000;}
#content-main {width: 1024px; min-height: 200px; border-top: 1px solid #666; margin-top: 1px; }
a.threedeep img {display: block; width: 120px; height: 54px; position: absolute; z-index: 100; margin: 10px 0 0 895px !important; border: 0; }

#stats { display:none; width: 170px; position: absolute; margin: 450px 0 0 835px !important; left: 0%; top: 0%; z-index: 220; }
#toggle { display: none; position: absolute; width: 450px; z-index: 200; margin: -510px 0 0 20px !important;}

.photo {  margin: 25px 0 0 60px !important; }
.video{  margin: 25px 0 0 60px !important; }
.label1, .label2, .label3, .label4 { margin: 25px 0 0 60px !important; }
.labeltext { margin: 25px 0 0 60px !important; }

ul.photo-gallery { width: 490px; }

#fancybox-overlay {width: 1024px; height: 768px; }

#offlineHint { padding: 10px; border: 1px dashed #CCC; display: none; -webkit-border-radius: 10px; display: none;}
#offlineHint h5 { color: #33BFFC; font-size: 15px; font-weight: bold; margin-bottom: 8px; }
#offlineHint p { color: #CCC; font-size: 12px; line-height: 14px; }