* { margin:0; padding:0; outline:none; }

body {
	font:87.5% Arial, Helvetica, sans-serif;
	background: #000 url(../img/bg_body.gif);
	color: #ccc;
}
a {
	color: #f93;
	text-decoration: none;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
a:hover {
	color: #ccc;
	text-decoration: underline;
}

abbr,acronym,dfn {
	cursor:help;
	border-bottom:1px dotted #333;
	}

h1,h2,h3,h4,h5,h6 {
	font-family: Garamond, Georgia, Times New Roman, Times, serif;
	font-weight:normal;
}
h1 { font-size: 2.5em; }
h2 { font-size: 2.2em;margin-bottom:0.5em; }
h3 { font-size: 2em; }

h1 small { font-size:12px; }

#badge {
	visibility:visible !important; 
	position:absolute;
	top:0px;
	left:0px; 
	width:232px; 
	height:242px; 
	}
	html>body #badge { background:url(../img/badge_newyears.png) no-repeat; }
	
blockquote {
	width:80%;
	margin:1.5em auto 3em;
	padding:0 1em;
	border-left:10px solid #222;
	display:block;
	clear:both;
	}
	
.spacer {
	height:15px;
	clear:both;
	}

/*------------------------
      STRUCTURE
-------------------------*/

	
#header {
	position:relative;
	width:100%;
	float:left;
	background:url(../img/bg_wall.jpg) repeat-x center top;
	height:219px;
	}
	
#header_inner {
	width:760px;
	height:219px;
	margin:0 auto;
	}
	html>body #header_inner { background:url(../img/bg_header.png) no-repeat; }
	
#logo h1 { text-indent:-99999em;margin:0 0 0 35px; }

#logo h1 a {
	width:343px;
	height:189px;
	display:block;
	}
	html>body #logo h1 a { background:url(../img/logo.png) no-repeat; }
	
#logo h1 em { display:none; }
	
#content {
	background:#000;
	padding-bottom:1.5em;
	}
	#content div {
		-webkit-animation-name: fade;
		-webkit-animation-delay: 0s;
		-webkit-animation-duration: 1.5s;
		-webkit-animation-timing-function: ease;
	}
	
	@-webkit-keyframes fade {
			from {
				opacity:0;
			}
			25% {
				opacity:0;
			}
			to {
				opacity:1;
			}
		}

#content_inner {
	width:760px;
	margin:0 auto;
	}
#left {
	position:relative;
	width:380px;
	float:left;
	}
#right {
	position:relative;
	width:380px;
	float:right;
	}
	
#pagebody {
	clear:both;
	}





/*------------------------
      MAIN NAV
-------------------------*/	

#nav {
	position:relative;
	float:right;
	width:380px;
	top:0px;
	}
#nav ul { list-style:none; }

#nav ul li { float:left;display:block; }

#nav ul li a { 
	text-indent:-99999em;
	display:block;
	width:auto;
	height:30px;
	background-position:left top;
	}
	
#nav ul li a:hover { background-position:right top; }
	html>body #nav ul li a:hover { background-position:right top; }

#nav ul li.studio a { width:114px; }
	html>body #nav ul li.studio a { background:url(../img/tab_studios.png) no-repeat left top; }
	html>body #nav ul li.studio a:hover { background-position:right top; }
	html>body #nav ul li.studio a.active { background:url(../img/tab_studios_active.png); } 

#nav ul li.questions a { width:84px; }
	html>body #nav ul li.questions a { background:url(../img/tab_questions.png) no-repeat left top; } 
	html>body #nav ul li.questions a:hover { background-position:right top; }
	html>body #nav ul li.questions a.active { background:url(../img/tab_questions_active.png); } 

#nav ul li.about a { width:58px; }
	html>body #nav ul li.about a { background:url(../img/tab_about.png); }
	html>body #nav ul li.about a:hover { background-position:right top; }
	html>body #nav ul li.about a.active { background:url(../img/tab_about_active.png); } 

#nav ul li.contact a { width:72px; }
	html>body #nav ul li.contact a { background:url(../img/tab_contact.png); } 
	html>body #nav ul li.contact a:hover { background-position:right top; }
	html>body #nav ul li.contact a.active { background:url(../img/tab_contact_active.png); }

#nav ul li.myspace a { width:39px; }
	html>body #nav ul li.myspace a { background:url(../img/tab_myspace.png); }
	html>body #nav ul li.myspace a:hover { background-position:right top; }
	html>body #nav ul li.myspace a.active { background:url(../img/tab_myspace_active.png); } 
	
#nav ul li.gallery a { width:100px;height:89px;position:absolute;top:-215px;left:60px; }
	html>body #nav ul li.gallery a { background:url(../img/btn_gallery.png); }
	html>body #nav ul li.gallery a:hover { background-position:left top; }
	
#nav ul li.resources a { width:100px;height:48px;position:absolute;top:-200px;left:-45px; }
	html>body #nav ul li.resources a { background:url(../img/btn_resources.png); }
	html>body #nav ul li.resources a:hover { background-position:left top; }

	

/*------------------------
      ELEMENTS
-------------------------*/	


#left p, #pagebody p, #pagebody p {
	margin:0 0 1.2em 0;
	font-size:1em;
	line-height:1.5em;
	}
	
#pagebody p.post {
	border-left:15px solid #111;
	padding-left:2em;
	font-size:.8em;
	letter-spacing:0.1em;
	color:#666;
	display:block;
	}
	
#right p {
	margin:0px 15px 1.9em;
	font-size:1em;
	padding:0 15px;
	line-height:1.5em;
	}
	



/*------------------------
      LEFT COL
-------------------------*/

#left h1 {
	display:block;
	background:#AF0511 url(../img/grad_red.jpg) repeat-x left bottom;
	padding:15px 0 15px 20px;
	margin:15px 0 15px;
	}
		
#left h2 {
	display:block;
	padding-left:20px;
	margin:1em 0 .75em;
	color:#888;
	}
	
#left h3 {
	margin:1em 0;
	padding:5px 8px;
	background:#0B0B0B;
	}
	
#left h3.features {
	margin:2.25em 0 0.5em;
	padding:0 0 0 20px;
	color:#888;
	font-size:1.35em;
	background:none;
	}

#instructions {
	background:url(../img/instructions.gif) no-repeat;
	width:350px;
	height:120px;
	text-indent:-9999em;
	list-style-type:none;
	}
	
#instructions_after {
	background:url(../img/instructions_after.png) no-repeat;
	width:350px;
	height:160px;
	margin-top:1.5em;
	text-indent:-9999em;
	list-style-type:none;
	}
	html>body #instructions_after { margin-top:4em; }
	
#roomlist {
	width:320px;
	margin:1em auto 0;
	}
	
#roomlist ul { list-style:none;margin:0 0 2px;padding:0; }
	#roomlist ul li { }
		#roomlist ul li a {
			position:relative;
			width:auto;
			line-height:40px;
			height:40px;
			padding:0 5px 0 60px;
			margin:0;
			background:#111;
			border-bottom:2px solid #000;
			font-size:1em;
			display:block;
			}
			#roomlist ul li a:hover {
				color:#fff;
				font-weight:bold;
				text-decoration:none;
				background-color:#222 !important;
				}
				#roomlist ul li a.active, #roomlist ul li a.active:hover {
					color:#ccc;
					text-decoration:none;
					font-weight:bold;
					}
					#roomlist ul li.first a,#roomlist ul li.first a:hover { background:#111 url(../img/20x10.jpg) no-repeat left center; }
					#roomlist ul li.second a,#roomlist ul li.second a:hover { background:#111 url(../img/15x15.jpg) no-repeat left center; }
					#roomlist ul li.third a,#roomlist ul li.third a:hover { background:#111 url(../img/10x10.jpg) no-repeat left center; }
					#roomlist ul li.last a,#roomlist ul li.last a:hover { background:#111 url(../img/8x10.jpg) no-repeat left center; border-bottom:0; }

#roomlist li img { border:0; margin:0.25em 10px 0; }

#roomlist li a span { 
	position:relative;
	top:-2.85em;
	_top:0;
	left:-25px;
	_left:25px;
	width:4em;
	height:40px;
	color:#f93;
	margin:0 auto;
	padding:0;
	xfont-size:0.8em;
	text-align:center;
	overflow:hidden;
	display:block;
	_display:inline;
	}

.paypal { width:150px; height:50px; }



/*------------------------
      SIGNUP FORM
-------------------------*/

#signup {
	width:320px;
	margin:0 auto;
	font-size:80%;
	}
	
#signup h2 {
	margin-left:0;
	text-indent:0;
	padding-left:0;
	}
	
#terms {
	position:relative;
	top:1em;
	clear:both;
	overflow:auto;
	margin:0 auto 2em;
	padding:1em;
	width:320px;
	height:160px;
	font-size:11px;
	color:#999;
	border:1px solid #333;
	}
	
#terms ol {
	margin-bottom:1.5em;
	margin-left:2em;
	}
	
#terms li {
	margin-bottom:1em;
	}



/*------------------------
    GENERAL FORM STUFF
-------------------------*/

form,fieldset { }
	
fieldset { }

legend { }

input, textarea, select {
	margin: 0 0 5px 0;
	padding: 1px;
	border:none;
	width:170px;
	float:right;
	}
	
label { margin-right:5px;	}

select { padding: 0; }

.row {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	}
.row label { float:left; }
.row select { width:172px; }

input.checkbox {
	width:auto;
	float:none;
	display:inline;
	border:none;
	}
	
input.submit {
	clear:both;
	width:102px;
	margin:8px 0 0;
	padding:1px 1px 3px;
	background:#FF9933 url(../img/bg_button.gif) repeat-x bottom;
	border:none;
	color:#fff;
	cursor:pointer;
	}
	
input.submit:hover {
	background:#AF0511 url(../img/bg_button_over.gif) repeat-x bottom;
	}

	


/*------------------------
      RIGHT COL
-------------------------*/

#right h1 {
	display:block;
	width:365px;
	text-align:center;
	font-size:2em;
	color:#999;
	padding:0.6em 0 0.5em;
	}

#right h1:first-line {
	font-size:1.8em;
	line-height:1em;
	color:#fff;
	}

#right h2 {
	width:100%;
	line-height:2.2em;
	height:2.2em;
	font: bold 1.75em Arial, Helvetica, sans-serif;
	margin-bottom:0;
	}
	
#right h2 a {
	display:block;
	width:365px;
	line-height:2.2em;
	height:2.2em;
	text-align:center;
	background:#111;
	text-transform:uppercase;
	}
	
#right h2 a:hover {
	background:#1a1a1a;
	text-decoration:none;
	}
	
#right h3 {
	display:block;
	padding:0.8em 0 0.4em;
	}
	
.pic { 
	border:1px solid #555;
	width:364px;
	margin:0;
	}
	
.pic:hover {background:#AF0511;}

.pic img, .pic a img {
	border:1px solid #000;
	margin:2px 1px 2px 3px;
	}
.pic a:hover img { border:1px solid #000;}

ul#details {
	margin:0 0 1.5em;
	padding:0;
	list-style:none;
	width:100%;
	}
ul#details_h {
	width:320px;
	margin:1em auto;
	list-style:none;
	}
		
ul#details li, ul#details_h li {
	display:block;
	padding:5px 1em;
	margin:0 0 2px;
	background:#0d0d0d;
	}
ul#details li strong {
	color:#AF0511;
	}





/*------------------------
     PAGEBODY
-------------------------*/

#pagebody h2 {
	display:block;
	background:#0B0B0B;
	margin:1em 0;
	padding:7px 10px;
	font-size:2em;
	}
	.resources #pagebody h2 { font-size:3em; margin:1.5em 0 .5em; }
	
#pagebody h3 {
	margin:0.2em 0 0.5em 0;
	font-size:1.65em;
	background:url(../img/underline_pencil.png) no-repeat bottom left;
	}

#pagebody ol {
	font-size:1.4em;
	margin-left:2em;
	}
#pagebody ol li {
	margin: 0.5em 0 0 0;
	font-size:1em;
	color:#fff;

	}
#pagebody ol li ol {
	list-style:upper-latin;
	margin:0 0 3em 2em;
	font-size:1em;
	line-height:140%;
	}
#pagebody ol li ol li {
	font-size:0.8em;
	padding:0.6em;
	margin-bottom:.2em;
	background:#0B0B0B;
	}
#pagebody ol li ol li ol {
	list-style:upper-roman;
	margin:.5em 0 0 2em;
	}
#pagebody ol li ol li ol li {
	}

	
#pagebody img.inline {
	float:right;
	margin:0 0 0.5em 1em;
	padding:0.25em;
	border:1px solid #555;
	background:#000;
	}
	
#pagebody .form {
	float:right;
	width:350px;
	}
	
#flashcontent {	
	width: 800px;
	height: 600px;
	background:url(../img/frame.png);
	text-align:center;
	}
	
/*
#fixeddiv {
	position:absolute;
	width:150px;
	height:16.75em;
	right:0px;
	top:220px;
	padding:16px;
	font-size:1em;
	background:#3C0003 url(../img/tear.jpg) no-repeat left top;
	border:1px solid #000;
	list-style:none url(../img/bullet.gif);
	}
	
#fixeddiv ul { margin:0 auto; padding:0; }
*/

#pagebody li li.columns {
	float:left;
	width:115px;
	list-style-type:none;
	font-style:italic;
	font-size:.7em;
	margin:0 0 0 -20px;
	border-right:2px solid #000;
	overflow:hidden;
	display:block;
	}




/*------------------------
      FOOTER
-------------------------*/
	
#footer {
	clear:both;
	border-top:1px solid #555;
	text-align:center;
	}

#footer_wrap {
	width:760px;
	margin:0 auto;
	padding:1em 0 3em;
	font-size:0.9em;
	color:#666;
	}

#footer p {
	margin:0 0 1em 0;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	}
#footer a {
	font:1.1em Georgia, "Times New Roman", Times, serif;
	color:#ccc;
	margin:0 12px;
	text-transform:uppercase;
	}
#footer a.first { margin-left:0; }
#footer a.noformat {
	color:#999;
	margin:0;
	font:bold 1em Arial, Helvetica, sans-serif;
	}
	
	
	
	
/* MISC */

.savings a {
	display:block;
	text-indent:-9999px;
	background:url(../img/resources.gif) no-repeat top right;
	width:320px;
	height:50px;
	margin:10px auto 0;
	}

.callout, #right .callout  {
	font:1.4em "Trebuchet MS", Geneva, Arial, sans-serif;
	background:#000 url(../img/gradient_callout.jpg) repeat-x bottom;
	color:#ccc;
	padding:1em;
	text-transform:uppercase;
	letter-spacing:0.05em;
	}
	
.special, #right .special {
	padding: 7px 5px 3px; 
	background: #f93; 
	color: #000; 
	line-height: 1em; 
	letter-spacing: -0.05em; 
	font-size: 0.95em;
	margin:-5px 0 8px;
	}

.centered {
	width:80%;
	margin:0 auto;
	text-align:center;
	display:block;
	}
	
#details .hide { display:none; }

.return a {
	position:fixed; 
	bottom:120px;
	right:0px;
	width:auto; 
	text-align:center; 
	background:#AF0511;
	opacity:.85;
	font:bold .9em Garamond, Georgia, "Times New Roman", Times, serif; 
	text-transform:uppercase; 
	padding:12px 6px 8px 12px;
	z-index:999;
	}
	
.return a:hover { 
	opacity:1.0;
	background:#333;
	text-decoration:none;
	}	
	
#top {
	position:relative;
	top:15px;
	left:0px;
	color:#999;
	font:normal 1em/1.1em Garamond, Georgia, "Times New Roman", Times, serif;
	}	
	
	
	
	
	
/* CLEARFIX */

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}



/* MOBILE STUFF */

@media only screen and (max-device-width: 480px) {
	#badge { display:none; }
}