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, 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;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
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: "" ""; }

body{ margin: 0 0 0 0; padding: 0; font:62.5% 'Lucida Grande', Arial, Verdana Sans-Serif; xbackground: url(images/bg.jpg) no-repeat 0 0; overflow: hidden;}
#bg{position: absolute; width: 100%; top: 0; left: 0; z-index: 0;}

#logo{width: 622px; height: 230px; background: url(images/logo.png); text-indent: -9999px; display: block; margin-left: 26px;}

#wrapper{width: 960px; margin: 0 auto; z-index: 10; position: relative;}

#sidebar{width: 149px; float: left; margin-top: 10px;}
#content{width: 680px; height: 473px; background: url(images/content-bg.png); float: left; margin: -15px 0 0 9px;}

/*--------- Navigation --------*/
#nav{height: 145px;}
#nav li a{display: block; text-indent: -9999px; height: 31px; float: right; margin-right: 10px;}
	#nav li a:hover{background-position: bottom;}
	
	#reel{background: url(images/nav-reel.png); width: 83px;}
	#films{background: url(images/nav-films.png); width: 96px;}
	#about{background: url(images/nav-about.png); width: 103px;}
	#contact{background: url(images/nav-contact.png); width: 129px;}	
	
#quote{ background: url(images/quote.png); width: 132px; height: 53px; margin-bottom: 15px;}
	
#connect{ border-top: 1px solid #94a5b7; width: 131px; padding-top: 15px;}
#connect li a { padding: 2px 4px; -webkit-border-radius: 7px; border: 0 solid #000; display: block; color: #fff; font-size: 1.2em; text-decoration: none; text-transform: uppercase; margin: 4px; text-shadow: 1px 1px 1px #395877}
	#connect li a:hover{background: #395877;}

.reel{display: none;}

/*-------- Player --------*/
#player{width: 640px; height: 433px; background: #000; margin: 20px 0 0 19px; text-align: center;}
#player object{margin-top: 35px;}


.hide{text-indent: -9999px; display: block;}
.clear{clear: both;}

/*------ iPhone ------*/
@media handheld, only screen and (max-device-width: 480px) {
	
	body {background: url(images/iphone-bg.jpg) center;}
	#bg, #content{display: none;}
	#wrapper{width: 320px; overflow: hidden;}
	
		#logo{width: 320px; height: 75px; background: url(images/iphone-logo.png); text-indent: -9999px; display: block; margin: 10px auto; }
		#sidebar{width: 320px; margin: 0 auto; float: none;}
			#quote{ background: url(images/iphone-quote.png) no-repeat; width: 325px; height: 31px; margin-left: 30px;}
			#connect{ border: none; width: 282px; margin: 0 auto 15px auto; padding: 0;}
			#connect li a{text-indent: -9999px; display: block; width: 282px; height: 50px; padding: 0; margin: 0;}
			.reel{display: block;}
			.reel a{background: url(images/iphone-nav.png) 15px 0;}
				#connect .reel a:hover{background: #395877 url(images/iphone-nav.png) 15px 0;}
			.twitter a{background: url(images/iphone-nav.png) 15px -70px;}
				#connect .twitter a:hover{background: #395877 url(images/iphone-nav.png) 15px -70px;}
			.tumblr a{background: url(images/iphone-nav.png) 15px -140px;}
				#connect .tumblr a:hover{background: #395877 url(images/iphone-nav.png) 15px -140px;}
			.vimeo a{background: url(images/iphone-nav.png) no-repeat 15px -210px;}
				#connect .vimeo a:hover{background: #395877 url(images/iphone-nav.png) 15px -210px;}			
}

/*--------- SA Bug ---------*/
.sc{border-top: 1px solid #94a5b7; margin-top: 15px; width: 132px;}
a#sa-bug{background: transparent url(images/te-sa-bug.png) no-repeat; width: 73px; height: 20px; text-indent: -9999px; display: block; margin-top: 15px;}
a#sa-bug:hover{background-position: bottom;}