/* iPad Specific CSS */

body { width:100%; background: #FFF; 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: #E8E8E8; border-bottom: 1px solid #666666;}
#header img {position: absolute; z-index: 1; margin: 3px 0 0 10px;}

#nav { position: absolute; margin: 13px 0 0 820px; display: block; }
#nav ul#nav-main { margin: 0 10px 0 0; padding: 0; width: 190px;}
#nav ul#nav-main li { list-style-type: none; }
#nav ul#nav-main li a.active {
	padding: 15px 39px 12px 12px; 
	cursor: pointer; 
	color: #336699; 
	width: 200px; 
	background: url(/images/wreck360/arrow.png) no-repeat 140px 18px #F1F2F2 !important; 
	-moz-border-radius: 0px; -webkit-border-radius: 0px; 
	text-transform: uppercase;
	font-size: 0.75em !important;
} 

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: #F1F2F2; -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 0 3px 0; margin-top: 0 !important;}
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 #CCC;}
ul#nav-main li.drop ul li a { font-size: 0.85em !important; margin: 0 !important; padding: 10px 0 7px 10px; background: none !important; color: #333; font-family: helvetica, sans-serif;}
ul#nav-main li.drop ul li a:hover { margin: 0 !important; background: none !important; color: #336699 !important; }        

#content-top {height: 600px; }
#content-one {width: 490px !important; min-height: 160px; padding-top: 17px; }
#content-two {width: 490px !important; min-height: 160px; padding-top: 17px; }
#content-one p {width: 450px; }

h1 {font-family: Helvetica, sans-serif; font-size: 1.3em; line-height: 24px; color: #333; font-weight: bold; margin-bottom: 0; margin-top: 5px;} 
h2 {font-family: Helvetica, sans-serif; font-size: 0.9em; line-height: 18px; color: #336699; font-weight: bold; margin-top: 10px; margin-bottom: 5px !important;}

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

#hint { background: url(/images/wreck360/drag-hint.png) no-repeat; display: none; position:absolute; left: 0; top: 0; margin: 260px 0 0 450px; z-index: 101; width:100px; height:100px; pointer-events: none; }
div#stats { display:none; width: 170px; position: absolute; margin: 485px 0 0 450px !important; left: 0%; top: 0%; z-index: 220; }
ul#stats { display: none !important;}
#toggle { display: none; position: absolute; width: 450px; z-index: 200; margin: -550px 0 0 20px !important;}

.photo {  margin: 25px 0 0 20px !important; }
.video{  margin: 25px 0 0 20px !important; }
.label1, .label2, .label3, .label4 { margin: 35px 0 0 50px !important; }
.labeltext { margin: 35px 0 0 50px !important; padding-top: 8px !important; text-transform: uppercase; font-size: 10px; height: 18px !important; padding: 2px 0 0 10px; }

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

#fancybox-overlay {width: 1024px; height: 100%; }
#fancybox-wrap {margin-left: 130px !important; margin-top: 60px !important;}

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

img.surface {width: 795px; height: 200px; display: block; position: absolute; z-index: 50; margin: -560px 0 0 0;}