@charset "utf-8";
/**** 
Shave Media: Global CSS
Author: Transmyt Marketing
Last Updated: 04/16/10
****/

@import url(unique.css);													

	html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
	a, cite, code, em, img, small, strong, b, u, i, center, dl, dt, dd, 
	ol, ul, li, fieldset, label, legend {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		background: transparent;
	}
	ol, ul { list-style: none; }
	:focus { outline: 0; }
	img, img a{ border: none; }

	html{
		background: url("images/global-bg.jpg") top left repeat-x #dedede;
		height: 100%;
		width: 100%;
	}
	
	.clear{ clear: both; } .clearL{ clear: left; } .clearR{ clear: right; }
	.fltLft{ float: left; } .fltRgt{ float: right; }
	
	p{ margin-bottom: 15px; }
	
	.hide { display: none; }

/* TYPOGRAPHY */

	html, body{ color: #262626; font: 9pt Arial, Helvetica, sans-serif; line-height: 12pt; }														
								
	h1, h1 img{ color: #666; font: 12pt Arial, Helvetica, sans-serif; margin-bottom: 15px; }
	h2,h2 img{ color: #666; font: 11pt Arial, Helvetica, sans-serif; margin-bottom: 7px; }
	
	a{ color: #b22cb0; text-decoration: none; }
	
	.smallText, .smallText a{ color: #666; font-size: 7pt; }
	
	#emailInput{ color: #babbbc; font-size: 7pt; }
	.submitBtn{ color: #fff; font-size: 7pt; }
	
	.required{ color: #eb9500; font-size: 9pt; }
	.requestQuote{ text-align: right;}
	
	.teamBio, .contactForm, #footer, #footer a{ font-size: 8pt; }
	
	#footer{ text-align: center; }

/* Layout */

	/* Position is everything */
	.container, #header, .headerLeft, .headerRight, #navigation, .nav, .emailSignUp, #emailSignUp, #emailInput, #submitBtn, #content, .innerContent, .videoPlayer, .news, .companyBio, .viewContent, .teamBios, .teamPicture, .teamBio, .contactForm, .labels, .fields, .contactLeft, .contactRight, #footer, .footerContent{ position: relative; }

	.container{
		background: url("images/global-bg.gif") top center repeat-x transparent;
		height: 100%;
		margin: 0px auto; 
		width: 100%;
	}
	
		/* Header */
	
		#header{
			height: 60px;
			margin: 0px auto;
			padding: 22px 0;
			width: 941px;
		}
			.headerLeft{ height: inherit; width: 470px; }
			
			.headerRight{ height: inherit; text-align: right; width: 470px; }
			
		/* Navigation
	
		#navigation{
			background: url("images/nav-bg.jpg") top right repeat-x transparent;
			border: 1px solid #868686;
			height: 35px;
			margin: 0px auto;
			width: 941px;
		}
		
			#navigation ul{ float: left; list-style-type: none; margin: 0px auto; width: 621px; }
			#navigation li{ display: inline; }
			
			#navigation li a{ display: block; float: left; height: 35px; width: auto; }
			*/
			
			.emailSignUp{ float: right; margin: 0px auto; padding: 4px 2px; text-align: right; width: 280px; }
			
			
			#navigation{
				background: #8b8b8b url("images/nav-bg.jpg") repeat-x top;
				height: 37px;
				margin: 0px auto;
				width: 941px; }
			ul#nav {
				padding:0;
				width:740px;}

			ul#nav li {
				display:inline; }
				
			ul#nav li a {	
				background-image:url("images/nav-sprite.png");
				background-repeat:no-repeat;
				display:block;
				float:left;
				height:36px;
				text-indent:-9999px; }
			
			ul#nav li#Home a {
				background-position:-1px -1px;
				width:40px; }
				
			ul#nav li#Home a:hover {
				background-position:-1px -40px;  }	
				
			ul#nav li#AboutUs a {
				background-position:-41px -1px;
				width:148px; }
				
			ul#nav li#AboutUs a:hover {
				background-position:-41px -40px; }
				
			ul#nav li#WhatWeDo a {
				background-position:-189px -1px;
				width:109px; }
				
			ul#nav li#WhatWeDo a:hover {
				background-position:-189px -40px; }
			
			ul#nav li#Blog a {
				background-position:-298px -1px;
				width:59px; }
			
			ul#nav li#Blog a:hover {
				background-position:-298px -40px; }
				
			ul#nav li#ContactUs a {
				background-position:-357px -1px;
				width:101px; }
			
			ul#nav li#ContactUs a:hover {
				background-position:-357px -40px; }
			
			ul#nav li#ViewPortfolio a {
				background-position:-458px -1px;
				width:91px; }
			
			ul#nav li#ViewPortfolio a:hover {
				background-position:-458px -40px; }
			
		
		/* Main Content */
			
		#content{
			margin: 10px auto;
			padding: 0px;
			width: 942px;
		}
		
		
				/* Global Borders */
				.videoPlayer, .news, .services, .partnersAndClients, .companyBio, .teamBios, .contactForm, .partners, #footer{
					border: 1px solid #e3e3e3;
					-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				 }
				.services { width:435px!important; padding:3px;background:#fff; }
				.partners { width:473px!important; margin-top:10px; padding:3px; }
				
				.partnersContent { background-color:#ffffff; height: 79px; padding:3px 15px; width: 443px; }

			
			.videoPlayer{ height:430px; margin:0 auto 10px;text-align:center; width:950px; }
			
			.news{margin: 10px 0px; padding: 10px; display:block;font-size:14px; }
			.news span {font-weight:bold;margin: 0 5px 0 0;}
			.news a {color:#2c67b2;}
			.news a:hover {text-decoration:underline;}
			
			.companyBio{ margin: 0 0 10px; padding: 10px 15px; width: 450px; background:#fff; }
			#homeAboutUs {
				margin: 10px 0;
				font-size: 24px;
			}
			.box-wrapper {
				background: #fff;
				padding: 15px;
				border: 1px solid #e3e3e3;
				margin: 0 0 10px 0;
			}
			.teamBios{ background-color: #fff; margin: 0 0 10px; padding: 3px; width: 473px; }
			.teamBio { margin: 0 0 10px 0;}
			span.box-heading {
				display: block;
				margin: 10px 0;
				font-size: 24px;
				font-weight: bold;
				text-align: left;
			}
			.teamBio p {
				margin: 0 0 0 140px;
			}
		
		/* Footer */
		
		#footer{
			background-color: #f0f0f0;
			margin: 10px auto 10px;
			padding: 8px;
			width: 925px;
		}
			
			.footerContent, .footerContent a{ height: auto; width: auto; }
			
			
			
/* Blog section */

#blogContainer { width:943px; margin:10px auto; }

#blogContent { float:left; width:690px; }
#sidebar { margin-left:10px; width:243px; }
#sidebar h1 { font-size:21px; }

div#blogContainer .innerContent{ background-color:#FFF!important; border:1px solid #e3e3e3; margin: 0 0 10px;}


div#blogContainer .innerPost { margin:0 auto; min-height:250px; padding:5px; width:auto; }

div#blogContent h1 { font-size:30px; }

.entry .userPic {border:1px solid #d5d5d5 !important;padding:3px !important}
div#avatarPic { min-height:100px; margin-bottom:15px; }
div#avatarPic img { background-color:#DBDBDB; margin:5px 15px 20px 0; padding:6px 6px 23px; width:120px; height:120px; }

.clearfix {
	clear: both;
}




