/* LAYOUT and STRUCTURE */

body {
	background-color: #2c2c2c;
	font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
}

.wrap {
	margin: 0 auto;
	width: 960px;
}

#home_logos {
	position:absolute;
	top:88px;
	left:0px;
}

#top {
	background: #191919 url(../images/css/masthead_bg.jpg) no-repeat top center;
	height: 510px;
	width: 100%;
}

#top-home {
	background: #191919 url(../images/css/masthead-home_bg2.jpg) no-repeat top center;
	height: 467px;
	width: 100%;
}

#top-small {
	background: #191919 url(../images/css/masthead-contact_bg2.jpg) no-repeat top center;
	height: 160px;
	width: 100%;
}

#middle {
	background: url(../images/css/middle_bg.jpg) no-repeat top center;
	padding: 80px 0 0 0;
	width: 100%;
}

#body-content {
	background-color: #212121;
	color: #d3d3d3;
	margin: 0 0 80px 0;
	padding: 15px;
	width: 930px;
}

#featured-wrap {
	margin: 0 0 65px 0;
	width: 930px;
}

.featured {
	width: 445px;
}

#press-header {
	left: 75px;
	top: 130px;
}

#footer {
	background: url(../images/css/footer_bg3.jpg) repeat-x top left;
	padding: 10px 0 40px 0;
	width: 100%;	
}
#menu {
	background: url(../images/css/footer_bg2.jpg) repeat-x top left;
	padding: 0;
	width: 100%;
	height: 37px;	
}

#footernav-wrap {
	height: 33px;
	width: 960px;
}
#menunav-wrap {
	width: 960px;
	padding: 4px 0 0 0;
}

.cover {
	width: 150px;
}

.text {
	height: 200px;
	width: 285px;
}

.callout-wrap {
	margin: 0 0 80px 0;
	width: 960px;
}

.callout, .toggle-head, #warranty, #ipod-version, #bluetooth-version {
	background-color: #212121;
}

.callout {
	padding: 20px;
	width: 430px;
}

.toggle-head {
	width: 470px;
}

#ipod-version, #bluetooth-version {
	padding: 0 20px 30px;
}

#bluetooth-version {
	display: none;
}

.shop-photo {
	height: 336px;
	width: 470px;
}

#product-features {
	background: url(../images/css/icons.png) no-repeat 0 10px;
	height: 135px;
	margin: -57px 0 30px 0;
	width: 960px;
}

#flash-container {
	background: url(../images/css/flash-bg.jpg) no-repeat 0 0;
	height: 330px;
	left: 144px;
	padding: 26px 0 0 63px;
	top: 153px;
	width: 620px;
}

#column-container {
	background: url(../images/css/divider.jpg) repeat-x bottom left;
	padding: 0 0 30px 0;
	width: 430px;
}

.columns {
	width: 205px;
}

.button1 {
	right: -20px;
	top: 20px;
}

.button2 {
	right: 210px;
	top: 18px;
}

.openLoc {
	right: 20px;
	top: 30px;
}

#more-photos {
	display: none;
	width: 470px;
}

#warranty {
	display: none;
	padding: 20px 25px;
	width: 420px;
}

#ipod-bluetooth {
	height: 95px;
	width: 435px;
}

.select-product {
	background: url(../images/css/divider.jpg) repeat-x bottom left;
	width: 430px;
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
}

#right-col {
	width: 470px;
}

#ipod-wrap, #bluetooth-wrap {
	display: none;
	margin: -20px 0 0 0;
	width: 470px;
}

#ipod-top, #bluetooth-top {
	height: 20px;
	width: 470px;
}

#ipod-top {
	background: url(../images/css/ipod-pointer.png) no-repeat 0 0;
}

#bluetooth-top {
	background: url(../images/css/bluetooth-pointer.png) no-repeat 0 0;
}

#ipod-features, #bluetooth-features {
	background-color: #212121;
	margin: 0 0 20px 0;
	padding: 20px;
	width: 430px;
}

.quotes {
	background: url(../images/css/open-quote.gif) no-repeat top left;
	margin: 45px 0 0 0;
	padding: 0 0 0 30px;
}

#magazine {
	background-color: #212121;
}

.magarticle {
	margin: 0 auto;
	padding: 20px;
	width: 560px;
}

/* POSITIONING */

.wrap, #top, #top-home, #top-small, #middle, #body-content, #featured-wrap, #footer, #footernav-wrap, #menu, #menunav-wrap, .cover, .text, .callout-wrap, .callout, #product-features, #column-container, .columns, .shop-photo, .toggle-head, #more-photos, #warranty, #ipod-bluetooth, .select-product, #ipod-features, #bluetooth-features, #ipod-top, #bluetooth-top, #ipod-wrap, #bluetooth-wrap, #right-col, #ipod-version, #bluetooth-version, .quotes, .magarticle {
	position: relative;
}

#press-header, h1.thisis, a.read, h1.meet, h2.note-visor, p.worldsfirst, a.listen, #flash-container, #videgoPlayer_vjny5wj5, h1.reachout, .button1, .button2, h1.love, .openLoc {
	position: absolute;
}

/* FLOATS and CLEARING FLOATS */

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

.left, ul#magazines li, ul#footernav li, ul#menunav li, ul#examples li, ul#feature-buttons li, ul#photo-gallery li, ul.colors li, ul.selector-buttons li, img.alignleft {
	float: left;
}

.right, ul#feature-buttons, blockquote cite {
	float: right;
}

img.alignleft {
	margin: 0 15px 0 0;
}

/* HEADER TAGS */

h1.thisis {
	background: url(../images/css/h1_thisis.png) no-repeat 0 0;
	display: block;
	height: 54px;
	left: 28px;
	text-indent: -9999px;
	top: 53px;
	width: 272px;
}

h1.meet {
	background: url(../images/css/h1_meet.png) no-repeat 0 0;
	display: block;
	height: 55px;
	left: 0;
	text-indent: -9999px;
	top: 15px;
	width: 262px;
}

h1.reachout {
	background: url(../images/css/h1_reachout.png) no-repeat 0 0;
	display: block;
	height: 60px;
	left: 0;
	text-indent: -9999px;
	top: 50px;
	width: 490px;
}

h1.love {
	background: url(../images/css/h1_love.png) no-repeat 0 0;
	display: block;
	height: 60px;
	left: 0;
	text-indent: -9999px;
	top: 50px;
	width: 400px;
}

h2.note-visor {
	background: url(../images/css/h2_note_visor.jpg) no-repeat 0 0;
	display: block;
	height: 13px;
	left: 0;
	text-indent: -9999px;
	top: 452px;
	width: 141px;
}

h2.trendy {
	background: url(../images/css/h2_trendy.jpg) no-repeat 0 0;
	display: block;
	height: 30px;
	margin: 0 0 40px 0;
	text-indent: -9999px;
	width: 590px;
}

h2.featured-in {
	background: url(../images/css/h2_featured.jpg) no-repeat 0 0;
	display: block;
	height: 30px;
	margin: 0 0 45px 0;
	text-indent: -9999px;
	width: 380px;
}

h2.signup {
	background: url(../images/css/h2_signup.jpg) no-repeat 0 0;
	display: block;
	height: 20px;
	margin: 25px 0 30px 0;
	text-indent: -9999px;
	width: 232px;
}

h2.perfectfor {
	background: url(../images/css/h2_perfectfor.jpg) no-repeat 0 0;
	display: block;
	height: 30px;
	margin: 0 0 30px 0;
	text-indent: -9999px;
	width: 220px;
}

h2.contactus {
	background: url(../images/css/h2_contact.jpg) no-repeat 0 0;
	display: block;
	height: 20px;
	margin: 0 0 30px 0;
	text-indent: -9999px;
	width: 115px;
}

h2.photos {
	background: url(../images/css/h2_photos.jpg) no-repeat 0 0;
	display: block;
	height: 25px;
	margin: 20px 0 20px 25px;
	text-indent: -9999px;
	width: 190px;
}

h2.limited {
	background: url(../images/css/h2_limited.jpg) no-repeat 0 0;
	display: block;
	height: 30px;
	margin: 20px 0 15px 25px;
	text-indent: -9999px;
	width: 195px;
}

h2.presspull {
	background: url(../images/css/h2_press.jpg) no-repeat 0 0;
	display: block;
	height: 35px;
	margin: 25px 0 0 0;
	text-indent: -9999px;
	width: 420px;
}

h2.thestore {
	background: url(../images/css/h2_thestore.jpg) no-repeat 0 0;
	display: block;
	height: 30px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
	width: 180px;
}

/* TOP */

p.worldsfirst {
	background: url(../images/css/p_worldsfirst.jpg) no-repeat 0 0;
	display: block;
	height: 60px;
	left: 300px;
	text-indent: -9999px;
	top: 15px;
	width: 322px;
}
div#videgoPlayer_vjny5wj5 {
	display: block;
	left: 0px;
	top: 155px;
}
div#videgoPlayer_vjny5wj5 iframe{
	background:#191919;
}
/* BUTTONS */

a.shop {
	background: url(../images/css/a_shop.png) no-repeat 0 0;
	display: block;
	height: 130px;
	text-indent: -9999px;
	width: 245px;
}

a.shop:hover {
	background-position: 0 -130px;
}

a.experience {
	background: url(../images/css/a_experience.png) no-repeat 0 0;
	display: block;
	height: 135px;
	text-indent: -9999px;
	width: 243px;
}

a.experience:hover {
	background-position:  0 -135px;
}

a.read {
	background: url(../images/css/a_read.png) no-repeat 0 0;
	bottom: -25px;
	display: block;
	height: 90px;
	left: -30px;
	text-indent: -9999px;
	width: 188px;
}

a.read:hover {
	background-position: 0 -2px;
}

a.listen {
	background: url(../images/css/listen.jpg) no-repeat 0 0;
	display: block;
	height: 10px;
	right: 0;
	top: 155px;
	text-indent: -9999px;
	width: 82px;
}

a.listen:hover {
	background-position: 0 -10px;
}

a.arrow, a.arrow:visited {
	background: url(../images/css/arrow.png) no-repeat right 0;
	color: #fff;
	display: block;
	font-size: 31px;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
	text-decoration: none;
	text-transform: uppercase;
}

a.arrow:hover, a.arrow:active {
	background-position: right -31px;
}

a.seepress {
	background: url(../images/css/a_seepress.jpg) no-repeat 0 0;
	display: block;
	height: 60px;
	margin: 40px 0 0 0;
	text-indent: -9999px;
	width: 400px;
}

/* FEATURED MAGAZINES */

.text h3, .magarticle h3 {
	color: #fff;
	font-size: 30px;
	font-weight: normal;
}

.text small, .magarticle small {
	color: #c6c8c3;
	display: block;
	font-size: 11px;
	margin: 0 0 15px 0;
}

.text p, .magarticle p {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
}

/* MAGAZINE COVERS */

ul#magazines {
	color: #c6c8c3;
	font-size: 11px;
}

ul#magazines li {
	margin: 0 25px 20px 0;
}

ul#magazines li img {
	display: block;
	margin: 0 0 10px 0;
}

/* MAGAZINE PULL QUOTES */

blockquote p {
	background: url(../images/css/close-quote.gif) no-repeat top right;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	padding: 0 25px 0 0;
}

blockquote cite {
	color: #fff;
	display: block;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin: 10px 0 0 0;
}

/* EXPERIENCE */

.callout p {
	color: #d3d3d3;
	font-size: 15px;
	line-height: 26px;
}

ul#examples {
	color: #d3d3d3;
	font-size: 11px;
	margin: 20px 0 40px 0;
	text-align: center;
	text-transform: uppercase;
}

ul#examples li {
	margin: 0 0 0 20px;
}

ul#examples li:first-child {
	margin: 0;
}

ul#examples li img {
	display: block;
	margin: 0 0 20px 0;
}

ul#feature-buttons li a.ipod, ul#feature-buttons li a.bluetooth {
	display: block;
	height: 135px;
	text-indent: -9999px;
}

ul#feature-buttons li a.ipod {
	background: url(../images/css/a_ipod.png) no-repeat 0 0;
	width: 235px;
}

ul#feature-buttons li a.bluetooth {
	background: url(../images/css/a_bluetooth.png) no-repeat 0 0;
	width: 238px;
}

ul#feature-buttons li a.ipod:hover, ul#feature-buttons li a.bluetooth:hover {
	background-position: 0 -135px;
}

#ipod-features img, #bluetooth-features img {
	display: block;
	margin: 0 0 20px 0;
}

/* CONTACT */

.columns a, .columns a:visited {
	color: #70a1ff;
	text-decoration: none;
}

.columns a:hover, .columns a:active {
	text-decoration: underline;
}

.columns h4 {
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

.columns address {
	color: #fff;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
}

form#mailinglist {
	width: 351px;
}

form#contactform {
	width: 396px;
}

form#mailinglist label, form#contactform label {
	color: #e1e1e1;
	font-size: 13px;
}

form#contactform label.message {
	display: block;
	margin: 5px 0 0 0;
}

form#mailinglist input#name, form#mailinglist input#email, form#contactform input#fullname, form#contactform input#emailaddress {
	background: url(../images/css/input.jpg) no-repeat 0 0;
	color: #fff;
	font-size: 13px;
	height: 16px;
	padding: 5px;
	width: 256px;
}

form#mailinglist input#signup {
	margin: 0 0 10px 0;
}

form#contactform textarea#yourmessage {
	background: url(../images/css/textarea.jpg) no-repeat 0 0;
	border: none;
	color: #fff;
	font-size: 13px;
	height: 141px;
	line-height: 16px;
	overflow: auto;
	padding: 5px;
	width: 256px;
}

table.listform th {
	padding: 0 15px 0 0;
	text-align: right;
	width: 70px;
}

table.contactlayout th {
	padding: 0 15px 0 0;
	text-align: right;
	width: 115px;
}

table.listform tr, table.contactlayout tr {
	display: block;
	margin: 0 0 15px 0;
}

/* SHOP */

.open, .open-warranty {
	background: url(../images/css/open-close.png) no-repeat 0 -15px;
	display: block;
	height: 10px;
	text-indent: -9999px;
	width: 11px;
}

.close, .close-warranty {
	background-position: 0 0;
}

#warranty p, #ipod-features p, #bluetooth-features p {
	color: #d3d3d3;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 25px 0;
}

#warranty h3, #ipod-features h3, #bluetooth-features h3 {
	color: #66ae48;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 3px 0;
}

#warranty a, #warranty a:visited {
	color: #70a1ff;
	text-decoration: none;
}

#warranty a:hover, #warranty a:active {
	text-decoration: underline;
}

table.shopping thead th, table.addcart th {
	color: #c4c4c4;
	font-size: 13px;
	padding: 0 0 10px 0;
	width: 143px;
}

table.shopping tbody td, table.addcart td {
	color: #fff;	
}

table.shopping tbody td {
	font-size: 21px;
}

table.addcart td {
	font-size: 31px;
}

ul.colors li {
	margin: 0 3px 0 0;
}

ul.colors li a img {
	border: 1px solid #2c2c2c;
}

ul.colors li a:hover img {
	border: 1px solid #fff;
}

input#quantity, input#bluetooth-quantity {
	background: url(../images/css/quantity_bg.jpg) no-repeat 0 0;
	color: #fff;
	font-size: 13px;
	height: 23px;
	padding: 3px 3px 0 3px;
	width: 102px;
}

table.addcart {
	margin: 0 0 0 143px;
}

ul.selector-buttons li {
	margin: 0 0 0 15px;
}

ul.selector-buttons li:first-child {
	margin: 0;
}

ul.selector-buttons li a.ipodselector-button, ul.selector-buttons li a.bluetoothselector-button {
	display: block;
	height: 91px;
	text-indent: -9999px;
	width: 205px;
}

ul.selector-buttons li a.ipodselector-button {
	background: url(../images/css/ipod-shop.png) no-repeat 0 0;
}

ul.selector-buttons li a.bluetoothselector-button {
	background: url(../images/css/bluetooth-shop.png) no-repeat 0 0;
}

ul.selector-buttons li a.ipodselector-button:hover, ul.selector-buttons li a.bluetoothselector-button:hover {
	background-position: 0 -91px;
}

/* FOOTER */

#footer {
	font-size: 14px;
}

ul#footernav {
	text-transform: uppercase;
}

ul#footernav li {
	margin: 0 35px 0 0;
}

ul#footernav li a, ul#footernav li a:visited {
	color: #2c2c2c;
	text-decoration: none;
}

ul#footernav li a:hover, ul#footernav li a:active {
	color: #171717;
}

#footernav-wrap p {
	color: #2c2c2c !important;
	text-transform: uppercase;
}

#footer .wrap p {
	color: #2c2c2c !important;
}

#footernav-wrap p a, #footernav-wrap p a:active {
	color: #214b82;
	text-decoration: none;
}

#footer p {
	color: #969696;
	font-size: 12px;
}

/* HEADER MENU */

#menu {
	font-size: 14px;
}

ul#menunav {
	text-transform: uppercase;
}

ul#menunav li {
	margin: 0 3px 0 0;
}

ul#menunav li a, ul#menunav li a:visited {
	color: #ebebeb;
	padding:5px 20px 15px 25px;
	display:block;
	font-weight:bold;
	text-decoration: none;
	font-family: Verdana, Tahoma, "Trebuchet MS", sans-serif;
}

ul#menunav li a:hover, ul#menunav li a:active , ul#menunav li a.current {
	color: #ebebeb;
	padding:10px 20px 15px 25px;
	background: url(../images/css/menu_li_bg.png) no-repeat top left;
}

#menunav-wrap p {
	color: #2c2c2c !important;
	text-transform: uppercase;
	margin-top:4px;
}

#menunav-wrap p a, #menunav-wrap p a:active {
	color: #191919;
	font-weight:bolder;
	text-decoration: none;
}

#menu p {
	color: #969696;
	font-size: 12px;
}