/* CSS Document */


/* General /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

body { margin: 5px 0; padding-bottom: 20px; }

#pagecenter { width: 860px; margin: 0 auto; }

.fl { float: left; clear: both;}



/* Header //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#logo { width: 860px; height: 83px; margin: 0 auto; }



/* Banner//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




/* Navigation ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#nav { float: left; width: 100%; height: 40px; background: URL(../images/navigation/bg_nav.png) no-repeat; }

#nav ul { float: left; list-style: none; }

#nav li { display: inline; }

#nav li a { float: left; height: 40px; }

li#home a { width: 67px; margin-right:2px;  }
li#who a { width: 100px; margin-right:2px;}
li#why a { width: 104px; margin-right:2px;}
li#what a { width: 100px; margin-right:2px;}
li#media a { width: 177px; margin-right:2px; }
li#creative a { width: 82px; margin-right:2px; }
li#join a { width: 111px; margin-right:2px; }
li#contact a { width: 105px; }


/* Page Content ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#title { float: left; width: 100%; margin-top: 34px; margin-bottom: 19px; }

#title h2 { float: left; }

#content { float: left; width: 100%; }

#content p { margin: 19px 0 ;}

#w375 { float: left; width: 375px;}
#w215 { float: left; width: 215px;}

ul.p { margin: -10px 0 19px 15px; line-height: 24px; }

.what_boxes { float: left; width: 219px; min-height: 310px; margin: 19px 0 0 23px; }
.what_boxes div { float: left; padding: 15px 18px; }
.what_boxes ul { width: 173px; }
.what_boxes ul ul { margin: 2px 0; }

#plan_flash { float: left; width: 626px; margin: 20px 0 0 19px; }

#buyl { float: left; width: 49%; }
#buyr { float: right; width: 46%; padding-top: 83px; }

div#a_casewaga { float: left; width: 247px; height: 298px; margin: 0 59px 0 0; background: URL(../images/a_casewaga.jpg); }
div#a_casemark { float: left; width: 247px; height: 298px; margin: 0 59px 0 0; background: URL(../images/a_casemark.jpg); }
div#a_caseelec { float: left; width: 247px; height: 298px; margin: 0 0 0; background: URL(../images/a_caseelec.jpg); }

#case_pics { float: left; width: 166px; margin-top: 20px; }
#case_pics img { margin-bottom: 10px; }
#case_text { float: right; width: 657px; margin-top: 20px; }

#people_flash { margin-top: 20px; }

#team_text { 
	float: left; 
	width: 560px;
	text-align:left;
	line-height:23px;
}

#team_text div{ 
	text-align:left;

}

#team_text img{
	border:solid;
	border-color:#AAA;
	border-width:1px;
	padding:20px;
}

#twitter_feed { 
	position: relative;
	margin-top:40px;
	margin-left:30px;
	float: left;
	font-size:11px;
	padding: 15px 15px 20px;
	color:#F78D1A;
	background-color:#EAE8E9;
	width:240px;
	border-top:solid;
	border-width:20px;
	border-top-color:#FFFFFF;
}

#twitter_feed h2{
	color:#333333;
	font-size:16px;
	font-weight:bold;
	margin-bottom:25px;
	padding-bottom:0px;
}

#twitter_feed h3{
	color:#333333;
	font-size:14px;
	margin:0px;
	padding:0px;
	margin-top:4px;
	margin-bottom:8px;

}
#twitter_feed h3 a{
	color:#333333;
	font-size:12px;
	margin:0px;
	padding:0px;
}

#twitter_feed .twitter_time{
	margin-top:10px;
	color:#F78D1A;
	font-size:10px;

}

#twitter_feed .line{
	
	border-bottom:solid;
	border-bottom-width:1px;
	border-color:#999999;
}

	
#contact_details { 
	float: left; 
	width: 271px; 
	padding: 37px 0 0 ; 
	border-top: 1px solid #AAA; 
	
}
#contact_details h2{
	margin-top: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
	font-size: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;

}
	
#contact_map { float: right; width: 501px; height: 341px; }



/* Footer //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#footer {  float: left; width: 100%; text-align: right;  margin: 13px 0 30px; }

#follow_us{
	float:left; text-align: right;  margin: 13px 0 30px;

}

#follow_us span{
position:relative;
bottom:15px;
margin-right:10px;
color:#000000;

}


.blogger-post-footer img{
visibility:hidden;
display:none;
height:0px;
}

.creative_coloum{
	width:400px;
	padding-right:20px;
	float:left;
	
}#logos {
	float: right;
	width: 300px;
	height: 65px;
	text-align: right;
}
#logos a img { border:none;}