/* Meyer's Browser Default Reset (http://meyerweb.com/eric/tools/css/reset/) - v1.0 | 20080212 */
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, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

/* Please forgive me for this CSS. It is image-heavy and stinky. */

p { line-height:130%; margin:0 0 13px 0; font-style:none; }
a { color:#2C7FB2; text-decoration:none; }
	a:hover { text-decoration:underline; }
h1 { height:0; }
h2 { background:url(../images/title-tile.jpg) left top repeat-x; font-size:28px; font-weight:100; }
h3 { background:#50677F; color:#A3BCD5; font-size:24px; font-weight:100; letter-spacing:1px; }
h4 { color:#50677F; font-size:14px; font-weight:600; }
h5 { font-size:18px; font-weight:100; text-transform:uppercase; }

.hide-text { height:0; text-indent:-9999px; }

body { background:url(../images/bg.png) center top no-repeat #14161D; color:#999; font:11px Courier, monospace;  }
.nobg { background:none; }

#container { margin:0 auto; position:relative; width:960px; }

#header { float:left; }
#nav { float:left; display:inline; margin:0; position:relative; width:960px; clear:both; overflow:hidden; margin:2px 0 0 0;  }
	#nav li { float:left; height:40px; margin:0; padding:0; }
	#nav li a { float:left; display:block; height:40px; line-height:40px; padding:0; margin:0 0 0 1px; }
		#nav li.home a { width:100px; }
		#nav li.about a { width:178px;}
		#nav li.album a { width:110px; }
		#nav li.spacer { width:390px; /*border:1px solid #f00;*/ }
		#nav li.agency a { width:175px; }
		#nav li a:hover { background:#000; }
			#nav li.home a:hover { background:url(../images/home-hover.jpg) no-repeat; }
			#nav li.about a:hover { background:url(../images/about-hover.jpg) no-repeat; }
			#nav li.album a:hover { background:url(../images/album-hover.jpg) no-repeat; }
			#nav li.agency a:hover { background:url(../images/agency-hover.jpg) no-repeat; }
			
		#player { float:left; clear:both; margin:10px 0 7px 0;}

#content { float:left; padding:0 0 20px 0; }
	#left { float:left; width:623px; }
		.entermission-page #left { background:url(../images/entermission-page.png) no-repeat; margin:115px 0 0 0; padding:135px 20px 0 27px; }
		.djofficial-page #left { background:url(../images/djofficial-page.png) no-repeat; margin:115px 0 0 0; padding:135px 20px 0 27px; }
		.agency-page #left { background:url(../images/agency-page.png) no-repeat; margin:60px 0 0 0; padding:135px 20px 0 27px; }
			.agency-page #left .agents-block { background:url(../images/agent-background.jpg) no-repeat; float:left; margin:0 10px 10px 0; padding:5px; }
				.agency-page #left .agents-block:hover { background:#246794; }
	#right { float:left; padding:155px 0 0 0; width:290px; }
		#right #buy { background:url(../images/buy-right.jpg) no-repeat; height:316px; margin:20px 0 0 0; width:310px; }
			#right #buy a { float:left; height:316px; width:310px; }
		#right a { color:#D7CC37; }
		/* Agency Page */
		.agency-page #right { background:url(../images/get-your-passport.jpg) no-repeat; margin:60px 0 0 0; padding:92px 0 0 0; }
		.pagination { background:url(../images/footer-top.jpg) center top no-repeat; float:left; height:30px; width:100%; }
			.pagination ul { background:url(../images/footer-bottom.jpg) center bottom no-repeat; float:left; height:30px; width:100%; }
			.pagination li { float:left; }
			.pagination a { color:#D7CC37; float:left; padding:8px 12px 6px 11px; }
				.pagination a.active { background:url(../images/pagination-active.png) left center no-repeat; }
		.agency-page form { margin:30px 0 0 0; }
		.agency-page fieldset { background:url(../images/footer-top.jpg) center top no-repeat; padding:10px 0 0 0; }
			.agency-page label.data { background:url(../images/agent-data.jpg) no-repeat; height:9px; width:100%; }
			.agency-page label.profile { background:url(../images/agent-profile.jpg) no-repeat; height:9px; width:100%; }
		.agency-page label { clear:left; color:#fff; float:left; font-size:12px; line-height:20px; margin:0 0 10px 0; }
		.agency-page select,
		.agency-page input { background:#999; border:0; float:right; font-family:Courier, monospace; line-height:20px; margin:0 0 10px 0; outline:0; width:180px; }
			.agency-page input.file { width:100%; }
			.agency-page input.submit { width:290px; }
			
			table { float:left; border:none; padding:0; margin:0; clear:both; }
			table td { padding:3px; }
		/* Profile Page */
		.profile-page #left { background:url(../images/profile-page.jpg) left center no-repeat; height:632px; float:left; margin:32px 0 0 0; padding:0; position:relative; width:960px; }
		#infowrap { background:url(../images/profile-passport.jpg) no-repeat; color:#2A6CB1; font-size:12px; height:400px; padding:27px 0 0 13px; position:relative; width:401px; }
		#infowrap #info { position:relative; }
		.profile-page #left #info { background:none; float:left; height:145px; margin:190px 0 0 40px; padding:0; position:relative; width:375px; }
			#info .image { left:3px; position:absolute; width:143px; height:143px; overflow:hidden; margin:0; padding:0;  }
       		#info .image img { float:left; margin:0; padding:0; height:143px; width:143px; }
			#info .name { color:#AC2725; font-size:18px; left:155px; position:absolute; top:10px; }
			#info .city { left:155px; position:absolute; top:55px; }
			#info .sex { left:315px; position:absolute; top:55px; }
			#info .address { left:155px; position:absolute; top:100px; }
		.profile-page #left .profile { float:left; font-size:16px; left:452px; position:absolute; top:250px; width:200px; }
			.profile-page #left .profile a { clear:left; color:#1C4A6D; display:block; float:left; line-height:32px; margin:10px 0 0 0; padding:0 0 0 45px; width:160px; font-size:12px; }
				.profile-page #left .profile a.facebook { background:url(../images/facebook.png) no-repeat; }
				.profile-page #left .profile a.twitter { background:url(../images/twitter.png) no-repeat; }
				.profile-page #left .profile a.myspace { background:url(../images/myspace.png) no-repeat; }
				.profile-page #left .profile a.djoicon { background:url(../images/djo_download.png) no-repeat; }
		.profile-page #left .activity { color:#14161D; float:left; left:672px; position:absolute; top:250px; width:260px; }
			.profile-page #left .activity a { color:#1C4A6D; }
		.profile-page #left .pagination { clear:left; float:left; left:28px; position:absolute; top:573px; width:365px; }
			.profile-page #left .pagination a { padding:8px 36px 6px 0; }
		.profile-page #pre-order { display:block; height:120px; left:670px; position:absolute; top:0; width:260px; }
		.profile-page #get-passport { display:block; height:100px; left:440px; position:absolute; top:500px; width:200px; }
		
		.activity li { margin:10px 0; }
		
	/* Home Styles */
	#home-left { float:left; padding:93px 0 0 0; width:300px; }
		#home-left #intro { background:url(../images/intro.jpg) no-repeat; height:150px; width:300px; }
		#home-left .entermission { background:url(../images/what-is-entermission.png) no-repeat; padding:55px 0 0 30px; }
	#home-center { float:left; padding:240px 26px 0 44px; width:300px; }
		#buy { background:url(../images/buy.jpg) no-repeat; height:163px; margin:0 0 13px 0; width:300px; }
			#buy a { display:block; float:left; height:163px; width:300px; }
			#buy:hover { background:url(../images/buy-hover.jpg) no-repeat; }
		#home-center .djofficial { background:url(../images/who-is-djofficial.png) no-repeat; padding:55px 0 0 25px; }
	#home-right { float:left; padding:93px 0 0 0; width:290px; overflow:hidden; }
		#call { background:url(../images/passport.jpg) no-repeat; height:125px; width:290px; }
			#call:hover { background:url(../images/passport-hover.jpg) no-repeat; }
			#call a { float:left; height:125px; width:290px; }
		.meet-the-agents { background:url(../images/meet-the-agents.jpg) no-repeat; height:61px; margin:8px 0; width:290px; }
		#home-agents { float:left; width:300px; }
			#home-agents .agents-block { background:url(../images/agent-background.jpg) no-repeat; float:left; margin:0 10px 10px 0; padding:5px; }
				#home-agents .agents-block:hover { background:#246794; }
		#home-right a { color:#D7CC37; }

body p { line-height:130%; margin:0 0 13px 0; font-style:none; }

#footer { background:url(../images/footer-top.jpg) center top no-repeat; color:#333333; float:left; width:960px; }
	#footer p { background:url(../images/footer-bottom.jpg) center bottom no-repeat; line-height:14px; margin:0; padding:10px; }
	#footer a { color:#777; }
	#footer strong { color:#999;}