@import "style.css";
#titlebar {
	float: left;
	width: 700px; height: 50px;
	text-align: right;
}
	#titlebar h1{
		color: #FFFFFF;
		line-height: 80px;
		font-size: 30px;
	}
	
#content { min-height:500px; }
* html #content { height: 500px;} /* for IE only */
	

/********************************
 * PAGE - SPECIFIC STYLES BELOW *
 ********************************/

/*
 * Naming convention: #pageid-stylename
 * e.g. #contact-table
 */

/* Contact us */
#contact-address{ float: left; width: 200px; height: 280px; }
#contact-address p { margin-left: 30px; }
#contact-map{ float: left; width: 350px; height: 280px; }
#contact-reginfo{ float: left; width: 25%; }
#contact-reginfo p{ font-size: 10px; margin: 0px 10px; }

/* About us - Overview */
#about-portfolio{background:url(../images/about-portfolio.png) no-repeat;}
#about-tactical{background:url(../images/about-tactical.png) no-repeat;}
#about-resource{background:url(../images/about-resource.png) no-repeat;}
.about-icons{width:170px;height:262px;float:left;margin:10px 0px 10px 10px;}
.about-icons h3{margin-top:175px;text-align:center;font-weight:bold;font-size:12px;}
.about-icons p{font-style:italic;font-size:11px;}

/* About - Partners */
#about-partners-pic{ width: 33%; height: 150px; text-align: center; float: left; margin: 20px 0px;}
#about-partners-pic a { text-decoration: none; }
#about-partners-text{ float: left; margin: 0px 20px; text-align: justify; border: solid 1px #000000; }

/* About - Board */
#about-board-pic{ width: 50%; height: 140px; text-align: center; float: left; margin: 20px 0px; }
#about-board-pic a { text-decoration: none; }

/* Careers */
#content .careers { margin-bottom:0px; margin-top:0px; padding-bottom:0px; padding-top: 0px; }
#careers-list li{ margin-bottom: 10px; }

/* Clients */
#clients-achievements{
	float: left;
	background-color: #CCCCCC;
	width: 94px; height: 94px;
	margin-left:5px;
	padding: 5px;
	font-size: 12px;
}

/* Case Studies */
#case-background{position:relative;width:540px;height:500px;background:url(../images/case-background.png) no-repeat;}
.case-background-content{position:absolute;top:18px;height:141px;}
	.case-background-content h3{font-weight:bold; margin: 0px 2px;font-size:12px;}
	.case-background-content p{margin:2px;font-size:11px;}
#case-background-problem{left:5px;width:173px;color:#FFFFFF;}
#case-background-solution{left:218px;width:138px;color:#FFFFFF;}
#case-background-benefits{left:397px;width:137px;color:#000000;}
#case-background-facts-title{position:absolute;top:258px;left:4px;width:219px;height:31px;color:white;}
	#case-background-facts-title h3{font-weight:bold;line-height:31px;margin:1px;}
#case-background-facts-content{position:absolute;top:293px;left:4px;width:219px;height:190px;}
	#case-background-facts-content p{margin:8px 2px;background: #CCCCCC;}
#case-background-example1{position:absolute;left:230px;top:300px;width:150px;height:116px;}
#case-background-example2{position:absolute;left:390px;top:300px;width:150px;height:116px;}
#case-nav { width: 180px; float: left; }

/* Services */
#services-select{margin-left:10px; width: 250px; background: #CCCCCC;}
#services-selecttext{margin: 0px 0px 0px 10px; }
#services-overview-left{
	float:left; width:300px; height:180px; 
	background:url(../images/triangle.png); 
	margin: 10px 0px 10px 10px;
}
#services-overview-right{float:left; width:230px; height:180px; margin: 10px 10px 10px 0px;}
#services-overview-right li{margin-bottom: 10px;}

.services-service{position: relative; width: 540px; height: 220px; margin: 5px;}
.services-service a{text-decoration: none; color: #CCCCCC;}
.services-service a:hover{color:#FFFFFF;}
.services-service-a{position: absolute; left: 1px; top:0px; width: 100px; height: 220px;}
.services-service-b{position: absolute; left: 109px; top: 0px; width: 100px; height: 220px;}
.services-service-c{position: absolute; left: 217px; top: 0px; width: 100px; height: 220px;}
.services-service-d{position: absolute; left: 327px; top: 0px; width: 100px; height: 220px;}
.services-service-e{position: absolute; left: 435px; top: 0px; width: 100px; height: 220px;}
	.services-service p{padding: 5px; margin: 0px;}
	.services-service p.services-ptf-insight-title{font-weight: bold; font-size: 11px;line-height:9px;}
	.services-service p.services-ptf-insight-desc{color: #000000; width: 93px; height: 166px; position: absolute; top: 41px; font-size:11px; line-height:13px;}
	.services-service p.current{color: #FFFFFF;}
	.services-service .current{opacity:.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;}

#services-ptf-insight{background: url(../images/services-red.png); }	
	#services-ptf-insight .current{background-color:#ab013e;}
	#services-ptf-insight-bottombox h3{background:#ab013e;}
	
.services-service-bottombox{position:relative; border: solid 1px #000000; margin: 0px 20px;}
.services-service-bottombox h2{font-size: 18px; color: #ab013e;}
.services-service-bottombox h3{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	border: 1px solid black;
	padding: 2px;
}
.services-service-bottombox-app{float:left;width:33%;}

#services-val-realisation{background: url(../images/services-blue.png);}
	#services-val-realisation .current{background-color:#5261b5;}
	#services-val-realisation-bottombox h3{background:#5261b5;}
	
#services-nav { width: 180px; float: left; }

/* Media Centre */

.media-linkOFF { filter:alpha(opacity=75); opacity:0.75; -moz-opacity:0.75; }
.media-linkON { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }

#media-table{
	width: 540px;
	margin: 10px;
	border-color: #660000; 
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-spacing: 0px;
	border-collapse: collapse;
}
#media-table td{
	border-color: #660000;
	border-style: solid;
	margin: 0px;
	padding: 4px;
	border-width: 1px 1px 0 0;
}
#media-table-head td{background: #ab013e; color: #FFFFFF;font-weight: bold;}
.media-table-body {background: #FFFFFF;}
.media-table-bodyON {background: #CCCCCC;}