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

/* HOME PAGE STYLES */
body {
overflow-x:hidden;
}

#container {
	width:960px;
	position:relative;
	z-index:2;
	margin:auto;
	}

#header {
	height:100px;
	position:absolute;
	width:960px;
	z-index:100;
	padding-top:10px;
	}

#content {
	position:relative;
	padding-top:400px;
	margin-bottom:20px;
	}

.banner {
	position:absolute;
	left:-520px;
	top:0px;
	width:2000px;
	height:400px;
	border-bottom:10px solid #ff00c8;
	background:#eaeaea;
	}

.banner img {
	position:relative;
	height:400px;
	}

.columns {
	padding-top:20px;
	background:url(../images/column_bg.jpg) no-repeat 0 11px;
	}

.logo {
	width:380px;
	height:65px;
	background:url(../images/logo2010.png) no-repeat 0 0;
	display:block;
	text-indent:-9009px;
	position:relative;
	top:20px;
	left:20px;
	}

.mainNav {
	width:480px;
	height:50px;
	position:relative;
	left:470px;
	padding:5px;
	top:-40px;
	background: url(../images/nav_bg.png) no-repeat 0 0;
	}

.col1 {
	float:left;
	width:280px;
	padding:0 20px;
	}

.col2 {
	float:left;
	width:280px;
	padding:0 20px;
	}

.col3 {
	float:left;
	width:280px;
	padding:0 20px;
	}

/* FOOTER STYLES */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container, #inside_container {height: 100%;}

body > #container, body > #inside_container {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 59px;
	clear:both;
	background:#d0d0d0;
	border-top:1px solid #b0b0b0;
	padding:20px 20px;
	}

#footer_content {
	width:960px;
	margin:auto;
	} 

#footer_left {
	width:660px;
	float:left;
	}

#footer_right {
	width:300px;
	float:left;
	}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* HOME PAGE STYLES */

.home {
	background:#eaeaea url(../images/webdesign_header_bg.jpg) repeat-x 0 0;
	}

#home_inside_content {
	background: url(../images/home_inside_content_bg.jpg) no-repeat 0 0;
	min-height:200px;
	color:#222;
	}

#home_header {
	height:300px;
	}

#home_hooks {
	height:270px;
	}

#home_hooks ul {
	padding:0 20px;
	}

#home_hooks ul ol {
	float:left;
	width:210px;
	margin:0 10px;
	}
#home_hooks ul ol img {
	border:none;
	margin-bottom:10px;
	}

#home-content {
	padding:20px;
	}

#home_content_l {
	float:left;
	width:520px;
	margin-right:20px;
	}

#home_content_r {
	float:left;
	width:340px;
	}


/* INSIDE PAGE STYLES */
.inside {
	background:#eaeaea url(../images/inside_header_bg.gif) repeat-x 0 0;
	}

.padding_top_105 {
	padding-top:105px;
	}

#inside_container {
	width:960px;
	margin:auto;
	position:relative;
	}

#inside_header {
	height:100px;
	width:960px;
	padding-top:10px;
	}

#inside_content {
	background: url(../images/inside_content_bg.jpg) no-repeat 0 0;
	min-height:200px;
	color:#222;
	}
	
#content_l {
	width:410px;
	float:left;
	margin-right:10px;
	}

#content_r {
	width:530px;
	float:left;
	margin-left:10px;
	}

.content_img_01 {
	background:#ddd;
	margin-bottom:20px;
	padding:9px;
	border:1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

.content_img_02 {
	background:#ddd;
	margin-bottom:20px;
	float:left;
	padding:9px;
	border:1px solid #ccc;
	width:340px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

.content_img_03 {
	background:#ddd;
	margin:0 0 20px 70px;
	float:left;
	padding:9px;
	border:1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

#questions {
	padding-bottom:40px;
	}

#call_to_action {
	border-top:1px solid #dfdfdf;
	}

/* NEWS STYLES */
#twitter_div ul {
	margin:20px 0 0 0;
	}

#twitter_div ul li {
	list-style:none;
	margin-bottom:20px;
	}

#twitter_div ul li a {
font-size:10px;
	}

#twitter_div ul li span {
	}

#twitter_div ul li span a {
	color:#222;
	font-size:14px;
	border-bottom:1px dotted #222;
	}

#twitter_div ul li span a:hover {
	color:#FF00C7;
	}

	
#twitter_div img {
	float:right;
	}
/* MARKETING STYLES */
.envelope {
	background: url(../images/Envelope.jpg) no-repeat;
	padding:20px 0 5px 55px;
	}

.address-book {
	background: url(../images/Address-Book.jpg) no-repeat;
	padding:20px 0 5px 55px;
	}

.reports {
	background: url(../images/Chart.jpg) no-repeat;
	padding:20px 0 5px 55px;
	}

.targets {
	background: url(../images/Target.jpg) no-repeat;
	padding:20px 0 5px 55px;
	}

.globe {
	background: url(../images/Globe.jpg) no-repeat;
	padding:20px 0 5px 55px;
	}

.thumbsup {
	background: url(../images/Thumbs-Up.jpg) no-repeat;
	padding:20px 0 5px 55px;
	}

/* PORTFOLIO STYLES */

#portfolio_header {
	padding:20px 0 0 0;
	}
	
#portfolio_l {
	float:left;
	width:300px;
	margin-right:20px;
	}

#portfolio_r {
	float:left;
	width:640px;
	}

#portfolio_r ul li {
	float:left;
	margin:0 10px;
	}

#portfolio_r ul li a {
	display:block;
	background:#ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:9px;
	border:1px solid #ccc;
	}

#portfolio_r ul li a:hover {
	background:#fff;
	border:1px solid #ccc;
	}

.addthis_toolbox {
	margin:20px 0 20px 70px;
	}

#all_projects ul {
	margin:20px 0;
	}

#all_projects ul li ul li {
	float:left;
	margin:10px;
	}

#all_projects ul li ul li a {
	display:block;
	background:#ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:9px;
	border:1px solid #ccc;
	}

#all_projects ul li ul li a:hover {
	background:#fff;
	border:1px solid #ccc;
	}

#all_projects ul li#webdesign, #all_projects ul li#graphicdesign, #all_projects ul li#logodesign {
	border-top:1px solid #dfdfdf;
	padding-bottom:20px;
	}

/* CAMPAIGN STYLES */

.campaign {
	background:#eaeaea url(../images/campaign_header_bg.jpg) repeat-x 0 0;
	}

#campaign_inside_content {
	background: url(../images/campaign_inside_content_bg.jpg) no-repeat 0 0;
	min-height:200px;
	color:#222;
	}

#campaign_header {
	height:300px;
	}

#campaign_hooks {
	height:250px;
	}

#campaign_hooks ul {
	padding:0 20px;
	}

#campaign_hooks ul li {
	float:left;
	width:210px;
	margin:0 10px;
	}
#campaign_hooks ul li img {
	border:none;
	margin-bottom:10px;
	}

#campaign-content {
	padding:20px;
	}

#campaign_content_l {
	float:left;
	width:520px;
	margin-right:20px;
	}

#campaign_content_r {
	float:left;
	width:340px;
	background:#b0b0b0;
	padding:20px;
	}

.signup-form form {
	color:red;
	background:red;
	}