/* @override http://localhost:3000/stylesheets/marketing.css */

* {
    outline: none;
}
html {
	font-size: 62.5%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

body {
	font-size: 1.4em;
	line-height: 170%;
	margin: 0 auto;
	background: #fff url(../images/header_extender.gif) top center no-repeat;
	color: #555;
}

body#internal { background: #fff url(../images/internal_header_extender.gif) top center no-repeat; }
body#press { background: none; }

hr {
	visibility: hidden;
	clear: both;
	margin: 0;
	padding: 0;
}

a {
	color: #156da6;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
	a:hover { color: #fff; background: #156da6; border: none; }
	#launchFeed a { border: none; }

.squeezer {
	margin: 0 auto;
	width: 960px;
}
.center { text-align: center; }

/*** SCREENCAST CORNER ****/

#corner{
    width:200px;
    height:150px;
    position: fixed;
    z-index:10;
	top: 0;
	right: 0;
	text-align: right;
	border: none;
	background: url("/images/corner.png") no-repeat top right;
}
#corner a:hover, #corner a{
    text-decoration:none;
    background:transparent;
    border:none;
}

/***** HEADER *****/

#header {
	position: relative;
	background: #d4d4d4 url(../images/band.gif) top left no-repeat;
	height: 32.5em;
	width: 1000px;
	margin: 0 auto;
}
#internal #header {
	background: #d4d4d4 url(../images/internal_header_back.gif) top left no-repeat;
	height: 229px;
}
	#header h1, #header h2, #header ul { position: absolute; }
	#header h1, #header h2 { overflow: hidden; text-indent: -9999px; }

	#header h1 {
		background: url(../images/logo.gif) top left no-repeat;
		width: 250px;
		height: 100px;
		margin: 25px 0 0 5px;
	}
	
	#header h2 {
		top: 130px;
		right: 25px;
		background: url(../images/title_artists.gif) top left no-repeat;
		width: 444px;
		height: 87px;
	}
		#internal #header h2 {
			top: 135px;
			right: 25px;
			height: 35px;
		}
			#internal #header h2#titlePress {
				background: url(../images/title_pr.gif) top right no-repeat;
			}
			#internal #header h2#titleTerms {
				background: url(../images/title_terms.gif) top right no-repeat;
			}
			#internal #header h2#titlePrivacy {
				background: url(../images/title_privacy.gif) top right no-repeat;
			}
	
	#header ul {
		top: 230px;
		right: 120px;
		max-width: 370px;
		color: #fff;
		list-style: none;
	}
		#header ul li { 
			padding: 0 0 0.5em 23px;
			background: url(../images/bullet_star.gif) 0 0.3em no-repeat;
		}
	
	#breadcrumb {
		padding: 2px 0;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		font-size: 0.8em;
		color: #555;
	}
		
/*** MAIN CONTENT ***/

#internal #mainContent {
	width: 760px;
	margin: 0 auto;
	padding: 1.2em 0;
}
	#internal #mainContent h3 {
		font: normal 1.8em Georgia, Times, serif;
		line-height: 130%;
		color: #156da6;
	}

/* --- Steps --- */

#steps {
	margin: 0 auto;
	width: 1000px;
}

div.step {
	width: 220px;
	float: left;
	background: url(../images/chevron.gif) 100% 40% no-repeat;
	padding: 0 100px 0 0;
	margin: 30px 41px 0 0;
}
	#step1 { padding-right: 80px; margin-left: 20px;}
	#step2 { padding-right: 110px; margin-top: 55px;}
	#step3 { background: none; padding-right: 0; margin-top: 80px; }

#step1 h3, #step2 h3, #step3 h3, #step1 h4, #step2 h4, #step3 h4 {
	background: top center no-repeat;
	width: 168px;
	height: 66px;
	text-indent: -9999px;
	overflow: hidden;
}

#step1 h4, #step2 h4, #step3 h4 {
	height: 40px;
}

#step1 h3 {
	background-image: url(../images/step1.gif);
}

#step2 h3 {
	background-image: url(../images/step2.gif);
}

#step3 h3 {
	background-image: url(../images/step3.gif);
}

#step1 h4 {
	background-image: url(../images/title_upload.gif);
	width: 206px;
}

#step2 h4 {
	background-image: url(../images/title_business.gif);
	width: 246px;
}

#step3 h4 {
	background-image: url(../images/title_world.gif);
	width: 200px;
}

/* -- Upload Form -- */

#upload-container{
	width: 450px;
	float: left;
}

#upload {
	background: #ededed url(../images/upload_extender.gif) top left repeat-x;
}

#uploadForm{ float:left; }
#upload .squeezer {
	background: #ededed url(../images/upload_back.gif) top left no-repeat;
	padding: 80px 20px 0 20px;
	width: 960px;
	color: #6b532c;
}
	#upload form {		
		width: 440px;
	}

		#upload h3 {
			text-indent: -9999px;
			overflow: hidden;
		}

		#upload form h3#emailTitle {
			background: url(../images/title_email.gif) top left no-repeat;
			width: 220px;
			height: 31px;
		}

		#upload form h3#fileTitle {
			background: url(../images/title_file.gif) top left no-repeat;
			width: 375px;
			height: 30px;
		}
	
		#upload form input {
			font-size: 1.4em;
			width: 400px;
		}
			#upload form input[type="file"] {
				font-size: 0.8em;
			}
			
			#upload form input#uploadButton { width: auto; }

		#upload p {
			font-size: 0.9em;
			line-height: 150%;
			margin: 10px 0 10px 0;
		}
		#upload p.notify{
			margin-bottom:20px;
		}

	#uploadTips {
		float: left;
		margin-left: 60px;
		width: 440px;
	}
		
		#uploadTips h3 {
			background: url(../images/title_tips.gif) top left no-repeat;
			width: 211px;
			height: 31px;			
		}
	#launchFeed {
		float: left;
		margin-left: 60px;
		width: 440px;
	}

		#launchFeed h3 {
			background: url(../images/title_or.gif) top left no-repeat;
			width: 211px;
			height: 31px;			
		}
		#launchFeed a:hover{
			background:none;
		}
		
		
		#tipBox {
			position: relative;
			background: #fff url(../images/tips_top.gif) top left no-repeat;
			width: 333px;
			font-size: 0.85em;
			line-height: 150%;
			padding: 35px 0 30px 0;
		}
			
			#tipBox ul {
				width: 250px;
				margin: 0 0 0 50px;
				padding: 0;
				list-style-image: url(../images/tick.gif);
			}
				#tipBox ul li {
					margin: 0 0 3px 0;
				}
			
			#tipBox #tipBottom {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 334px;
				height: 20px;
				background: url(../images/tips_bottom.gif) bottom left no-repeat;
			}

/* -- FAQs -- */

#questions {
	padding: 30px 20px;
	width: 960px;
	margin: 0 auto;
}

#questions h3 {
	text-indent: -9999px;
	overflow: hidden;	
	background: url(../images/title_questions.gif) top left no-repeat;
	width: 454px;
	height: 28px;
	margin-bottom: 25px;
}

	.question {
		float: left;
		width: 260px;
		margin-right: 60px;
	}
	
	.question .qBox {
		background: #ff963c url(../images/questionbox_top.gif) top left no-repeat;
		width: 199px;
	}
		.question .qBox p {
			background: url(../images/questionbox_bottom.gif) bottom left no-repeat;
			padding: 15px 10px;
			font-size: 1em;			
			line-height: 150%;
			color: #fff;
		}	
	
	p#more, p#press {
		clear: both;
		text-align: left;
		padding-top: 40px;
	}		

/**** FOOTER ****/

#footer {
	background: #2780b9;
	color: #fff;
	font-size: 0.9em;
	line-height: 140%;
	padding: 10px 20px;
	margin-top: 45px;
}
	#footer p.right {
		float: right;
	}
	
	#footer a:link, #footer a:visited{
		color: #fff;
	}