/* Reset css */
	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; }
	:focus 				{ outline: 0; }
	ins 				{ text-decoration: none; }
	del 				{ text-decoration: line-through; }
	table 				{ border-collapse: collapse; border-spacing: 0; }



/* Containers
----------------------------------------------------------------------------------------------------*/
	body 				{ text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; line-height:1.25; color:#110c28; background:#0A061D;  }
	.row 				{ display:block; clear:both; width:100%; min-width:960px; position:relative; }	
	.container 			{ margin-left: auto; margin-right: auto; width:960px; padding:0 30px; text-align:left; overflow:hidden; background:#6f7694 url(../img/backgrounds/full-bg.jpg) 0 0 no-repeat; }
		.main 			{ background:#6f7694 url(../img/backgrounds/full-bg.jpg) 0 0 no-repeat; min-height:604px; }
		.footer			{ background:#6f7694 url(../img/backgrounds/footer.png) 0 0 no-repeat; color:#b8ced9; min-height:246px; }


	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12,
	.col-13,
	.col-14,
	.col-15,
	.col-16 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
	
	.col-lift 		{ top:-70px; }
	.col-half-lift 	{ top:-35px; }
	
	/* Grid >> Children (First, Last) */
	
	.col-first { margin-left: 0; }
	.col-last { margin-right: 0; }
	
	/* Grid >> 16 Columns */
	
	.col-1 { width:40px; }
	.col-2 { width:100px; }
	.col-3 { width:160px; }
	.col-4 { width:220px; }
	.col-5 { width:280px; }
	.col-6 { width:340px; }
	.col-7 { width:400px; }
	.col-8 { width:460px; }
	.col-9 { width:520px; }
	.col-10 { width:580px; }
	.col-11 { width:640px; }
	.col-12 { width:700px; }
	.col-13 { width:760px; }
	.col-14 { width:820px; }
	.col-15 { width:880px; }
	.col-16 { width:940px; }
		
	/* Prefix */
	
	.col-prefix-1 { padding-left:60px; }
	.col-prefix-2 { padding-left:120px; }
	.col-prefix-3 { padding-left:180px; }
	.col-prefix-4 { padding-left:240px; }
	.col-prefix-5 { padding-left:300px; }
	.col-prefix-6 { padding-left:360px; }
	.col-prefix-7 { padding-left:420px; }
	.col-prefix-8 { padding-left:480px; }
	.col-prefix-9 { padding-left:540px; }
	.col-prefix-10 { padding-left:600px; }
	.col-prefix-11 { padding-left:660px; }
	.col-prefix-12 { padding-left:720px; }
	.col-prefix-13 { padding-left:780px; }
	.col-prefix-14 { padding-left:840px; }
	.col-prefix-15 { padding-left:900px; }
	
	/* Suffix */
	
	.col-suffix-1 { padding-right:60px; }
	.col-suffix-2 { padding-right:120px; }
	.col-suffix-3 { padding-right:180px; }
	.col-suffix-4 { padding-right:240px; }
	.col-suffix-5 { padding-right:300px; }
	.col-suffix-6 { padding-right:360px; }
	.col-suffix-7 { padding-right:420px; }
	.col-suffix-8 { padding-right:480px; }
	.col-suffix-9 { padding-right:540px; }
	.col-suffix-10 { padding-right:600px; }
	.col-suffix-11 { padding-right:660px; }
	.col-suffix-12 { padding-right:720px; }
	.col-suffix-13 { padding-right:780px; }
	.col-suffix-14 { padding-right:840px; }
	.col-suffix-15 { padding-right:900px; }
	

/* Global  
----------------------------------------------------------------------------------------------------*/			
	input, textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.6875em; }
	li input, li textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; }
	em 				{ font-style:normal; }
	.fl 			{ float:left; }
	.fr				{ float:right;}
	img.fl			{ margin-right:20px; }
	img.fr			{ margin-left:20px; }	
	.ifl 			{ float:left; padding:5px; background:#949cbd; border:1px solid #5e6481; border-width:1px 2px 2px 1px; margin-bottom:20px; }
	.ifr 			{ float:right; padding:5px; background:#949cbd; border:1px solid #5e6481; border-width:1px 2px 2px 1px; margin-bottom:20px; }	
	.hidden			{ display:none; }
	.img-rep		{ font-size:1px; line-height:0; overflow:hidden; display:block; text-indent:-9999em; }



/* Header 
----------------------------------------------------------------------------------------------------*/
	.site-logo 		{ width:320px; height:289px; }
	.site-logo a 	{ display:block; width:320px; height:289px; background:url(../img/logos/astroserf.png) no-repeat; text-indent:-9999em; overflow:hidden; }	
	.action-item 	{ width:421px; height:211px; position:absolute; left:290px; top:7px; background:url(../img/headings/available-now.png) no-repeat; text-indent:-9999em; overflow:hidden; }
	
/* Nav 
----------------------------------------------------------------------------------------------------*/
	.nav ul { width:820px; height:133px; position:relative; top:-40px; }

		.nav li	 	{ float:left; }
		.nav li a 	{ display:block; height:133px; font-size:1px; line-height:0; text-indent:-9999em; background-image:url(../img/headings/nav.png); background-repeat:no-repeat;  }
		
		#m01 a		{ width:125px; background-position:0 0; }
		#m02 a		{ width:203px; background-position:-125px 0; }
		#m03 a		{ width:179px; background-position:-328px 0; }
		#m04 a		{ width:131px; background-position:-507px 0; }
		#m05 a		{ width:182px; background-position:-638px 0; }
		
		#m01 a:hover, #m01 .on  { background-position:0 -133px; }
		#m02 a:hover, #m02 .on  { background-position:-125px -133px; }
		#m03 a:hover, #m03 .on  { background-position:-328px -133px; }
		#m04 a:hover, #m04 .on  { background-position:-507px -133px; }
		#m05 a:hover, #m05 .on  { background-position:-638px -133px; }

	

/* Content 
----------------------------------------------------------------------------------------------------*/
	.content {}
		.content h1 { font-size:1.75em; margin-bottom:20px; text-transform:uppercase; letter-spacing:-1px; text-shadow: #989db3 2px 2px 1px; }
		.content h2 { font-size:1.3125em; margin-bottom:5px; text-shadow: #989db3 1px 1px 1px; }
		.content h2 em { font-size:1.1905em; text-shadow: #54596f 2px 2px 1px; color:#ce7a89; }
		.content p 	{ margin-bottom:20px; }
		.content dl { margin-bottom:20px; }
		.content dt	{}
		.content dd { font-size:.875em; margin-left:20px; line-height:1.43; }
		.content a		 	{ color:#6e2133; text-decoration:none; }
		.content a:hover 	{ color:#d9a3af; }
		.content em 		{ font-style:italic; }
		.content strong 	{ font-weight:bold; }
		
		.content .background 			{ background:url(../img/headings/background-and-credits.gif) no-repeat; width:271px; height:28px; }
		.check-out 				{ background:url(../img/headings/check-out-the-screens.gif) no-repeat; width:272px; height:50px; margin-bottom:20px; }
		.or-check-out 			{ background:url(../img/headings/or-check-out.gif) no-repeat; width:262px; height:50px; margin-bottom:20px; }
		.content .coming-soon 			{ background:url(../img/headings/coming-soon-for-ipod.gif) no-repeat; width:308px; height:66px; margin-bottom:20px; }
        .content .now-available         { background:url(../img/headings/now-available.gif) no-repeat; width:308px; height:66px; margin-bottom:20px; }
		.follow-astroserfgame 	{ background:url(../img/headings/follow-astroserfgame.gif) no-repeat; width:340px; height:50px; margin-bottom:20px; }
		.gameplay-footage 		{ background:url(../img/headings/gameplay-footage.gif) no-repeat; width:203px; height:28px; margin-bottom:20px; }
		.screenshots 			{ background:url(../img/headings/screenshots.gif) no-repeat; width:132px; height:29px; margin-bottom:20px; margin-left:43px; }
		.wed-love 				{ background:url(../img/headings/wed-love.gif) no-repeat; width:324px; height:29px; margin-bottom:20px; }
		.hand-carved			{ background:url(../img/headings/hand-carved.gif) no-repeat; width:435px; height:125px; margin-bottom:20px; } 
        .app-store              { background:url(../img/headings/app-store.png) no-repeat; width:220px; height:78px; margin-bottom:20px; }
		
		.content object, .content embed { background:#949CBD none repeat scroll 0 0; border-color:#5E6481; border-style:solid; border-width:1px 2px 2px 1px; padding:5px; display:block; }

/* Footer 
----------------------------------------------------------------------------------------------------*/
	.footer .row 	{ margin-top:100px; }
	.footer strong 	{ display:block; text-transform:uppercase; font-size:1.3125em; margin-bottom:20px; }
	.footer em 		{ display:block; text-transform:uppercase; font-size:1.05em; }
	.footer img.fl 	{ position:relative; left:-5px; }
	
/* Gallery 
----------------------------------------------------------------------------------------------------*/
	.galleria						{list-style:none; width:246px; float:left; }
		.galleria li					{ display:block; width:102px ;height:68px; overflow:hidden; float:left ;margin:0 5px 4px 0 !important; padding:5px; background:#949cbd; border:1px solid #5e6481;}
		.galleria li a					{ display:none}
		.galleria li div				{ position:absolute ;display:none; top:0; left:180px}
		.galleria li div img			{ cursor:pointer;  } 
		.galleria li.active div img,.galleria li.active div{ display:block }
		.galleria li img.thumb			{ cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; margin-left:0 !important; margin-right:0 !important; }
		.galleria li .caption			{ display:block; padding-top:.5em}
		* html .galleria li div span	{ width:400px} /* MSIE bug */
		
		.galleria_container 	{ float:left; margin-right:5px; margin-left:43px; display:inline; }
		.galleria_wrapper img 	{ display:block; }
		.galleria_wrapper 		{ padding:5px; background:#949cbd; border:1px solid #5e6481;}