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

/*
Theme Name: PlayBig
Theme URI: http://www.playbigmedia.com
Description: Full CMS theme for backend PlayBigMedia.com
Version: 1.0
Author: Mark Edwards of PlayBigMedia.com
Author URI: http://www.playbigmedia.com
Tags: playbig, custom header, fixed width, three columns, widgets
*/

/*
This website is created and managed by PlayBigMedia.com . Many 
many hours of hard work have gone into producing this website.
All work is Copyright 2010 All Rights Reserved.
http://www.playbigmedia.com
*/





/* 
--------
--------
GLOBAL SETTINGS
--------
--------
 */

* {margin:0px 0px 0px 0px;}

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;
}

* { margin:0px 0px 0px 0px;
font-family:Helvetica;
}

/* 
--------
--------
TYPOGRAPHY SETTINGS
--------
--------
 */

a:link {color:#f42b4b; text-decoration:none;}
a:visited {color:#f42b4b; text-decoration:none;}
a:hover {color:#f42b4b; text-decoration:none; border-bottom:#FFF dotted 1px;}
a:active {color:#f42b4b; text-decoration:none;}

.footer_logo img a:link {color:#f42b4b; text-decoration:none;}
.footer_logo img a:visited {color:#f42b4b; text-decoration:none;}
.footer_logo img a:hover {color:#f42b4b; text-decoration:none; border-bottom:none;}
.footer_logo img a:active {color:#f42b4b; text-decoration:none;}


/* 
--------
--------
BODY SETTINGS
--------
--------
 */
 
body {
	background-image:url(images/bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#141311;
	
}






/* 
--------
--------
MAIN STRUCTURE SETTINGS
--------
--------
 */

#wrapper {
	margin:0 auto;
	width:980px;
}

#top_bar {
	margin:0 auto;
	height:80px;
}

.nav_tabs {
	float:left;
	width:500px;
}

.nav_tabs img {
	border:0px;
	margin-top:50px;	
}

.social_tabs {
	float:right;
	width:255px;
	height:80px;
}

.social_tabs img {
	border:0px;
	text-align:right;
	margin:15px 0px 0px 35px;	
}

#title-name {
	text-indent:-9999px;
}

#header_banner {
	margin:0 auto;
	width:970px;
	padding-top:320px;
}

.about_banner {
	width:330px;
	font-family:Helvetica;
	line-height:20px;
	color:#FFF;
	font-size:11px
}

.about_banner h2 {
	line-height:30px;
	font-size:26px;
}

.about_banner h3 {
	line-height:30px;
	font-size:18px;
}

.about_banner p {
	line-height:20px;
	font-size:11px;
}





/* 
--------
--------
FEATURED CONTENT SETTINGS
--------
--------
 */
 
#featured {
	margin:0 auto;
	margin-top:15px;
	width:930px;
	height:25px;
	padding:20px;
	background-color:#383939;
}

.featured_title {
	float:left;
	color:#FFF;
	font-size:24px;
}

.slogan {
	float:right;
	color:#FFF;
	font-size:24px;
}

.spacer {
	clear:both;
	margin-top:10px;
	margin-left:5px;
	background-color:#252525;
	width:970px;
	height:3px
}


#featured_work {
	clear:both;
	width:980px;
	padding:10px 10px 2px 4px;
}


/* Featured 1 2 3 4 5 ... */
/* Featured 1 2 3 4 5 ... */
/* Featured 1 2 3 4 5 ... */
/* Featured 1 2 3 4 5 ... */


.featured_text1 {
	width:228px;
	height:228px;
	background-image:url(images/featured/kylie.jpg);
}

.featured_text1 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}

.featured_text2 {
	width:228px;
	height:228px;
	background-image:url(images/featured/scorcher.jpg);
}

.featured_text2 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}

.featured_text3 {
	width:228px;
	height:228px;
	background-image:url(images/featured/tleevz.jpg);
}

.featured_text3 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}

.featured_text4 {
	width:228px;
	height:228px;
	background-image:url(images/featured/agentx.jpg);
}

.featured_text4 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}

.featured_text5 {
	width:228px;
	height:228px;
	background-image:url(images/featured/utrmixtapes.jpg);
}

.featured_text5 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}

.featured_text6 {
	width:228px;
	height:228px;
	background-image:url(images/featured/majestic.jpg);
}

.featured_text6 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}

.featured_text7 {
	width:228px;
	height:228px;
	background-image:url(images/featured/utrplymouth.jpg);
}

.featured_text7 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}
.featured_text8 {
	width:228px;
	height:228px;
	background-image:url(images/featured/hfne.jpg);
}

.featured_text8 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}

.featured_text9 {
	width:228px;
	height:228px;
	background-image:url(images/featured/isaacc.jpg);
}

.featured_text9 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}

.featured_text10 {
	width:228px;
	height:228px;
	background-image:url(images/featured/kcat.jpg);
}

.featured_text10 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}

.featured_text11 {
	width:228px;
	height:228px;
	background-image:url(images/featured/deadmau5.jpg);
}

.featured_text11 p {
	font-size:12px;
	color:#FFF;
	padding-top:180px;
	text-align:center;
	line-height:15px;
}













/* 
--------
--------
CAROUSEL SETTINGS
--------
--------
 */

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 980px; /*Width of Carousel Viewer itself*/
	height: 230px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	text-align:center;
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width: 994px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 230px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	margin-right:18px;
}






/* 
--------
--------
FLICKR SETTINGS
--------
--------
 */
 
#images {
	text-align:left;
	padding:0px;
	margin:0 auto;
	height:90px;
	width:985px;
}
#images ul {
	list-style:none;
	float:left;
	padding:0px;
	margin-left:5px;
}
#images ul li {
	display:inline;
}
#images ul li img {
	border:#383939 solid 4px;
	margin:7px 8px 0px 0;
	width:73px;
	height:73px;
	opacity:1;
	-moz-opacity:1;	
}
#images ul li img:hover {
	border:#FFF solid 4px;
	opacity:1;
	-moz-opacity:1;
}

#images a {
	border-bottom:none;
}






/* 
--------
--------
INFORMATION SETTINGS
--------
--------
 */
 
#message_successful_notification {
	margin:0 auto;
	margin-top:15px;
	width:910px;
	background-color:#f42b4b;
	padding:30px;
}

#information {
	float:left;
	margin:25px 0px 0px 0px;
	width:630px;
}

#info_column1 {
	float:left;
	width:320px;

}

#info_column2 {
	float:right;
	width:280px;

}

/* Information LEFT */

.info_left {
	float:left;	
	width:320px;
	margin:0px 0px 0px 10px;
}

.info_left_whoarewe_title {
	float:left;	
	width:310px;
	color:#FFF;	
	font-size:18px;
	margin:0px 0px 10px 0px;
}

.info_left_whoarewe_content {
	width:310px;
	height:400px;
	color:#FFF;	
}

.info_left_whoarewe_content h3 {
	font-size:14px;
	line-height:20px;
	padding-bottom:10px;
}


.info_left_whoarewe_content p {
	font-size:11px;
	line-height:20px;
}

.clear {
	clear:both;
}


.divide {
	margin:20px 0px 10px 10px;
}

.info_contact {
	float:left;	
	width:310px;
	margin:20px 0px 0px 10px;
}

.info_left_getintouch_title {
	float:left;	
	width:310px;
	color:#f42b4b;
	font-size:18px;
	margin:0px 0px 10px 0px;
}

.info_left_getintouch_content {
	float:left;
	width:310px;
	color:#FFF;	
}

.info_left_getintouch_content p {
	line-height:20px;
	font-size:11px;
}




.info_middle {
	float:right;	
	width:230px;
	margin:0px 20px 0px 0px;
	color:#FFF;
}

.info_middle_title {
	float:left;	
	width:230px;
	color:#FFF;	
	font-size:18px;
	margin:0px 0px 10px 0px;
}

.info_middle_content_whatwedo {
	color:#FFF;	
}

.info_middle_content_whatwedo_links a:link {color:#FFF}
.info_middle_content_whatwedo_links a:visited {color:#FFF}
.info_middle_content_whatwedo_links a:hover {color:#f42b4b}
.info_middle_content_whatwedo_links a:active {color:#FFF}


.info_news {
	color:#FFF;
	font-size:12px;
	line-height:18px;
	margin:0px 0px 30px 0px;
}

.info_middle_partners {
	color:#FFF;
	font-size:12px;
	line-height:18px;
}

.info_middle_partners img {
	margin:10px 10px 0px 20px;
}

.info_middle_whatwedo {
	width:250px;
	color:#FFF;
	font-size:12px;
	line-height:18px;
	margin:0px 0px 30px 0px;
}




/* Information RIGHT */

.info_right {
	float:right;
	margin:25px 10px 0px 0px;
	width:300px;
}

.blog_title {
	float:left;	
	color:#f42b4b;
	font-size:18px;
	width:300px;
	margin:0px 0px 10px 0px;
}

.blog_content {
	width:300px;
}

.post {
	margin-bottom:30px;
	
}

.post_title {
	line-height:15px;
	min-height:15px;
	color:#FFF;	
	font-size:12px;
}

.post_date {
	line-height:15px;
	min-height:15px;
	color:#FFF;	
	font-size:11px;
}

.entry {
	line-height:15px;
	color:#FFF;	
	font-size:11px;
}
.entry object {
	width:320px;
	height:200px;
	margin-top:5px;
	border:#FFF solid 4px;	
}




/* 
--------
--------
CONTACT FORM SETTINGS
--------
--------
 */

#contact-area {
	padding-top:20px;
	min-height:400px;
	width:300px;
	font-size:11px;
	padding-bottom:25px;
}

#contact-area input {
	border:0px;
	width:300px;
	height:20px;
	background-color:#3B3B3B;
	color:#FFF;
	font-size:13px;
}

#contact-area textarea {
	border:0px;
	width:300px;
	height:80px;
	background-color:#3B3B3B;
	color:#FFF;
	font-size:13px;
}

#contact-area p {
	margin:0px 0px 10px 0px;
}

#contact-area input a:hover {
	border:#FFF solid 1px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #FFF;
}

#contact-area input.submit-button {
	font-size:12px;
	width: 100px;
	margin:10px 0px 0px 0px;
	background-color:#CCC;
	float: left;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 11px;
}

#contact-area_thankyou p {
	line-height:35px;
	height:400px;
	font-size:26px;
	color:#f42b4b;
}







/* 
--------
--------
FOOTER SETTINGS
--------
--------
 */
 
 #clear {
	 clear:both;
 }

#footer {
	clear:both;
	width:100%;
	height:175px;
	background-color:#383939;
}


.footer_contents {
	margin:0 auto;
	padding-top:5px;
	width:970px
}

.footer_logo {
	float:left;
	width:100px;
}

.footer_logo img {
	border:0px;
}

.footer_links {
	float:right;
	text-align:right;
}

.footer_links p {
	line-height:20px;
	font-size:12px;
	color:#FFF;
	width:600px;
}

.footer_links h4 {
	float:right;
	line-height:20px;
	font-size:9px;
	color:#FFF;
	width:500px;
}






/* 
--------
--------
WHAT WE DO SETTINGS
--------
--------
 */

#whatwedo_structure {
	margin:0 auto;
	width:980px;
}

.whatwedo_post {
	margin:0 auto;
	width:980px;
}

.whatwedo_entry {
	margin:0 auto;
	width:950px;
	line-height:15px;
	color:#FFF;	
	font-size:12px;
	background-color:#999;
}