/* CSS Document */

/* Colours

Orange      #F78F1E
Dark Grey   #333
Light Grey  #AAA

*/

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

.hidden { display: none; }

.orange { color: #F78F1E; }

.bold { font-weight: bold; }

#logo h1 { width: 243px; 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: none; margin-left: 15px; color: #F78F1E }



/* 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: 246px; height: 20px; background: URL(../images/title_home.gif) no-repeat; }
h2.what { width: 158px; height: 20px; background: URL(../images/title_what.gif) no-repeat; }
h2.plan { width: 217px; height: 20px; background: URL(../images/title_plan.gif) no-repeat; }
h2.buy { width: 184px; height: 20px; background: URL(../images/title_buy.gif) no-repeat; }
h2.production { width: 520px; height: 20px; background: URL(../images/title_production.gif) no-repeat; }
h2.clients { width: 360px; height: 20px; background: URL(../images/title_clients.gif) no-repeat; }
h2.case { width: 175px; height: 20px; background: URL(../images/title_case.gif) no-repeat; }
h2.people { width: 95px; height: 20px; background: URL(../images/title_people.gif) no-repeat; }
/*h2.team { width: 185px; height: 20px; background: URL(../images/title_team.gif) no-repeat; }*/
h2.contact { width: 144px; 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; }

.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:#F78F1E;
	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: #F78F1E; 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#what a:hover { background: URL(../images/navigation/ahover_what.png) no-repeat; }
li#plan a:hover { background: URL(../images/navigation/ahover_planning.png) no-repeat; }
li#buy a:hover { background: URL(../images/navigation/ahover_buying.png) no-repeat; }
li#production a:hover { background: URL(../images/navigation/ahover_production.png) no-repeat; background-position: 9px 0px; }
li#clients a:hover { background: URL(../images/navigation/ahover_clients.png) no-repeat; }
li#case a:hover { background: URL(../images/navigation/ahover_casestudies.png) no-repeat; }
li#people a:hover { background: URL(../images/navigation/ahover_people.png) no-repeat; }
li#team a:hover { background: URL(../images/navigation/ahover_blog.png) no-repeat;  }
li#contact a:hover { background: URL(../images/navigation/ahover_contact.png) no-repeat; }


li#home a.current { background: URL(../images/navigation/ahover_home.png) no-repeat; }
li#what a.current { background: URL(../images/navigation/ahover_what.png) no-repeat; }
li#plan a.current { background: URL(../images/navigation/ahover_planning.png) no-repeat; }
li#buy a.current { background: URL(../images/navigation/ahover_buying.png) no-repeat; }
li#clients a.current { background: URL(../images/navigation/ahover_clients.png) no-repeat; }
li#case a.current { background: URL(../images/navigation/ahover_casestudies.png) no-repeat; }
li#people a.current { background: URL(../images/navigation/ahover_people.png) no-repeat; }
li#team a.current { background: URL(../images/navigation/ahover_blog.png) no-repeat;  }
li#contact a.current { background: URL(../images/navigation/ahover_contact.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 */

#logowrap a, #content a, #footer a { color: #F78F1E; font-weight: bold; text-decoration: none; }
#logowrap a:hover,#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%; position: relative; }

#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; }


p.contact {float:left; text-align:left; width:85%; margin-bottom:5px; font-size:120%;}
#logowrap p.contact {float:right; text-align:right; width:400px; margin-bottom:5px; margin-top: 45px; font-size:120%;}
#footer p.foolinks {float:centre; text-align:Right; width:100%; margin-bottom:5px; position: absolute; bottom: 0px;}
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;
}

.quote-image {
	width: 200px;
	height: 250px;
	text-align: center;
	vertical-align: middle;
	float: left;
}
.quote-text {
	width: 640px;
	float: left;
	margin-left: 20px;
}
.quote-text p {
	font-size: 16px;
	font-style: italic;
	text-align: right;
}
.quote-text p.client {
	font-style: normal;
	margin-top: 0px!important;
	padding-top: 0px!important;
}