* {
	padding:0;
	margin:0;
}

html {
	color:#fff;
}

.clear {clear:both;}

body {background:url('images/carbon_fibre_big.png') repeat;}

a {text-decoration: none; color:#f05b26;}
a:hover {text-decoration: underline;}
a img {border:none;}

p {font-family: arial, sans-serif; font-weight: 300; margin-bottom: 18px;}

h1, h2, h3 {font-family:'LeagueGothicRegular', arial, sans-serif; font-weight:normal;}
h1 {font-size:1.6em;}

#page-wrap {width:960px; /*add with padding left and right to equal 1000px*/ padding:20px 20px 20px 20px; margin:0 auto; background:#000;}

.img-float-left {float:left; margin-right:12px; font-size:0.8em; text-align: center; border:1px solid #3D3D3D; padding:4px 4px 2px;}
.img-float-right {float:right; margin-left:12px; font-size:0.8em; text-align: center; border:1px solid #3D3D3D; padding:4px 4px 2px;}
#home-page #musicPlayer {float:left;}
#home-page #playlist {float:left; width:210px; padding-left:2px;}
#home-page #playlist li {float:left; list-style: none; margin-left:4px;}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NewsCycleRegular';
    src: url('fonts/NewsCycle-Regular-webfont.eot');
    src: url('fonts/NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NewsCycle-Regular-webfont.woff') format('woff'),
         url('fonts/NewsCycle-Regular-webfont.ttf') format('truetype'),
         url('fonts/NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* HEADER */
/* =================================================================== */

#header-wrap {width:960px; position:relative; margin-bottom: 20px;}

#nav-wrap {
		height:25px; /*add with padding top and bottom to equal 47px*/ padding:18px 12px 4px 18px;
		background:url('images/nav-bg.jpg') repeat-x; 
		margin-top:14px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}
#nav-wrap li {font-family:Helvetica, Arial, sans-serif; list-style:none; float:left; font-size:0.8em; text-shadow: #000 1px 1px;}
#nav-wrap li a {color:#fff; padding:18px 20px 20px;}
#nav-wrap li a:hover {color:#f05b26; text-decoration: none;}

#login-wrap {position:absolute; right:0; top:0; height:100px; width:230px;}
#login_form {background:url('images/orange-glow.jpg') no-repeat 68px 1px; height:90px;}
.login-text {font-family:arial, sans-serif; font-weight:normal; font-size:0.75em;}
.login-text a:hover {text-decoration: underline;}
#login-button {background:url('images/login-button.jpg') repeat-x; padding:3px 5px; color:#fff; -moz-border-radius: 2px; border-radius: 2px; border:none; width:60px; text-align: center; cursor: pointer; font-size:0.75em;}
#login-button:hover {background-position:0 -24px;}
#login-wrap .textfield {width:160px;}
.logged-in {font-family:arial, sans-serif; font-size:0.8em;}

/* BODY */
/* =================================================================== */

#main-content-wrap p {font-size:0.8em;}

.silver-box {
	-moz-border-radius: 8px;
	border-radius: 8px; 
	background: #D2D4D5; padding-bottom: 5px;}
.silver-box .header-text {color:#000; padding:2px 0 2px 20px;}
#content-left {float:left; width:720px;}
#content-left .black-box {
	background:#000; 
	width:680px; 
	padding:12px 16px;
	margin:0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px; 
}	
#content-left .black-box p {line-height:130%;}
#content-right {background:url('images/orange-glow-2.jpg') no-repeat 35px 120px; float:right; width:230px;}
#content-right .black-box {
	background:#000; 
	width:86%;
	padding:12px;
	margin:0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px; 
}
#content-right .silver-box {margin-bottom: 12px;}
#video-page #content-right {height:300px; background-position: 35px 90px;}
.homemusicpreview {float:left; margin-right:4px; margin-bottom: 4px;}
.myPlayer {width:220px; height:200px;}

#musicpreviewgrid {float:right; margin-left:10px; width:220px;}
#musicpreviewgrid li {list-style:none; float:left; margin-right:6px;}
#videoPlayer {float:left;}

/* SUBPAGE */
/* =================================================================== */

/* Contact */

#contact-form {font-family:arial, sans-serif; font-size:0.75em;}
#contact-form input {margin-bottom: 12px; margin-left:5px; font-size:1em;}
#contact-form textarea {margin-left: 5px; width:300px; margin-bottom: 12px; font-family:arial, sans-serif; font-size:1em;}
#contact-form #name {width:200px; font-family:arial, sans-serif;}
#contact-form #email {width:200px; font-family:arial, sans-serif;}
#contact-form #send {background:url('images/login-button.jpg') repeat-x; padding:3px 5px; color:#fff; -moz-border-radius: 2px; border-radius: 2px; border:none; width:60px; text-align: center; cursor: pointer;}
#contact-form #send:hover {background-position:0 -24px;}

/* Video */

#video-page .video-mini {display:none;}

/* Favorites */

#favorites-page #content-left {width:100%;}
#favorites-page #content-left .black-box {width: 920px; font-family: arial, sans-serif; font-size:0.8em;}
#favorites-page .orange-button {cursor:pointer;}

/* Music Search */

#search-page #content-left {width:100%;}
#search-page #content-left .black-box {width: 920px; font-family: arial, sans-serif; font-size:0.8em;}
#search-page #content-left input {margin:6px 0 6px 5px;}
#search-page #content-left select {margin:6px 0 6px 5px;}
.search_results_header {color:#000;}
#search-page #content-left .orange-button {color:#fff; font-size:0.9em; background:url('images/login-button.jpg') repeat-x; padding:5px 10px; color:#fff; -moz-border-radius: 2px; border-radius: 2px;}
#search-page #content-left .orange-button:hover {text-decoration: none; background-position:0 -22px;}
.tooltipContent {color:#000;}
#catalog_ds_nav, .catalog_ds_nav_status {margin-top:12px;}
#mediaspace {margin-right:12px;}
.play_track {cursor:pointer;}
.option_buttons {cursor:pointer;}

/* License */

#license-page #content-left .black-box {font-family: arial, sans-serif; font-size:0.8em;}
.progress_done {background:#272324; border-right:1px solid #000; padding: 5px; font-family: arial, sans-serif;}
.progress_notdone {background:#b9bbbd; border-right:1px solid #000; padding: 5px; color:#000; font-family: arial, sans-serif;}
#license-page #content-left .black-box input {margin-bottom:4px;}
#license-page #content-left .black-box legend {margin-left:5px;}
#license-page #content-left .black-box #step3 select {margin-right:5px;}
#license-page #content-left .black-box #step3 .search_results_header {padding:2px; color:#000; background:#b9bbbd; border-right:1px solid #000;}

/* Registration */

#registration-page #content-left .black-box {font-family:arial, sans-serif; font-size:0.8em;}
#registration-page #content-left .black-box input {margin-bottom:4px; margin-left:4px;}
#registration-page #content-left .black-box select {margin-left:4px;}

/* My Account */

#account-page #content-left .black-box {font-family:arial, sans-serif; font-size:0.8em;}
#account-page #content-left .black-box input {margin-bottom: 5px; margin-left:2px;}
#account-page #content-left .black-box select {margin-left:2px;}

/* FOOTER */
/* =================================================================== */

#footer-wrap {border-top:1px solid #fff; padding-top:12px; margin-top:20px;}
#footer-wrap p {font-size:0.7em; font-family:arial, sans-serif;}
#footer-wrap p a {color:#fff;}
#footer-wrap p a:hover {color:#f05b26;}
#footer-wrap span {float:right;}