html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

body {background:#000;min-height:100%;font-family:"Trebuchet MS", arial, sans-serif;}

#container {width:auto;}

#aviator-header {width:1000px;margin:0 auto;position:relative;}

#header {}

#expand-menu {position:absolute;top:-40px;right:0;color:#fff;background:#9d8e68;padding:5px;font-size:11px;z-index:1500;cursor:pointer;}

#aviator-header .logogo {margin-top:0;background: url(http://skullcandy.com/images/logo-nav-skullcandy.gif) no-repeat;
display: block;
height: 48px;
margin-top: 10px;
width: 280px;}

#aviator-header .logogo {position:absolute;top:-12px;left:0;}

#aviator-wrapper {background:url(wrapper-bg.png) no-repeat center;border-top:1px solid #818285;}

#aviator-container {width:1000px;margin:0 auto;min-height:675px;background:#000 /*url(aviator-bg.jpg) no-repeat top center*/;position:relative;}

#aviator-preorder {position:absolute;top:48px;right:15px;z-index:11;}

/* MAIN NAVIGATION */

#aviator-nav {height:28px;*height:32px;position:relative;}

.aviator-nav-item {text-transform:uppercase;float:left;font-size:13px;}
	.aviator-nav-item a {color:#fff;display:block;width:211px;height:20px;*height:24px;padding-top:7px;background:#000;background:rgba(0,0,0,0.4);text-align:center;border-left:1px solid #818285;border-bottom:1px solid #818285;text-decoration:none;}
	#aviator-nav .nob a {border-left:0;margin-left:145px;}
	#aviator-nav .single a {border-left:0;margin-left:145px;border-right:1px solid #818285;}
	#aviator-nav .last a {border-right:1px solid #818285;width:218px;}
	
	.aviator-nav-item a.active {background:#444 !important;background:rgba(255,255,255,0.4) !important;}
	
#aviator-logo {width:145px;height:50px;position:absolute;top:0;left:50%;margin-left:-76px;text-align:center;background:#000;background:rgba(0,0,0,1);padding-top:10px;border:1px solid #818285;border-top:0;z-index:10;}
	#aviator-logo a {display:block;}


/* GLOBAL CONTENT STYLES */
	
.content-item {display:none;position:relative;overflow:hidden;}

/* VIDEO */

#video {background:#000;overflow:hidden;z-index:7;margin-top:60px;}
#video embed {z-index:7;overflow:hidden;}
#video html {overflow:hidden;}
#video .left {width:470px;float:left;display:inline;padding-left:20px;padding-top:20px;}
#video .right {width:470px;float:right;display:inline;padding-right:20px;padding-top:20px;}
#video1, #video2, #video3, #video4 {display:none;position:relative;}

#video h4 {font-size:24px;color:#fff;text-transform:uppercase;margin:0;padding:15px 0 10px;}
#video p {font-size:11px;line-height:1.5;color:#fff;margin:0;padding:0 0 15px;}

.video-desc {min-height:400px;_height:400px;}
	.video-desc img {border:1px solid #818285;}

a.close-video {z-index:8;display:block;position:absolute;top:0;left:20px;color:#fff;background:#ed1c24;padding:7px 10px;width:92px;height:13px;font-weight:bold;font-size:13px;text-transform:uppercase;text-decoration:none;}
	a.close-video:hover {background:#818285;}

/* INTERACTIVE */

#interactive {background:#fff;}

#interactive-menu {position:absolute;top:-300px;right:0;width:200px;font-size:12px;text-align:right;text-transform:uppercase;z-index:8;}

.interactive-menu-title {background:#818285;background:rgba(0,0,0,0.4);color:#fff;display:block;margin-bottom:1px;padding:4px 10px;}

.interactive-menu-item {color:#fff;}
	.interactive-menu-item a {background:#818285;background:rgba(0,0,0,0.4);color:#fff;display:block;margin-bottom:1px;padding:4px 10px;text-decoration:none;}
	.interactive-menu-item a:hover {*background:#000 !important;}

span.whitesquare {width:10px;height:10px;background:#fff;float:right;display:block;margin:0 0 0 5px;}
span.blacksquare {width:10px;height:10px;background:#000;float:right;display:block;margin:0 0 0 5px;}
span.brownsquare {width:10px;height:10px;background:#624021;float:right;display:block;margin:0 0 0 5px;}

.interactive-content {display:none;padding:0;background:#fff;}

#interactive-default {position:relative;height:663px;}
#interactive-default a {position:absolute;z-index:8;width:220px;height:400px;display:block;}
#interactive-default a.white {top:170px;left:75px;}
#interactive-default a.black {top:170px;left:390px;}
#interactive-default a.brown {top:170px;left:700px;}

.single-menu {position:absolute;top:-300px;right:0;width:200px;font-size:12px;text-align:right;text-transform:uppercase;z-index:8;}
	.single-menu .colors {background:#818285;background:rgba(0,0,0,0.4);color:#fff;display:block;margin-bottom:1px;padding:4px 10px;height:10px;}
	.single-menu a.noblock {display:inline;margin:0;background:none !important;}
	.single-menu a.active {background:#000 !important;background:rgba(0,0,0,0.7) !important;}

.details-content {border-right:1px solid #818285;border-left:1px solid #818285;border-bottom:1px solid #818285;}
.details-content img {display:none;}

.threesix-container {width:600px;height:670px;overflow:hidden;margin:0 auto;}
.indicator {width:5px !important;height:20px !important;background:#818285;background:rgba(0,0,0,0.7) !important;cursor:pointer !important;margin-top:8px;}
	.indicator-bg {width:600px;height:5px;background:#eee;display:block;margin-top:15px;}


/* PREORDER */
#preorder {padding:60px;background:#000;background:rgba(0,0,0,0.8);position:absolute;top:28px;*top:32px;left:0;width:880px;height:560px;z-index:9;}
#preorder-image {float:left;width:393px;overflow:hidden;height:400px;}
#preorder h5 {color:#ed1c24;font-size:18px;margin-left:15px;text-transform:uppercase;margin-bottom:5px;}
#preorder h4 {font-size:24px;margin-left:15px;text-transform:uppercase;color:#fff;}
#preorder-add {margin-top:40px;color:#fff;font-size:11px;}

#preorder-style {margin-top:40px;}
#preorder-style span {float:left;width:15px;height:15px;margin:0 10px 0 0;cursor:pointer;border:1px solid #818285;}
#preorder-style h4, #preorder-add h4 {font-size:14px;margin-bottom:5px;}

input#preorder-qty {width:30px;outline:0;border:1px solid #818285;display:block;margin-bottom:10px;}

#iphone-callout {display:none;}


/* MUSIC PLAYER */

#musicplayer {position:absolute;top:60px;left:0;z-index:8;display:none;}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 2.0
 * Date: 29th April 2010
 */

#close-jplayer a {display:block;width:9px;height:9px;background:url(jplayer/close.png) no-repeat;position:absolute;top:6px;left:6px;z-index:2001;}

div.jp-single-player,
div.jp-playlist-player {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em;

	font-family:Arial, sans-serif;
	line-height:1.6;
	color: #666;
}
div.jp-interface {
	position: relative;
	background:#aaa;
	background:rgba(0,0,0,0.3);
	width:190px;
	height:66px;
	border:1px solid #818285;
}
div.jp-single-player div.jp-interface {
	border-bottom:none;
}
div.jp-playlist-player div.jp-interface {
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
}
div.jp-interface ul.jp-controls a {
	display: block;
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	top:44px;
	width:23px;
	height:15px;
}
div.jp-single-player a.jp-play,
div.jp-single-player a.jp-pause {
	left:31px;
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
	left:30px;
}
a.jp-play {
	background: url(jplayer/playbutton.png) 0 0 no-repeat;
}
a.jp-play:hover {
}
a.jp-pause {
	background: url(jplayer/pausebutton.png) 0 0 no-repeat;
}
a.jp-pause:hover {
}
a.jp-stop {
	top:26px;
	width:28px;
	height:28px;
	display:none;
}
div.jp-single-player a.jp-stop {
	left:90px;
}
div.jp-playlist-player a.jp-stop {
	left:126px;
}
a.jp-stop:hover {
}
a.jp-previous {
	left:4px;
	top:44px;
	background: url(jplayer/previousbutton.png) 0 0 no-repeat;
	width:23px;
	height:15px;
}
a.jp-previous:hover {
}
a.jp-next {
	left:56px;
	top:44px;
	background: url(jplayer/nextbutton.png) 0 0 no-repeat;
	width:23px;
	height:15px;
}
a.jp-next:hover {
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	top:49px;
	background-color: #ddd;
	width:60px;
	height:5px;
}
div.jp-single-player div.jp-progress {
	left:130px;
}
div.jp-playlist-player div.jp-progress {
	left:88px;
}
div.jp-load-bar {
	background: #ccc;
	width:0px;
	height:5px;
	cursor: pointer;
}
div.jp-play-bar {
	background: #656565;
	width:0px;
	height:5px;
}
a.jp-volume-min {
	top:44px;
	background: url(jplayer/volume.png) no-repeat;
	width:14px;
	height:15px;
	opacity:0.5;
}
div.jp-single-player a.jp-volume-min {
	left:274px;
}
div.jp-playlist-player a.jp-volume-min {
	left:157px;
}
a.jp-volume-min:hover {
}
a.jp-volume-max {
	top:44px;
	background: url(jplayer/volume.png);
	width:14px;
	height:15px;
}

#jp_volume_max {display:none;}

div.jp-single-player a.jp-volume-max {
	left:346px;
}
div.jp-playlist-player a.jp-volume-max {
	left:157px;
}
a.jp-volume-max:hover {
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	top:37px;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-single-player div.jp-volume-bar {
	left:292px;
}
div.jp-playlist-player div.jp-volume-bar {
	left:314px;
}
div.jp-volume-bar-value {
	width:0px;
	height:5px;
}
div.jp-play-time,
div.jp-total-time {
	position: absolute;
	display:none;
	top:49px;
	width:122px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-total-time {
	text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
	left:130px;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
	left:164px;
}
div.jp-playlist {
	width:190px;
}
div.jp-playlist ul{
	list-style-type:none;
	margin:0;
	border-top:none;
	width:190px;
	font-size:11px;
}
div.jp-single-player div.jp-playlist li {
}
div.jp-playlist-player div.jp-playlist li {
display:none;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last {
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
	display:block !important;
	position:absolute;
	top:20px;left:5px;
	padding:2px 4px;
	background:#fff;
	color:#000;
	z-index:20;
	width:172px;
	font-size:10px;
}
div.jp-playlist-player div.jp-playlist a {
	text-decoration: none;
}
div.jp-playlist-player div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
	background:#fff;
	color:#000;
	display:block;
}

/**** TRY EM ON ****/

#try-main{
	overflow:hidden;
	width:917px;
	padding:80px 0 0 50px;
}
#try-header{
	float:left;
	width:642px;
	padding:32px 0 22px;
}
#try-header h1{
	margin:0;
	float:right;
	overflow:hidden;
	text-indent:-9999px;
}
.text-virtual-room{
	width:365px;
	height:33px;
	background:url(../images/text-virtual-room.gif);
}
.logo{
	float:left;
	width:175px;
	height:31px;
	margin:3px 0 0;
	background:url(../images/logo.gif);
	overflow:hidden;
	text-indent:-9999px;
}
.logo a{
	display:block;
	height:100%;
}
#try-content{
	border:1px solid #fff;
	height:480px;
	width:640px;
	float:left;
	background:url(../images/bg-content.jpg);
	position:relative;
}
.block{
	margin:42px 0 0 auto;
	padding:0 0 8px;
	width:426px;
	background:url(../images/bg-block.gif) no-repeat 11px 169px;
}
.block p{
	margin:0 0 16px;
	overflow:hidden;
	text-indent:-9999px;
}
.text-this-is{
	margin:0 0 4px 11px;
	width:344px;
	height:18px;
	background:url(../images/text-this-is.gif);
	overflow:hidden;
	text-indent:-9999px;
}
.text-if-this-is{
	width:393px;
	height:44px;
	background:url(../images/text-if-this-is.gif);
	position:relative;
}
.text-download{
	position:absolute;
	top:16px;
	left:176px;
	width:145px;
	height:14px;
	overflow:hidden;
	background:url(../images/text-download.gif);
}
.text-download:hover{background:none;}
.block .text-while-you-wait{
	width:393px;
	height:28px;
	background:url(../images/text-while-you-wait.gif);
	margin:0 0 15px;
}
.block .text-if-done{
	width:393px;
	height:37px;
	background:url(../images/text-if-done.gif);
	margin:0;
}
.btn-launch{
	float:right;
	width:101px;
	height:39px;
	background:url(../images/btn-launch.gif);
	overflow:hidden;
	text-indent:-9999px;
	margin:19px 40px 0 0;
}
.btn-launch:hover, .btn-troubleshooting:hover{background-position:0 100%;}
.btn-troubleshooting{
	position:absolute;
	top:460px;
	left:523px;
	width:117px;
	height:20px;
	background:url(../images/btn-troubleshooting.gif);
	overflow:hidden;
	text-indent:-9999px;
}
.flash-area{
	float:right;
	width:250px;
	height:570px;
	margin:-88px 0 0;
}
.flash-area img{vertical-align:top;}
#try-footer{padding:9px 0 0;position:relative;}

#footer-like {position:absolute;top:15px;left:50px;}

.social-networks{
	padding:0 0 0 556px;
	margin:0 0 27px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.social-networks li{
	float:left;
	margin:0 0 0 2px;
	display:inline;
}
.social-networks a{
	float:left;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}
.twitter{background:url(../images/social-networks.gif);}
.facebook{background:url(../images/social-networks.gif) -34px 0;}
.you-tube{background:url(../images/social-networks.gif) -68px 0;}
.myspace {background:url(../images/social-networks.gif) 32px 0;}
.twitter:hover{background-position:0 32px;}
.facebook:hover{background-position:-34px 32px;}
.you-tube:hover{background-position:-68px 32px;}
.myspace:hover{background-position: 32px 32px;}
.menu{
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.menu li{
	float:right;
	padding-left:7px;
}
.menu a{
	float:left;
	width:72px;
	height:27px;
	overflow:hidden;
	text-indent:-9999px;
}
.btn-faq{background:url(../images/btn-faq.gif);}
.btn-close{background:url(../images/btn-close.gif);}
.btn-faq:hover, .btn-close:hover{background-position:0 27px;}
