@charset "utf-8";
/* CSS Document */

/*	*************************
	Membraine Studios
	*************************
	Desc:		stylesheet
	File:		general.css
	Version:	1.0
	Created:	October 23rd, 2009
	Last Edit:	November 12th, 2009
	Author:		Kate Payton @ www.katepayton.com
	************************* */
	
/* Extra Stylesheets for organisation! */
@import "accordion.css";
@import "buttons.css";
@import "snazzy.css";
@import "tabs_worked.css";

		
/*	_________________________

	Main styles
	_________________________ */

a { 		color: #fff;	text-decoration: none; }
a:hover { 	color: #e19090;	text-decoration: none; }
a img { 	border: 0px;	text-decoration: none; }

body {
	background:				url(../images/background.jpg) no-repeat center top #0e0e0e;
	color:					#ffffff;
	font-family:			Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size:				13px;
	font-weight: 			normal;
	line-height: 			17px;
	width:					auto;
}

h1 {		color: #FFFFFF;	margin: 20px 0px -1px 0px; }
h2 {
	color: 					#ffffff;
	font-family: 			Verdana, Tahoma, Arial;
	font-size: 				18px;
	font-weight: 			normal;
	padding: 				0px;
	text-align: 			left;
	text-decoration: 		none;
}
h3 {
	color: 					#ffffff;
	font-family: 			Verdana, Tahoma, Arial;
	font-size: 				1.1em;
	font-weight: 			bold;
	padding: 				0px 0px 0px 25px;
	text-align: 			left;
	text-decoration: 		none;
}

img { 		padding: 0px;	margin: 0px; }
img a { 	border: 0px;	text-decoration: none; }

p {
	color:					#ffffff;
	font-family:			Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size:				.9em;
	font-weight: 			normal;
	letter-spacing:			0px;
	line-height: 			17px;
	margin: 				0px 0px 10px 0px;
	padding: 				0px;
}
p a {			color: #e19090; }
p a:hover {		color: #d05555; }
ul a {			color: #fff; }
ul a:hover {	color: #e19090; }

#body{
}
#body_od{
	background:				url(../games/orbital-defence/images/bg_element_od.gif) no-repeat right center;
}


#body_hold {
	margin:					60px auto 0px auto;
	width:					960px;
}

		
/*	_________________________

	Header/Nav styles
	_________________________ */

h1 a {	/*  Will negate text and replace with image */
	background:		 		url(../images/logo_ms_text.png) no-repeat top left;
	display: 				block;
	float: 					left;
	height: 				28px;
	margin:					30px 0px 10px 0px;
	padding: 				0px;
	text-indent: 			-999em;
	width: 					363px;
}

#header_outer { 			
	clear: 					both; 
	margin: 				00px auto 0px auto;	
	padding: 				0px;	
	width: 					100%; 
}
#header_inner { 
	margin: 				0px auto;
	padding:				0px;
}
	#header { 					height: 100px;	width: 540px; }
	#header img.logo{			display: block;	float: left;	margin: 0px 40px 0px 15px; }
	
#nav {
	background:				url(../images/bg_nav.gif) no-repeat top left;
	color:					#FFF;
	float:					left;
	height:					31px;
	padding:				0px 9px 0px 10px;
	width:					520px;
}
	/* --- Left - main content --- */
	#nav ul  {					margin: 0px;	padding: 0px;}
	#nav ul li.active, #nav ul li a {	
		border-left:			1px solid #090909;
		border-right:			1px solid #090909;				
		float: 					left;	
		list-style: 			none;
		text-transform:			uppercase;
		padding: 				7px 15px 7px 15px; 
	}
	#nav ul li a:hover {
		background:				#1c1c1c;
		border-left:			1px solid #272727;
		border-right:			1px solid #272727;
	}
	
.nav_sub {
	background:				url(../images/bg_nav_sub.gif) no-repeat top left;
	color:					#FFF;
	float:					left;
	height:					31px;
	padding:				0px 30px 0px 30px;
	width:					480px;
}
	/* --- Left - main content --- */
	.nav_sub ul  {					margin: 0px;	padding: 0px;}
	.nav_sub ul li.active, .nav_sub ul li a {	
		border-left:			1px solid #212121;
		border-right:			1px solid #212121;				
		float: 					left;	
		list-style: 			none;
		text-transform:			uppercase;
		padding: 				7px 15px 8px 15px; 
	}
	.nav_sub ul li a:hover {
		background:				#373737;
		border-left:			1px solid #4c4c4c;
		border-right:			1px solid #4c4c4c;
	}
	ul li.active {				color: #e19090;	font-weight: bold; }

#iphone_ver {
	background:				url(../images/g_iphone_ver.png) no-repeat left top;
	height:					360px;
	padding:				87px 25px 80px 26px;
	margin:					0px auto;
	width:					227px;
}

.left_540 {		float: left;	margin: 0px;	width: 540px;}
.right_380 {	float: right;	margin: 0px;	width: 380px;}
#martop {		margin: 20px 0px 0px 0px; }

		
/*	_________________________

	Content styles
	_________________________ */
	
#content_top {
	background:				none;
	float:					left;
	width:					540px;
}

.app_icon {			float: left;	margin: 15px 5px 7px 20px; }
.app_title {		display: block;	margin: 20px 0px 0px 5px; }

	input.support, textarea.support {
		background:			#bfbfbf;
		border:				1px solid #0e0e0e;
		margin:				0px 0px 10px 0px;
		padding:			5px;
	}
	input.support:focus, textarea.support:focus {
			background-color: #efefef;	border: 1px solid #0e0e0e; }
	input.support {			width: 300px;}

ul.breadcrumb {
	display:			block;
	float:				right;
	margin:				20px 15px 0px 0px;
}
	ul.breadcrumb li {
		float:				left;
		font-size:			.75em;
		list-style:			none;
		text-transform:		lowercase;
		margin:				0px 0px 0px 5px;
	}


.features_head {
	padding: 5px 10px;
	margin:1px 25px 5px 25px;
	font-weight:bold;
	background: #484848;
}

ul.features {
	line-height:		1.2em;
	margin:				0px 40px 20px 25px;
}
	ul.features li {
		background:			url(../images/li_bullet_w.gif) no-repeat left top;
		margin:				0px 0px 5px 5px;
		padding:			0px 0px 0px 20px;
	}

#extras {
	display:			block;
	margin:				0px 25px 0px 25px;
	width:				35%;
}
.extras_center {
	display:			block;
	margin:				0px auto;
	width:				150px;
}
.left {					float: left; }
.right {				float: right; }
.center {				margin: 0px auto; }
.buy {
	display:			block;
	float:				left;
	margin:				0px 0px 20px 15px;
}

/*	_________________________

	Footer styles
	_________________________ */
	
#footer {
	margin:					10px auto 20px auto;
	width:					960px;
}

#foot_about {
	float:					left;
	height:					20px;
	padding:				7px 10px 6px 10px;
	text-align:				right;
	width:					360px;
}

#foot_nav {
	float:					right;
	height:					20px;
	padding:				5px 10px 8px 10px;
	text-transform:			lowercase;
	width:					520px;
}

#foot_content {
	float:					left;
	margin:					0px 0px 3px 20px;
	padding:				3px 10px 5px 10px;
	text-transform:			lowercase;
	width:					500px;
}

#foot_copy {
	float:					right;
	margin:					5px 0px 3px 20px;
	padding:				3px 10px 5px 10px;
	text-align:				right;
	width:					360px;
}

#foot_copy span.text {
	font-size:			 	.7em;
}

#foot_copy ul #foot_content ul, #foot_nav ul, #foot_about ul {
	 }

#foot_copy ul li a, #foot_content ul li a, #foot_nav ul li a, #foot_about ul li a {
	font-size:			 	.95em;
	list-style:				none;
	margin:					2px 7px 3px 7px;
	padding: 5px 3px 0;
	display: block;
}

#foot_copy ul li {			float: left; }
#foot_content ul li {		float: left; }
#foot_nav ul li {			float: left; }
#foot_about ul li {			float: right; }

		
/*	_________________________

	Footer styles
	_________________________ */

.clear { clear: all; }

a.pixelnourish {
    background: transparent url("../images/logo_pixelnourish.png") no-repeat left top;
    cursor: pointer;
    display: block;
    float: left;
    height: 27px;
    margin: 0 5px 0 0 !important;
	padding: 0 !important;
    text-indent: -999em;
    width: 100px;
}
a.pixelnourish:hover {
	background-position: left bottom;
}

		
/*	_________________________

	Free Game styles
	_________________________ */

#iphone_ver,
#body_od .xboxcontent_about {
	position: relative;
}

#iphone_ver .ribbon,
#body_od .xboxcontent_about .ribbon {
	background: url(../images/ribbon_free-red.png) no-repeat left top;
	height: 150px;
	text-indent: -999em;
	width: 150px;
	position: absolute;
}
#iphone_ver .ribbon {
	top: 0px;
	right: -1px;
	z-index: 1000;
}
#body_od .xboxcontent_about .ribbon {
	top: -6px;
	right: -2px;
}