/* ----------------------------------------------

	Outcast - Main Stylesheet
	
---------------------------------------------- */

	@import "reset.css";
	
/* --- Selectors ----------------------------- */
	body {
		background:url("../images/bg-body.png") repeat-x top #52575b;
		color:#fff;
		font:13px/18px arial, helvetica, sans-serif;
	}
	
	a, a:visited {
		color:#fff;
	}
	a:hover {
		color:#e96812;
	}
	a img { border:none; }
		
	p { margin:0px 0px 0px 0px; }
	blockquote { color:#fff; }
	
	h1 { color:#e86711; font-size:20px; margin:18px 0 12px 0; }
	h2 { color:#fff; font-size:16px; margin:0px 0 12px 0; }
	h3 { color:#e86711; font-size:16px; margin:18px 0 12px 0; font-weight:bold; }
	h4 { color:#fff; font-size:14px; margin:18px 0 12px 0; }
	h5 { color:#e86711; font-size:12px; margin:18px 0 12px 0; }
	h6 { color:#fff; font-size:11px; margin:18px 0 12px 0; }
	
	li { list-style:disc; }
	
/* --- Common Classes ------------------------ */

	.left { float:left; }
	.right { float:right; }
	.left-content { float:left; margin-right:60px; }
	.clear { clear:both; }
	.textright { text-align:right; }
	.aligntop { vertical-align:top; }
	.uppercase { text-transform:uppercase; font-weight:bold; }
	.print, #accessibility { display:none; }
	.margin { margin:0 0px; padding:5px 0px 15px 0; }
	img.right, img.left { background:url("../images/bg-img.png") no-repeat bottom #2d2e2f; padding:8px; }
	img.right { margin:0 0 15px 15px; }
	img.left { margin:0 15px 15px 0; }
	
/* --- Layout -------------------------------- */

	#wrapper {
		width:910px;
		margin:0 auto;
	}
	#logo {
		margin:39px 0 29px 0;
		float:left;
	}
	#logo a {
		width:186px;
		height:50px;
		display:block;
		background:url("../images/logo.png") no-repeat;
		text-indent:-9999px;
	}
	#nav {
		float:right;
		margin:20px 0 0 0;
	}
	#nav li {
		float:left;
		list-style:none;
	}
	#nav .separator {
		width:2px;
		height:13px;
		background:url("../images/bg-separator.png") no-repeat;
		float:left;
		display:inline;
		margin:3px 12px 0 12px;
	}
	#nav li a {
		height:21px;
		background:url("../images/menu.png") no-repeat;
		text-indent:-9999px;
		float:left;
	}
	#nav .overview { width:46px; background-position:0 0; }
	#nav .advertisers { width:96px; background-position:-68px 0; }
	#nav .retail { width:74px; background-position:-185px 0; }
	#nav .mobile { width:56px; background-position:-283px 0; }
	#nav .about { width:75px; background-position:-362px 0; }
	#nav .press { width:47px; background-position:-460px 0; }
	#nav .contact { width:69px; background-position:-530px 0; }
	#nav .overview:hover { background-position:0 -20px; }
	#nav .advertisers:hover { background-position:-68px -20px; }
	#nav .retail:hover { background-position:-185px -20px; }
	#nav .mobile:hover { background-position:-283px -20px; }
	#nav .about:hover { background-position:-362px -20px; }
	#nav .press:hover { width:47px; background-position:-460px -20px; }
	#nav .contact:hover { background-position:-530px -20px; }
	
	#nav .overviewcurrent {width:46px; background-position:0 -20px; }
	#nav .advertiserscurrent {width:96px; background-position:-68px -20px; }
	#nav .retailcurrent {width:74px; background-position:-185px -20px; }
	#nav .mobilecurrent {width:56px; background-position:-283px -20px; }
	#nav .aboutcurrent {width:75px; background-position:-362px -20px; }
	#nav .presscurrent { width:47px; background-position:-460px -20px; }
	#nav .contactcurrent {width:69px; background-position:-530px -20px; }
	
	#whatwedo {
		margin:0;
		padding:8px 0 0 0;
		background:url("../images/dot.gif") repeat-x top;
		clear:both;
		font-style:normal;
	}
	#whatwedo #breadcrumbs {
		font-size:11px;
		margin-bottom:3px;	
	}
	#whatwedo h1 {
		color:#e86711;
		text-transform:uppercase;
		font-size:22px;
		margin:10px 0 10px 0;
	}
	#whatwedo p {
		margin:0;
		padding:0 0 12px 0;
		background:url("../images/dot.gif") repeat-x bottom;
		font-size:13px;
	}
	#subnav {
		height:65px;
		margin:10px 0;
	}
	#subnav ul {
		padding:22px 0 0 0;
		margin:0 20px;
	}
	#subnav ul li {
		float:left;
		margin:0 15px 0 20px;
	}
	#subnav a {
		
	}
	#opportunities {
		width:324px;
		float:right;
		margin:15px 0 0 0;
	}
	#opportunities .featureitem1 {
		margin:0px 0px 15px 0px;
	}
	#opportunities .featureitem1 h3 {
		margin:0;
	}
	#opportunities .featureitem1 p {
		margin:0;
	}
	#opportunities .featureitem1 a {
		display:block;
		float:right;
		font-size:11px;
		background:url("../images/bg-links.gif") no-repeat left 6px;
		margin-top:15px;
		padding:0 0 0 25px;
	}
	#opportunities .link {
		height:65px;
		padding:0;
	}
	#opportunities .link img {
		margin:15px 0 0 0;
	}
	#opportunities .mediakit {
		width:324px;
		height:65px;
		background:url("../images/mediakit.png") no-repeat;
		text-indent:-9999px;
		display:block;
		margin:0 0 11px 0;
	}
	#opportunities .demoreel {
		width:324px;
		height:65px;
		background:url("../images/demoreel.png") no-repeat;
		text-indent:-9999px;
		display:block;
		margin:0 0 11px 0;
	}
	#opportunities #map {
		background:#7e8182;
		height:165px;
	}
	#content {
		clear:both;
		position:relative;
		/*margin-bottom:10px;*/
	}
	#content #leftcol {
		width:660px;
		float:left;
		padding:0px 0px 15px 0px;
		margin:10px 0px 0px 0px;
	}
	#content #rightcol {
		width:160px;
		float:right;
		position:absolute;
		bottom:15px;
		right:0px;
	}
	
	#content #rightcol p {
	margin:5px 0px 0px 0px;
	}
	#content ul {
		margin-left:30px;
	}
	.content {
		/*background:url("../images/bg-content2.png") repeat-y;*/
		/*border-top:1px solid #595b5f;*/
		margin:10px 0 0 0;
	}
	.content .inner {
	background:url("../images/dot.gif") repeat-x bottom;
	}
	.content h2 {
		color:#e86711;
		text-transform:uppercase;
	
	}
	#content #bios {
		margin:0;
		padding:0;
	}
	#bios li {		
		list-style:none;
		margin:0 0px 15px 0;
		float:left;
		
	}
	#bios li span {
		width:179px;
		height:40px;
		background:url("../images/bg_bio.jpg") no-repeat top left;
		display:block;
		padding:2px 0 0 6px;
		
	}
	
	#bios a:link, #bios a:hover, #bios a:visited{
	text-decoration:none;
	
	}
	
	#advertisers h3 {
		width:301px;
		height:38px;
		text-indent:-9999px;
		background:url("../images/bg-advertisers.png") no-repeat;
		margin:0 0 11px 0;
	}
	.stats_title {
		width:350px;
		height:40px;
		text-indent:-9999px;
		background:url("../images/h2_stats.png") no-repeat;
		margin:0 0 0px 0;
	}
	.customer_title {
		width:350px;
		height:40px;
		text-indent:-9999px;
		background:url("../images/customer_thoughts.png") no-repeat;
		margin:0 0 0px 0;
	}
	.contact_title {
		width:350px;
		height:40px;
		text-indent:-9999px;
		background:url("../images/h2_contact.png") no-repeat;
		margin:0 0 0px 0;
	}
	.partners_title {
		width:350px;
		height:40px;
		text-indent:-9999px;
		background:url("../images/h2_partner.png") no-repeat;
		margin:0 0 0px 0;
	}
	
	.partners_title_narrow {
		width:350px;
		height:40px;
		text-indent:-9999px;
		background:url("../images/h2_partner.png") no-repeat;
		margin:3px 0px 0px 0px;
	}
	.network_title {
		width:350px;
		height:40px;
		text-indent:-9999px;
		background:url("../images/h2_network.png") no-repeat;
		margin:0 0 0px 0;
	}
	
	.precise_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/h2_precise.png") no-repeat;
		margin:0px 0px 4px 0px;
	}
	.engaging_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/h2_engaging.png") no-repeat;
		margin:0px 0px 4px 0px;
	}
	.measurable_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/h2_measurable.png") no-repeat;
		margin:8px 0px 4px 0px;
	}
	.screens_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/h2_screens.png") no-repeat;
		margin:8px 0px 4px 0px;
	}
	.loop_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/h2_loop.png") no-repeat;
		margin:8px 0px 4px 0px;
	}
	.mobile_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/h2_mobile.png") no-repeat;
		margin:8px 0px 4px 0px;
	}
	
	.targeted_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/h2_targeted.png") no-repeat;
		margin:0px 0px 4px 0px;
	}
	
	.contact_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/contact_title.png") no-repeat;
		margin:0px 0px 4px 0px;
	}
	
	.relevant_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/h2_relevant.png") no-repeat;
		margin:0px 0px 4px 0px;
	}
	
	.captivating_title {
		width:200px;
		height:15px;
		text-indent:-9999px;
		background:url("../images/h2_captivating.png") no-repeat;
		margin:0px 0px 4px 0px;
	}
	
	
	#retail h3 {
		width:302px;
		height:38px;
		text-indent:-9999px;
		background:url("../images/bg-retail.png") no-repeat;
	} 
	.featureitem {
		background:none;
		margin:0px 0px 15px 0px;
		padding:0px 0px 0px 0px;
	}
	
	.featureitem1 {
		background:url("../images/bg-featureitem1.png") no-repeat bottom #2d2e30;
		padding:10px 17px;
		margin:0 0 15px 0;
	}
	.featureitem2 {
		height:65px;
		background:url("../images/bg-featureitem2.png") no-repeat;
		margin-top:18px;
	}
	.featureitem2 img {
		margin:14px 0 0 7px;
	}
	.featureitem3, #subnav {
		background:url("../images/bg-featureitem3.png") no-repeat;
	}
	
	.featureitem4 {
		/*background:url("../images/mobilenet.gif") no-repeat bottom #2d2e30;*/
		padding:0px 0px;
		margin:0px 0px 0px 0px;
	}
	
	.mobile1 {
		background:url("../images/bg-mobile1.png") no-repeat bottom #2d2e30;
		width:410px;
		padding:10px 17px;
		margin:0 0 15px 0;
		float:left;
		min-height:190px;
	}
	
	.mobile2 {
		background:url("../images/bg-mobile1.png") no-repeat bottom #2d2e30;
		padding:10px 17px;
		margin:0 0 15px 0;
		float:right;
		width:410px;
		min-height:190px;
	}
	
	#banner {
		/*width:575px;*/
		float:left;
		margin:15px 0 0 0;
		padding:0px 0px 15px 0px;
		background:url("../images/dot.gif") repeat-x bottom;
		
	}
	#banner_mobile {
		/*width:575px;*/
		float:left;
		margin:15px 0 0 0;
		padding:0px 0px 15px 0px;
		background:url("../images/dot.gif") repeat-x bottom;
	}
	#banner_ad {
		/*width:575px;*/
		float:left;
		margin:15px 0 0 0;
		padding:0px 0px 15px 0px;
		background:url("../images/dot.gif") repeat-x bottom;
	}

	
	#home_banner {
		width:575px;
		float:left;
		margin:15px 0 0 0;
		padding:0px 0px 15px 0px;
		/*background:url("../images/dot.gif") repeat-x bottom;*/
	}
	#news {
		height:65px;
		margin:0px 0 0 0;
	}
	#news h3 {
		width:75px;
		height:48px;
		background:url("../images/bg-press.png") no-repeat;
		text-indent:-9999px;
		margin:16px 15px 10px 15px;
		float:left;
	}
	#news ul {
		padding:0px 0px 0px 0px;
		list-style:none;
	}
	#news li {
		display:inline;
		margin:0 15px 20px 0px;
		padding:0px 0px 0px 0px;	
	}
	
	#table_left p{
	margin:0px 7px 5px 0px;
	}
	
	
	#pressbutton{
	float:left;
	margin:16px 0px 0px 15px;
	width:75px;
	}
	
	#presslist{
	float:right;
	margin:20px 0px;
	width:810px;
	}
	
	#pressitems .press_nodisplay{
	display:none;
	list-style:none;
	width:750px;
	}
	
	#noconsumers {
		height:65px;
		text-align:left;
		margin:15px 0px 0 0;
	}
	#noconsumers img {
		/*margin:15px 15px 0 0;*/
	}
	.address {
		text-align:left;
		font-size:10px;
		margin-top:10px;
	}
	#footeraddress {
		float:left;
	}
	.footeraddress {
		text-align:left;
		font-size:10px;
		margin-top:10px;
		width:740px;
	}
	.copyright {
		text-align:right;
		font-size:10px;
		margin-top:10px;
	}
	.copyright .separator {
		padding:0 12px;
	}
	.copyright a {
		text-decoration:none;
	}
	.copyright a:hover {
		text-decoration:underline;
	}
	
	#address{
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;
	width:400px;
	
	}
	
	#copyright{
	float:right;
	}
	
	#sub_footer{
	margin:0px;
	
	}
	
	.table_bg{
	color:#fff; font-size:11px;
	display:block;
	}
	
	#table_left{
	padding:15px 10px 10px 10px;
	background-image:url(../images/bg_table.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:168px;
	height:168px !important;
	}
	
	.table_title{
	margin:8px 0px 4px 0px;
	}
	
	.bio{
	padding:0px 15px 15px 0px;
	}
	
	.biotext{
	padding:0px 0px 10px 0px;
	}
	
	#archive{
	width:215px;
	background-color:#2d2e30;
	background-image:url(../images/bg_archive.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px 0px 15px 0px;
	padding:12px 7px 12px 8px;
	}
	
	#archive ul{
	margin:0px 0px 0px 8px;
	}
	
	
	/*#cantact li {		
		list-style:none;
		margin:0 15px 15px 0;
		float:left;
	}
	#contact li span {
		width:225px;
		height:80px;
		background:url("../images/bg_contact.jpg") no-repeat top left;
		display:block;
		padding:2px 0 0 10px;
	}*/
	
 	.biotitle {
	font-size:9px;
	}
	
	.contact_bg .contacttitles{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	padding:15px 0px 0px 15px;
	/*border:1px red solid;*/
	}
	
	.contact_bg{
	background-image:url(../images/bg_contact.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px 0px 0px 0px;
	height:70px;
	/*border:1px red solid;*/
	}
	
	td.contact_bg{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:80px;
	}
	
	.contacttext{
	padding:0px 0px 0px 15px;
	}
	
	.release{
	list-style:none;
	}
	
	.retail_list { 
	font-family:Arial, Helvetica, sans-serif;
	list-style:disc; }
	
	#left{
	float:left;
	width:485px;
	}
	
	#right{
	float:right;}
	
	#special{
	background-image:url(../images/bg_special.jpg);
	width:475px;
	height:23px;
	padding:8px 0px 4px 10px;
	margin:12px 0px 8px 0px;
	color:#fff; 
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	#partners ul{
	margin:6px 0px 0px 0px;
	vertical-align:inherit;
	}
	
	#partners li{
	display:inline;
	list-style:none;
	margin:0px 9px 0px 0px;
	}
	
	#partners li img{
	vertical-align:middle;
	}
	
	#partners_mobile ul{
	margin:6px 0px 0px 0px;
	/*vertical-align:inherit;*/
	}
	
	#partners_mobile li{
	display:inline;
	list-style:none;
	margin:0px 17px 0px 0px;
	}
	
	#partners_mobile li img{
	vertical-align:middle;
	}
	
	#left .left_title{
	color:#fff; font-size:14px; 
	font-weight:bold;
	margin:6px 0px 0px 0px;
	}

	
	.what-you_title {
		width:120px;
		height:16px;
		text-indent:-9999px;
		background:url("../images/what-you-get.png") no-repeat;
		margin:10px 0px 4px 0px;
	}
	
	.why-outcast {
		width:130px;
		height:16px;
		text-indent:-9999px;
		background:url("../images/why-outcast.png") no-repeat;
		margin:10px 0px 4px 0px;
	}
/*Google Custom Search */	
	.cse-branding-right {
		position:relative;
		float:right;
	}
	.cse-branding-form {
		margin-top:20px;
	}
	form.gsc-search-box {
		font-size: 13px;
		width: 200px;
	}
	.search {
		background:#c3c4c3 none repeat scroll 0 0;
		border:1px solid #999999;
		width:150px;
		padding:3px;
		margin-top:5px;
		float:left;
	}
	.goButton {
		border:0 none;
		color:#FFFFFF;
		height:25px;
		padding:4px;
		width:60px;
		float:left;
	}
	#cse-search-results {
		/*background-color:#464a4c;*/
	}