@charset "UTF-8";

/*

light blue: a3d6e0
dark blue: 478ea3
hot pink: ff1e8e
dark grey: 666666	

*/


/* BASIC */

	body 
	{
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #666;
	}
	
	body { background: url("../images/template/bg_inside.gif") repeat-x;	}
	body.home { background: url("../images/template/bg_home.gif") repeat-x; }
	
	
	a 
	{
		color:#ff1e8e;
		padding:2px 3px;
		text-decoration: none;
	}
	
	a:hover 
	{
	
	}
	
	a:active 
	{
		
	}
	
	a:visited 
	{
		
	}
	
	a[href$=".pdf"] 
	{  
		background: url(../images/template/icon_pdf.gif) no-repeat left 50%;  
		padding: 2px 0 2px 20px;  
	}  
	
	div { display: block; }
	
	p
	{
		padding:12px 0px;
		
		font-size: 0.85em;
		line-height: 1.5em;
		color: #333;	
	}
	
	/* set UL's to horizontal */
	ul.nav { margin: 0px 0 0 0; list-style: none; padding: 0;}
	ul.nav li { display:block; float:left; margin: 0; padding: 0;}
	ul.nav a {text-decoration:none;}
	
	a.rss
	{
		background: url(../images/template/icon_rss_lg.gif) no-repeat 10px 5px;
		width: 37px;
		height: 37px;
		float: left;
		text-indent:-9999em;
	}
	
	body.home a.rss
	{
		background: url(../images/template/icon_rss.gif) no-repeat 10px 0px;
		width: 30px;
		height: 20px;
	}
	
	
	.clr1 { color: #ff1e8e; }

/* site width and alignment*/
	#wrapper 
	{
		width:960px;
		margin-left:auto;
		margin-right:auto;
	}


/* HEADER */

	#header 
	{
		width:100%;
		height:80px;
	}
	
	#logo 
	{
		margin:0;
		padding:0;
	}
	
	#logo a 
	{
		background:url(../images/template/headspace_logo.gif) no-repeat;
		float:left;
		width:178px;
		height:32px;
		padding:10px;
		margin:23px 20px 0px 20px;
		
		text-indent:-9999em;
	}



/* CONTENT STYLES */
	#content 
	{
		overflow: hidden;
		float:left;
		/*margin-top:-1px;*/
		width: 100%;
	}
	
#content h2
{
    color:#ff1e8e;
    font-weight: normal;
    font-size:43px;
font-family: Helvetica Neue, Helvetica, Arial,  sans-serif ;
}
	#content .left ul,
	#content .left ol 
	{
		font-size: 0.8em; 
		margin:5px 20px 25px;
		line-height:1.5;
	}
	
	#content .left ul li 
	{ 
		list-style: circle; 
		padding:4px; 
	}
	#content .left ol li 
	{ 
		list-style: decimal; 
		padding:4px; 
	}
	
	/* CONDITIONALS FOR ILLUSTRATIONS */
	body.team #content {  background: url(../images/template/ill_team.gif) no-repeat top; }
	body.recognition #content {  background: url(../images/template/ill_recognition.gif) no-repeat top; }
	body.approach #content {  background: url(../images/template/ill_approach.gif) no-repeat 200px 0px; }
	body.projects_detail #content,
	body.projects #content,
	body.clients #content{ background: url(../images/template/ill_projects.gif) no-repeat 200px 0px; }
	body.service #content,
	body.design #content { background: url(../images/template/ill_service_design.gif) no-repeat right top; }
	body.dev #content { background: url(../images/template/ill_dev.gif) no-repeat right top; }
	body.market #content,
	body.strategy #content{ background: url(../images/template/ill_marketing.gif) no-repeat right top; }
	body.blog #content { background: url(../images/template/ill_blog.gif) no-repeat right top; }
	body.contact #content { background: url(../images/template/ill_contact.gif) no-repeat right top; }
	
	#content .left, #content .right
	{
		float: left;
		padding-top:75px;	
	}
	body.projects #content .left {margin-bottom: 15px;}
	
	p.intro,
    .left h2 + p
	{
		padding: 0 0 10px 0;
		clear:left;	
	
		color: #478ea3;
		font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
		font-size: 20px;
		letter-spacing: 0.02em;
		line-height: 1.3;
	}
	
	/* CONDITIONAL FOR INTRO ON TEAM PAGE */
	body.team p.intro
	{
		width: 400px;
		margin:0 0 0px 0;	
	}
	.theteam { margin-top: 20px; overflow:hidden; }
	/* LEFT SIDE */
	#content .left { width: 650px; }
	
	#content h2
	{
		padding: 0 0 10px 0;
	}
	
	
	/* ITEMS LIST */
	.item 
	{
		border-bottom: 1px #d9d9d9 solid;
		overflow: hidden;
		margin:30px 0px 20px 0px;
		padding-bottom:15px;
	}
	
	.item div
	{
		height: auto;
		clear: both;
		border: none;
		display: none;
	}

	.item a
	{
		float:right;
		clear:both;
		margin-top: -15px;
		
		font-size: 0.7em;
		text-transform: uppercase;	
		text-decoration: none;
	}

	/* hover style */
	body.contact .left a:hover,
	#block-blog div a:hover,
	.left a:hover,
	#content .right ul li a:hover,
	a.vs:hover
	{
		background-color:#d2e2e8;
		color:#ff1e8e;
	}
	
	.item h3
	{
		padding: 5px 0;	
		float:left;	
		
		font-weight: normal;
		font-family: Helvetica Neue, Arial, sans-serif;
		font-size:1.1em;
	}

	.item h3 a
	{
		float:left;
		padding:0px;
       	margin:0px 0px 10px;
		
		text-transform: none;
		color: #478ea3;
		font-size:1.1em;
	}
	
	.item h3 span
	{
		display: block;
		margin: 5px 0 0 0;
		clear:left;
		
		font-size: 0.6em;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	.item p
	{
		width: 488px;
		float:right;
		padding-bottom:17px;
		font-size:0.8em;
	}
	
	.item img
	{
		float:left;	
		border: 1px #478ea3 solid;
		margin: 0 20px 0 0;
	}
	
	
	/* RIGHT SIDE COLUMN */
	#content .right
	{
		width: 260px;
		margin: 0 0 50px 50px;
		letter-spacing: 0.01em;
	
	}
	
/* PROJECT DETAILS */
	body.projects_detail #content h2
	{
		margin-top: 75px;	
	}
	
	body.projects_detail #content .left,
	body.projects_detail #content .right,
	body.projects_detail #content .lr
	{
		margin: 0;
		padding:0;
	}
	
	body.projects_detail #content div .left,
	body.projects_detail #content div .right { margin: 15px 0 0 0;	}
	
	body.projects_detail #content div .left { margin-top:20px; }
	
	#content div .right { width:310px; }
	
	/* PROJECT HEAD INFO*/
body.projects_detail #content .lr a {padding: 0px;}
	body.projects_detail #content .lr img
	{
		border: 5px #000 solid;	
		float: left;
	}
	body.projects_detail #content .lr ul li {display:none;}
	ul#project_info
	{
		float:left;
		width:300px;
		height:210px;
		margin:0px;
		padding: 30px 10px 0 20px;
		background: #333;
		
		color: #fff;
		font-size:0.75em;
		line-height:1.3;
	}
	
#content ul#project_info li
	{
		padding-left:85px;
display:block;
		background:url(../images/template/title_client_g.gif) no-repeat  0px 1px;
	}
	#content ul#project_info li.project { background-image: url(../images/template/title_project_g.gif)}
	#content ul#project_info li.industry { background-image: url(../images/template/title_industry_g.gif)}
	#content ul#project_info li.what { background-image: url(../images/template/title_whatwedo_g.gif)}
	
	
	/* VIEW MORE BUTTON */
	a.vm
	{
		background:url(../images/template/btn_moreprojects.gif) no-repeat;
		float:right;
		width:220px;
		height:47px;
		text-indent: -9999em;
		padding:0px;
	}
	a.vm:hover { background:url(../images/template/btn_moreprojects.gif) no-repeat 0px -47px; }
	
	
	/* CONTENT SECTION */
	#content div .left h3
	{
		color: #333;
		margin: 0px 0 5px;
	}
	
	#content div .left p
	{
		padding: 0px 50px 25px 0;	
	}
	
	a.vs 
	{ 
		padding:3px;
		position: absolute;
		z-index: 1500;
		
		line-height: normal;
		font-size: 1.15em;
		text-transform: uppercase; 
		text-decoration: none;
		font-family: Geneva, Verdana, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	}
	
	/* QUOTE SECTION */
	.quote, 
	.quote p
	{
		color: #4a8ca5;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size:1em;
	}
.quote p.who 
{
    color:#666;
    font-style: normal;
    font-size:0.8em;
float:right;
font-family: Geneva, Verdana, Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
}
.quote p.who span {font-style:italic;}
	
	#content div .right h4
	{
		font-size:0.7em;
		font-weight: normal;
	}
	
	#content div .right h4 span 
	{ 
		display:block;
		padding: 5px 0 0 0;
	}
	
	/* OTHER PROJECTS */
	#content div .right ul 
	{ 
		margin-left: -17px; 
	
		overflow: hidden;
	}
	#content div .right ul li {padding: 16px 0 0 16px;}
	#content div .right ul li a:hover {background: none;}
		
	
	

	/* END PROJECT DETAILS */
	
	
	#content .right h3
	{
		border-bottom: 1px #d9d9d9 solid;
		padding: 35px 0 10px 0;
		
		font-family: Helvetica Neue, Arial, sans-serif;
		font-size: 1.1em;
		color: #333;
	}
	#content .right h3.alt { color: #478ea3; }
	#content .right h3.nb { border: none; }
	#content .right h3.nb:first-child {margin:0px; padding:0px;}
	
	
	
	
/*****************************************************************************/
/* 					 	  		PROJECTS 	 								 */
/*****************************************************************************/

	body.projects #content .right h3 { border: none; }
	body.projects #content h2
	{
		background: url(../images/template/title_view_projects.gif) no-repeat;
		height: 46px;
		line-height:0em;
		float: left;
		width: 353px;
		text-indent: -9999em;
	}
	
	body.projects p.intro 
	{
		clear:both; 
		float:left; 
		width: 100%;
	}
	
	.right select {width:100%;}
	
	.lr 
	{ 
		clear:both;
	
		overflow:hidden;
	}
	
	.lr li,
	.more_info li
	{
		float:left;
		padding:0 10px 15px 0;
		margin:0px;
	}
		
	/* end projects */
	
	#content .right ul li { padding: 25px 0 0; }
	
	#content .right ul li a
	{
		padding: 2px;
		
		color: #478ea3;
		text-decoration: none;
	}
	
	ul.strategic li span
	{
		display: block;
		margin:3px 0 0 0;
		
		color: #666;
		font-size: 0.7em;
		font-style: italic;
	}
	
	
	/* SUB NAV */
	#content .right div ul li {padding: 0;}
	#content .right div ul li a
	{
		border-bottom: 1px #d9d9d9 solid;
		display: block;
		padding:10px 15px;
		
		font-size: 0.8em;
		color: #ff1e8e;
	}
	
	#content .right div ul li a:hover,
	#content .right div ul li a.active { background: #000; }



	
	


/* COMPANY */

.bio p {font-size:0.7em; line-height:1.5}
.bio  {display: none;}


/*****************************************************************************/
/* 					 	  		   Clients     	 							 */
/*****************************************************************************/
body.clients .lr
{
    padding:0px;
    margin: 75px 0 0 0;
}


table#clients {background: #f6f6f6; margin: 1px;}
table#clients td {width:187px; height:114px;}
table#clients td img {border: 1px #efefef solid;}
table#clients td img:hover {border: 1px #ff1e8e solid;}

table#clients a {padding: 0px; margin: 0px;}
table#clients img {display: block;}



/*****************************************************************************/
/* 					 	  		Services 	 								 */
/*****************************************************************************/

	#content .service .left {margin-left: 0px; width:650px; }
	#content .service .left h2 {margin:0 0 0 0px;}
	#content .service .left h3 
	{ 
		color: #478ea3;
	}
	#content .service .left img {
		float:left;
		margin-bottom:6px;
		margin-right:3px;
	}
	
	#content .left .serv_col
	{
		padding: 0px;
		margin: 0px;
		display: block;
		overflow: hidden;
		width: 325px;
		float: left;
	}
	serv_foot {width:100%; position:relative; display:block; clear:both; border:1px red solid; height:10px;}

	#content .block
	{
            list-style:none;
			display:block;
	    width:270px;
            padding: 20px 20px 30px 30px;
		
	}
.block:hover {background: #DBEDF0;}
	

        #content .block img {padding-right: 10px;}
	#content .block h3 {padding:0px 0 15px 4px; line-height: 1.2; }
	#content div .left .block p {  padding:0px; margin:0px; font-size: 0.8em; clear: both; }
	

	#content .service .right { margin-right:0px; width:260px;}
	#content .service .right ul { margin:0px;}
	#content .service .right ul.nav li a:hover { background: none; }


/******************************************************************************* MORE INFO */
	#content .service div.more_info,
	.more_info
	{
		display:none;
		position: absolute;
		z-index: 1500;
		background: url(../images/template/bg_black95.png);
		width: 990px;
		padding: 0 37px 80px;
		margin:0px;
		margin-left: -40px;
		min-height: 100%;
		left: 0;
		top:80px;
	}
	
	#content .more_info h2,
	#content .service .more_info h2
	{
		color: #fff;
		padding-top: 75px;
		margin: 75px 0 40px 10px;
		width: auto;
		float:left;
	}
	
body.projects_detail #content .more_info h2 
{
    background: url(../images/template/title_ourprojects.gif) bottom left no-repeat;    

width:246px;
height: 46px;
text-indent: -9999em;
font-size:34px;
padding-top:0px;
}


	.more_info ul
	{
		clear: both;
		overflow:hidden;
		margin-left: 0px;
                padding: 0 0px 0 0;
	}

	.more_info ul li { padding:0px; }
	.more_info ul li img
	{
		margin:0 0px 6px 6px;
		border:5px #000 solid;
	}

	.more_info ul li div img
	{
		border: none;
		padding:0 5px 0 0;
		margin:0px;
	}
	#content .more_info ul li div img:hover
	{
		border: none;	
	}

	.more_info ul li img:hover { border: 5px #ff1e8e solid; }
	#content .left .more_info .left 
	{
		padding:0px 0 0 10px;
		width:600px;
		clear:both;
	}
	#content .left .more_info p
	{
		color: #ddd;
		font-size:1em;

	}
			
/* SLIDE DOWN */
	#content .more_info a.close
	{
		padding: 8px 10px;
		background: #666;
		float:right;
		margin: 20px 20px 0 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		color:#fff;
		font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
		text-decoration: none;
		font-size:16px;
	}
	#content .more_info  a.close:hover { background: #ff1e8e; }
			

/*****************************************************************************/
/* 					 	  		   Blog     	 							 */
/*****************************************************************************/
    body.blog .left h3 
	{
		padding: 20px 0 0px; 
		margin-bottom: -10px;
	}
	
	#blog_main h3 
	{ 
		margin: 20px 0 0 0; 
		padding:0px;
	}
	
	#blog_main p { font-size: 0.7em; }
	#blog_main div { border-bottom: 1px #d9d9d9 solid; }
	#blog_main div h3 {  margin-bottom: -8px; }
	#blog_main div img { margin: 0 0 -2px 5px; }
	
	#blog_main div p
	{
		padding: 0;
		margin-bottom:20px;
	}
	
.comment 
{
    border-bottom: 1px #dfdfdf solid;
padding:20px 0px;
}
.comment p
{
    font-size:0.7em;
padding: 0px 0 8px 0;
}

.individualComment p {font-size: 0.8em; font-style: none; padding: 0 0 10px 0;}

body.recognition .item h3,
body.recognition .item p {width:100%; float:none;}
body.recognition .item h3 { color: #478ea3;}
body.recognition .item a
{
    font-size:1em;
text-transform: none;
float:none;
}

body.recognition .item ul li a {font-size:0.8em; margin-top:-10px;}
body.recognition .item ul li {margin:5px 20px; list-style: circle;}

.quotation_mark {float:left;}

/*****************************************************************************/
/* 					 	  		CONTACT 	 								 */
/*****************************************************************************/
	body.contact #content .right {padding-top:130px;}
	
	body.contact #content .right p
	{
		color:#000;
		font-size:0.75em;
		font-weight:bold;    
	}
	
	body.contact .left h2 + p
	{
		width:500px;
		padding-bottom: 30px;
	}
	
	body.contact a.vs
	{
		float: right;
		position: relative;
		font-size: 0.9em;
	}

/*****************************************************************************/
/* 					 	  		   FOOTER     	 							 */
/*****************************************************************************/

	#footer 
	{
		background: #000 url(../images/template/bg_footer.gif) repeat-x;
		border-top: 1px solid #ccc;
		padding: 25px 0px 100px 0px;
		clear: both;
		margin-top:50px;
		width:100%;
		float:left;
		position:relative;
	}
	
	#footer div,
	#footer p,
	#footer ul,
	#footer form,
	#footer h4
	{
		float: left;
		margin: 0px;
		padding: 0px;
		line-height: 1.2em;
	}
	
	/* copyright and bottom nav */
	#footer .left
	{
		font-size:0.7em;
                padding: 8px 0px 0px 30px;	
	}
	
	#footer .left p { font-size: 1em; }
	
	#footer a:hover 
	{
		background-color: #ff1e8e;
		color:#fff;
	}
	
	#footer ul { padding-left: 25px; }
	#footer a
	{
		padding:2px 7px;
		border-right: 1px #999 solid;
	}
	#footer a.last {border: none;}
	
	/* email sign up form */
	#footer .right
	{
		float: right;
        width: auto;
		padding-right: 30px;
	}

	#footer h4
	{
		width: 220px;
		margin-top:6px;
	}
	
	

/*****************************************************************************/
/* 					     	4. SITE ELEMENTS 								 */
/*****************************************************************************/

/* TOOL TIPS  */
	.tt div
	{
		display: none;
		float: left;
		position: absolute;
		z-index: 1000;
		width:189px;
		margin-top: -85px;
		margin-left: -25px;
		padding:13px;
		height:62px; 
		background: url(../images/template/bg_bubble.png) no-repeat ;
		text-align:center;
	}
	
	body.projects .tt div { margin-left: 5px; }
	
	.tt div p
	{
		height: auto;
		margin: 0px;
		padding:10px;
		
		line-height:1.4em;
		font-size: 0.7em;
		color: #000;
        font-weight:bold;
	}
	
	.tt div p span 
	{
		padding-right:5px; 
		display: inline;
		
		font-style: normal;
		font-size:0.8em; 
		text-transform: uppercase; 
	}
	
	
/* PROJECT PLANNER BUTTON */

	a.project_planner
	{
		background: #fff url(../images/template/btn_projectplanner.gif) no-repeat 0px 0px;
		width: 221px;
		height: 58px;
		margin-bottom:20px;
		float:left;
		text-indent: -9999em;
	}
	a.project_planner:hover { background-position: 0px -62px; }
	
	
/* FORMS */
	form.freeform
	{
		clear:both; 
		float: none; 
	}
	
	form.freeform input, 
	form.freeform textarea,
	form#search input[type="text"],
    #comment_form input,
	#comment_form textarea,
	#footer input
	{ 
		background: #d2e7ed; 
		border: 1px #c2d5da solid; 
		padding: 9px; 
		width: 205px; 
		margin: 0px 0px 10px 0;
		float: left;
		oveflow:hidden;
	}
	
	form.freeform input:focus, 
	form.freeform textarea:focus,
 	#comment_form input:focus,	
	#footer input:focus { background-color:#a3d6e0; }
	
/*  */
/*  */
/*  */
/* COMMENT FORM */
/*  */
/*  */
/*  */
#commentForm {margin-top:30px;}
	#comment_form 
	{
		padding: 30px 0 30px 35px; 
	margin-top:20px; 
	background-color: #f9f9f9; 
	overflow: hidden;
	}
	
	.comment_text,
	.comment_info
	{
		float: left;
		width: 230px;
	}
	.comment_text { width: 350px; }


	#comment_form input
	{
		width:200px; 
		float: none;
	}
	
	#comment_form textarea 
	{
		width: 300px; 
		float: none;
	}

	#comment_form label
	{
		display: block;
		padding:0px 0 1px;
	}
#comment_form label span { font-size: 0.8em; color: #999;}
#comment_form .comment_text label {padding:0px 0px 7px; font-size: 0.9em;}

	#comment_form p { padding:0px 0 5px; margin-bottom: 5px; }
	#comment_form p span 
	{
		padding:0px; 
		margin:0px 0 0 0px; 
	}

	#comment_form input[type="checkbox"] 
	{
		float:left; 
		width:20px; 
		height:20px; 
margin-right:10px;
	}
	
	.checkbox 
	{
		clear:left; 
		overflow:hidden;
	}
	.checkbox p 
	{
		width:100%; 
		overflow:hidden;
	}
	#comment_form .checkbox label 
	{
		padding-left:20px;
font-size:0.8em;
	}
	
	#comment_form .submit,
	#comment_form .preview
	{
		height: 44px;
		width: 141px;
                margin:10px 10px 0 0;
		border: none;
		background: no-repeat 0px 0px;
		font-size: 0px;
		line-height: 0px;
		float:right;
		clear: both;
		
		background-image: url(../images/content/btn_post.gif);
	}
	
	#comment_form .preview
	{
		background-image: url(../images/content/btn_preview.gif);
	}
	
	#comment_form .submit:hover,
	#comment_form .preview:hover
	{
		background-position: 0px -44px;	
	}
.captcha p {font-size:0.7em;}
#comment_form .captcha label {float:left; margin-right: 5px;}
#comment_form .captcha input {width:57px; float:left; padding:7px; margin-left:0px;}	

.preview_comment .intro {font-size:0.9em; width:450px; padding-top:10px;}
/* END COMMENT FORM */

	form.freeform textarea
	{
		height:100px;
		clear:both;
		
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:0.7em;
	}
	
	/* SEND BUTTON FOR CONTACT FORM */
	form.freeform button
	{
		width: auto;
		float: right;
		background: url(../images/template/btn_send.gif) no-repeat 0 0;
		width :141px;
		height: 43px;
		margin-right: 35px;
		border: none;
		
		/* hide text for IE */
		text-indent: -9999px;
		line-height: 0;
		font-size: 0;
	}
	form.freeform button:hover { background-position: 0px -43px; }
	
	/* set widths select boxes */
	body.blog form.freeform .jqTransformSelectWrapper { width:260px; }
	body.contact form.freeform .jqTransformSelectWrapper{ width:225px; }
	body.projects form.freeform .jqTransformSelectWrapper{ width:230px; }
	
	/* clear for safari */
	.jqTransformTextarea {clear:both;}
	
	form#search input[type="text"]  {  width:175px;  }
	form#search input[type="submit"]
	{
		background-color:#fff;
		border:0px;
		padding:7px 6px 7px 6px;
		float:left;
		width: auto;
		
		text-transform: uppercase;
		color:#ff1e8e;
		font-weight: bold;
		font-size: 0.9em;
	}
	
	form#search input[type="submit"]:hover 
	{
		background-color:#ff1e8e;
		color:#fff;
	}
	
	/* footer sign up form */
	#footer input
	{
		height: 18px;
		padding: 5px 0 0 5px;
		width: 150px;
	}
	
	#footer .submit
	{
		background: url("../images/template/btn_subscribe.gif") no-repeat 0px 0px;
		width: 90px;
		height: 25px;
		border: none;
		
		text-indent: -9999em;
		font-size: 0;
		line-height: 0;
	}
	#footer .submit:hover { background-position: 0px -25px; }


body.legal #content .left p {font-size:0.8em;}
body.legal h3 {color:#478ea3; font-size:1.3em; margin-top:20px;}
body.legal h4 {margin-top:10px;font-size: 0.9em; font-weight:normal; color:#ff1e8e; text-transform: uppercase;}




/* MEDIA BADGER */
.mblock {
	clear:both;
	padding:0px 10px;}
.mblock img {
	float:left;
	padding: 0 10px 50px 20px; }
#content div .left .mblock h3 {
	color:#478EA3;
	padding-bottom: 5px;
	border-bottom: 1px #ccc solid;
	margin-bottom: 20px;
}
#content #mediabadger .right {
width:280px;
}
#content #mediabadger .left {
width:590px;
}
#content #mediabadger .right h3 {
letter-spacing: normal;
font-size:1.4em;
margin: 0px;
border-bottom: 0px;
padding:0px 0 10px 45px;
font-weight: normal;
line-height: 1.3;
color:#478ea3;
background: url(http://headspacedesign.ca/images/content/services_icon_socialmedia.jpg) 0 15px no-repeat;
}
#content #mediabadger .right form {
	background-color: #fff;
	padding:20px;

	overflow: hidden;
}
#mediabadger img.logo {
	float:left;
	padding: 0 10px 10px 0;
	margin-top:40px;
}

#content #mediabadger h2.mcall {
	font-size: 24px;
}
#content #mediabadger h2.mcall:hover { cursor: pointer;}