/* CSS Document */

/* Colours

Orange      #F78F1E
Dark Grey   #333
Light Grey  #AAA

*/

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

.hidden { display: none; }

.orange { color: #532F91 }



.bold { font-weight: bold; }

#logo h1 { width: 342px; height: 83px; background: URL(../images/logo.jpg) no-repeat; }

#logowrap { background: URL(../images/bg_logowrap.jpg) repeat-x bottom ; }

#contentwrap { min-height: 50px; background: URL(../images/bg_contentwrap.jpg) repeat-x  ; }

ul {  }

ul ul { list-style:disc; margin-left: 25px; color: #532F91 }



/* Decoration ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

.border100 { float: left; width: 100%; padding-bottom: 19px;
}
.border100bottom { float: left; width: 100%; border-bottom: 1px #AAA solid; padding-bottom: 19px;}




/* Text //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body { font: 12px Arial, Helvetica, sans-serif; color: #333; }

/* Navigation */

#nav { font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333; }


/* Content */

#content p { line-height: 24px; }

#title h2 { font: bold 25px Arial, Helvetica, sans-serif; text-transform: uppercase; }

h2.home { width: 380px; height: 20px; background: URL(../images/title_home.gif) no-repeat; }
h2.what { width: 380px; height: 20px; background: URL(../images/title_what.gif) no-repeat; }
h2.mobile { width: 380px; height: 20px; background: URL(../images/why_mobile.gif) no-repeat; }

h2.plan { width: 380px; height: 20px; background: URL(../images/title_plan.gif) no-repeat; }
h2.buy { width: 380px; height: 20px; background: URL(../images/title_buy.gif) no-repeat; }
h2.clients { width: 380px; height: 20px; background: URL(../images/title_clients.gif) no-repeat; }
h2.case { width: 380px; height: 20px; background: URL(../images/title_case.gif) no-repeat; }
h2.people { width: 380px; height: 20px; background: URL(../images/title_people.gif) no-repeat; }
h2.team { width: 380px; height: 20px; background: URL(../images/title_team.gif) no-repeat; }
h2.contact { width: 380px; height: 20px; background: URL(../images/title_contact.gif) no-repeat; }

#content p#home { font-size: 21px; line-height: 36px; margin: 9px 0; text-align: justify; }

p#home span.orange { font-size: 23px; font-weight: bold;}

.what_boxes { background: #EAE8E9; }
.what_boxes ul { list-style: none;}
.what_boxes li { background: URL(../images/bullet.gif) no-repeat 0 5px; padding-left: 15px; display: block;  }
.what_boxes ul ul { list-style: none; }
.what_boxes ul ul li { background: none; padding-left: 15px; display: block; }

.rightcoloum{
	margin-left:15px;
}

.what_boxes ul li .description{
	display:none;
}
#tooltip{
	position:absolute;
	padding:20px;
	background:#cccccc;
	display:none;
	width:400px;
}

#colorbox p{
	padding:10px 10px 10px 30px;
	color:#532F91
	font-size:1.2em;
	background:url(/images/star.png) no-repeat 5px 10px;
	line-height:1.5em;
}
#colorbox p.normal{
	background:none;
}
#colorbox h2{
	padding:10px;
}
#colorbox ul{
	padding:10px 10px 10px 60px;
	font-size:1.2em;
}
#colorbox ul li{
	color:#595959;
	padding-bottom:10px;
}

h3#what_services { float: left; width: 219px; height:  104px; background: URL(../images/what_services.jpg); margin-bottom: 0px; }
h3#what_solutions { float: left; width: 219px; height:  104px; background: URL(../images/what_solutions.jpg); margin-bottom: 0px; }

#content p#case { margin: 15px 0 15px 0; line-height: 12px; }
#case_text h3 { color: #532F91 font-size: 18px; margin-bottom: 30px; }

#team_positions h3 { font-size: 21px; margin-bottom: 20px; }

#team_positions ul { margin-left: 15px; font-size: 16px; font-weight: bold; line-height: 30px; }

#contact_details { font-size: 14px; }





/* Links ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Navigation */
li#home a:hover { background: URL(../images/navigation/ahover_home.png) no-repeat; }
li#who a:hover { background: URL(../images/navigation/ahover_who_we_are.png) no-repeat; }
li#why a:hover { background: URL(../images/navigation/ahover_why_mobile.png) no-repeat; }
li#what a:hover { background: URL(../images/navigation/ahover_what_we_do.png) no-repeat; }
li#media a:hover { background: URL(../images/navigation/ahover_planning.png) no-repeat; }
li#creative a:hover { background: URL(../images/navigation/ahover_creative.png) no-repeat; }
li#join a:hover { background: URL(../images/navigation/ahover_join.png) no-repeat; }
li#contact a:hover { background: URL(../images/navigation/ahover_contact_us.png) no-repeat; }

li#home a.current { background: URL(../images/navigation/ahover_home.png) no-repeat; }
li#who a.current { background: URL(../images/navigation/ahover_who_we_are.png) no-repeat; }
li#why a.current { background: URL(../images/navigation/ahover_why_mobile.png) no-repeat; }
li#what a.current { background: URL(../images/navigation/ahover_what_we_do.png) no-repeat; }
li#media a.current { background: URL(../images/navigation/ahover_planning.png) no-repeat; }
li#creative a.current { background: URL(../images/navigation/ahover_creative.png) no-repeat; }
li#join a.current { background: URL(../images/navigation/ahover_join.png) no-repeat; }
li#contact a.current { background: URL(../images/navigation/ahover_contact_us.png) no-repeat; }

#contact_details p.facebook a { float: left; width: 150px; height: 20px; margin-top: 10px; background: URL(../images/a_facebook.gif) no-repeat; } 
#contact_details p.facebook a:hover { float: left; width: 150px; height: 20px; background: URL(../images/ahover_facebook.gif) no-repeat; }


/* Content */

#content a, #footer a { color: #532F91 font-weight: bold; text-decoration: none; }
#content a:hover, #footer a:hover { text-decoration: underline; }

#a_casewaga a { float: left; width: 247px; height: 298px; border: none; }
#a_casemark a { float: left; width: 247px; height: 298px; border: none; }
#a_caseelec a { float: left; width: 247px; height: 298px; border: none; }

#a_casewaga a:hover { background: URL(../images/ahover_casewaga.jpg); }
#a_casemark a:hover { background: URL(../images/ahover_casemark.jpg); }
#a_caseelec a:hover { background: URL(../images/ahover_caseelec.jpg); }

a#a_backcase { float: right; width: 158px; height: 13px; background: URL(../images/a_backcase.gif); margin: 10px 0; }
a:hover#a_backcase { background: URL(../images/ahover_backcase.gif); }

#contact_map a img { border: none; }



/* footer */

div#footer { width: 100% }

#footer p.magnitude a { float: right; width: 122px; height: 14px; margin-top: 2px; background: URL(../images/a_magnitude.gif) no-repeat; } 

#footer p.magnitude a:hover { float: right; width: 122px; height: 14px; background: URL(../images/ahover_magnitude.gif) no-repeat; }

#footer p.facebook a { float: left; width: 187px; height: 26px; margin-top: -3px; margin-right:10px; background: URL(../images/a_facebook.jpg) no-repeat; } 

#footer p.facebook a:hover { float: left; width: 187px; height: 26px; background: URL(../images/ahover_facebook.jpg) no-repeat; }

#footer p.blog a { float: left; width: 110px; height: 26px; margin-top: -3px; background: URL(../images/a_twitter.jpg) no-repeat; } 

#footer p.blog a:hover { float: left; width: 110px; height: 26px; background: URL(../images/ahover_twitter.jpg) no-repeat; }


#footer p.contact {float:left; text-align:left; width:85%; margin-bottom:5px;}
#footer p.foolinks {float:centre; text-align:Right; width:100%; margin-bottom:5px;}
p.fast100 { float: left; margin-top: 3px; }
 


/* Blog information  */
#team_text h2{
	margin-top:25px;
	border-bottom: 1px #AAA solid; 
	font-size:20px;
	margin-bottom:15px;
	padding-bottom:15px;
}


#blog_results{
	color:#F78D1A;
	font-size:11px;
	margin-top:20px;

}

#blog_results a{
	color:#F78D1A;
	text-decoration:none;
	margin-right:4px;

}

#blog_results a:hover{
	text-decoration:none;
	color:#000000;

}

.datestamp {
color:#F78D1A;
font-size:12px;
margin-bottom:8px;
}

#iphone_container{
	width:448px;
	float:right;
	
}

.iphone{
	width:185px;
	height:356px;
	background-image:url(../images/iphone.gif);
	float:right;
	margin-left:20px;
	padding-top:60px;
	padding-left:19px;
	
}
.iphone div{
	color:#000;
	font-size:11px;
	padding:10px;
	width:148px;
	height:232px;
	overflow-x:hidden;
	overflow-y:visible;
	
}

.iphone div h3{
	font-weight:bold;
	font-size:15px;
}

.profile{
	line-height:14px;
	margin-top:20px;
	font-size:11px;
	float:left;
	width:250px;

}

.profile_img{
	display:block;
	cursor:pointer;
	height:170px;
	width:139px;
	background-repeat:no-repeat;
	float:left;
	margin-top:10px;
}
.profile_img span{
	display:block;
	cursor:pointer;
	height:170px;
	width:139px;
	background-repeat:no-repeat;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity: 0;
	
}

.james_connelly{
	background-image:url(../images/profile.gif);	
	
}

.james_connelly_hover{
	background-image:url(../images/profile_over.gif);	
	
}

/*
	WHY MOBILE
*/

.whymobile,li{
	margin-left:7px;
	
}

.whyMobile_img{
	background-image:url(../images/why_mobile_image.jpg);
	height:209px;
	width:200px;
	font-size:18px;
	font-weight:bold;
	color:#532F91;
	padding-right:199px;
	padding-left:30px;
	padding-top:50px;
	
	line-height:25px;
	margin-bottom:30px;
}
.floatingColoum{
	float:left;
	width:410px;
	line-height:17px;
}
.floatingColoum ul,li{
	line-height:22px;
}

.creative_header{
	margin-top:27px;
	margin-bottom:25px;
	background-color:#6308A5;
	height:55px;;
	width:100%;

	padding-top:8px;
	
	
}
.creative_header img{	
	margin-left:6px;
}