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

/*
Theme Name: PlayBig
Theme URI: http://www.playbigmedia.com
Description: Custom wordpress theme created for the use of PlayBigMedia.
Version: 1.1
Author: Mark Edwards 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
*/

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

a:link {color:#f42b4b; text-decoration:none;
    -webkit-transition-property: color, border-bottom;
    -webkit-transition-duration: 400ms;
    /* you can control the acceleration curve here */
    -webkit-transition-timing-function: ease-in-out; 
}
a:visited {color:#f42b4b; text-decoration:none;
    -webkit-transition-property: color, border-bottom;
    -webkit-transition-duration: 400ms;
    /* you can control the acceleration curve here */
    -webkit-transition-timing-function: ease-in-out; 
}
a:hover {color:#fff; text-decoration:none; border-bottom:none;}
a:active {color:#f42b4b; text-decoration:none;
    -webkit-transition-property: color, border-bottom;
    -webkit-transition-duration: 400ms;
    /* you can control the acceleration curve here */
    -webkit-transition-timing-function: ease-in-out; 
}

.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 {
	background-image:url(images/bg_feature.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#171514;
	
}

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

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

.social_tabs {
	float:left;
	width:100px;
	height:30px;
}

.social_tabs img {
	border:0px;
	text-align:right;
	margin:10px 7px 0px 5px;	
}

.nav_tabs {
	float:left;
	width:600px;
	margin:12px 0px 0px -17px;
}

.nav_tabs img {
	border:0px;
}

.nav_tabs a {
	border-bottom:none;
}

#search-bar {
	float:right;
	margin:10px 0px 0px 0px;
	width:230px;
	background-color:#FFF;
	border:#CCC solid 1px;
}

.search-input {
	float:left;
	width:179px;
	background-color:#FFF;
	padding:3px;
	height:20px;
	border:0px;
}

.btn {
	float:left;
}

#search-bar img {
	margin:12px 0px 0px 0px;
}




/* Featured Content */
/* Featured Content */
/* Featured Content */
/* Featured Content */

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


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

.feature_about_title {
	float:left;
	width:80px;
	margin-left:40px;
	padding-top:30px;
	color:#f42b4b;
	font-size:18px;
}

.feature_page {
	float:left;
	margin:0 auto;
	margin-left:30px;
	padding-top:30px;
	width:375px;
	font-size:14px;
}

.feature_page p {
	margin-bottom:20px;	
}

.feature_contact {
	float:right;
	padding-top:30px;
	margin-left:50px;
	font-size:16px;
	color:#FFF;
}




.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 970px; /*Width of Carousel Viewer itself*/
	height: 350px; /*Height should enough to fit largest content's height*/
	margin-left:5px;
	border:#666 solid 1px;
	background-image:url(images/featured_page/bg.jpg);
}

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

.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: 970px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	border:0px;
}

.panel img {
	border:0px;
}


#web-design-port {
	margin:0 auto;
	width:985px;
}

#web-design-port img {
	border:#383939 solid 4px;
	margin:7px 8px 0px 0;
	width:73px;
	height:73px;
	opacity:1;
	-moz-opacity:1;	
}
#web-design-port img:hover {
	border:#FFF solid 4px;
	opacity:1;
	-moz-opacity:1;
}

#web-design-port a {
	border-bottom:none;
}


/* Information */
/* Information */
/* Information */
/* Information */


#information {
	margin:0 auto;
	margin-top:25px;
	width:970px;
}

/* Information LEFT */

.info_left {
	float:left;	
	width:530px;
}

.clear {
	clear:both;
}

.info_left_getintouch_title {
	float:left;	
	width:140px;
	color:#f42b4b;
	font-size:18px;
}

.info_left_getintouch_content {
	float:left;
	margin-left:10px;
	width:340px;
	color:#FFF;	
}

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



/* Information RIGHT */

.info_right {
	float:right;
	margin-right:10px;
	width:400px;
}

.blog_title {
	float:left;	
	color:#f42b4b;
	font-size:18px;
	width:60px;
}

.blog_content {
	float:left;
	margin-left:10px;
	width:320px;
}

.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:20px;
	color:#FFF;	
	font-size:12px;
}

.entry h2{
	padding-bottom:10px;
}




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

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 80px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

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

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









#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 a {
	border-bottom:none;
}

.footer_logo a {
	border-bottom:none;
}

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

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






#header_banner {
	margin:0 auto;
	margin-top:10px;
	width:940px;
}

#client-page-columns {
	margin:0 auto;
	width:940px;
	height:auto;
	margin-top:40px;
	margin-bottom:30px;
}

.client-page-services {
	margin:0 auto;
	width:900px;
	padding:15px 0px 15px 0px;
	line-height:25px;
	color:#FFF;	
	font-size:14px;
	text-align:center;
}

#client-page-featured {
	margin:0 auto;
	width:540px;
	height:45px;
	padding:10px;
	background-color:#383939;
}

.featured_title {
	float:left;
	color:#FFF;
	margin:10px 0px 0px 10px;
}

.slogan {
	float:right;
	color:#FFF;
	margin:10px 10px 0px 0px;
}

#client-page-column1 {
	float:left;
	width:560px;
}

#client-page-column2 {
	float:right;
	width:340px;
}

.about-the-client {
	width:340px;
}

.about-the-client h2 {
	margin:0 auto;
	width:320px;
	height:25px;
	padding:20px;
	background-color:#383939;
	color:#FFF;
}

.about-the-client p {
	margin:10px 0px 0px 0px;
	font-size:12px;
	line-height:15px;
	color:#FFF;	
}

.related-links {
	margin:25px 0px 0px 0px;
	width:340px;
}

.related-links h2 {
	margin:0 auto;
	width:320px;
	height:25px;
	padding:20px;
	background-color:#383939;
	color:#FFF;
}

.related-links p {
	margin:10px 0px 0px 0px;
	font-size:12px;
	line-height:15px;
	color:#FFF;	
}

.related-links ul {
	margin:20px 0px 10px 30px;
	padding:0px;
}

.related-links ul li {
	list-style:square;
	font-size:12px;
	line-height:15px;
	color:#FFF;	
}

.more-clients {
	margin:25px 0px 0px 0px;
	width:340px;
}

.more-clients h2 {
	margin:0 auto;
	width:320px;
	height:25px;
	padding:20px;
	background-color:#383939;
	color:#FFF;
}

.more-clients p {
	margin:10px 0px 0px 15px;
	font-size:12px;
	line-height:15px;
	color:#FFF;	
}

.more-clients ul {
	margin:20px 0px 10px 30px;
	padding:0px;
}

.more-clients ul li {
	float:left;
	width:90px;
	margin:0px 60px 0px 0px;
	list-style:square;
	font-size:12px;
	line-height:15px;
	color:#FFF;	
}

.client-page {
	margin:0 auto;
	width:560px;
	font-size:14px;
}

.client-page-title h2 {
	font-size:18px;
	line-height:30px;
	color:#FFF;	
}

.client-page-entry {
	line-height:20px;
	color:#FFF;	
	font-size:12px;
}

.client-page-entry p {
	margin:0px 0px 10px 0px;
}

.client-page-entry h2 {
	line-height:30px;
}





.get-in-touch {
	margin:25px 0px 0px 0px;
	width:340px;
}

.get-in-touch h2 {
	margin:0 auto;
	width:320px;
	height:25px;
	padding:20px;
	background-color:#383939;
	color:#FFF;
}

.get-in-touch p {
	margin:10px 0px 0px 15px;
	font-size:12px;
	line-height:15px;
	color:#FFF;	
}

.get-in-touch ul {
	margin:20px 0px 10px 30px;
	padding:0px;
}

.get-in-touch ul li {
	list-style:square;
	font-size:12px;
	line-height:15px;
	color:#FFF;	
}