/*Clear defaults - inspired from Tantek Celik
----------------*/

ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none;}

/*Default Styles
----------------*/
body {
	background:#ffffff url(../../ui/media/images/background/bg.gif) repeat-x 0 0;
	font:68%/140% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:#EAEAEA;
	color:#000000;
	text-align:center;
	padding-top:14px;
}

a {
	color:#004272;
	font-weight:bold;
	text-decoration:underline;
}

h1 {
	background:url(../../ui/media/images/h1/logo.gif) no-repeat;
	width:100%;
	height:84px;
	float:left;
}

/*Layout
-------------------*/
.container
{
	width:952px;
	height:inherit;
	text-align:left;
	background-color:#ffffff;
	padding-bottom:10px;
	border-top:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
}

#main
{
	padding:16px 0px 0px 20px ;
}

#main a:hover
{
	color:red;
}

#extender {
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
}

.breadcrumb
{
	display:inline;
	float:right;
	margin-top:-55px;
	margin-right:25px;
	margin-bottom:-55px;
	margin-bottom:0;
	padding-bottom:0;
	font-size:90%;
}

.breadcrumb a
{
	margin:0;
	padding:0;
	font-weight:bold;
}

.breadcrumb a:link
{
	font-weight:plain;
}

.break {clear:both; height:1px; line-height:1px; padding:0; margin:0;}

/*Menu
-------------------*/
#mainmenu {
	padding:0;
	width:912px;
	height:27px;
	margin-top:-15px;
}
#mainmenu li {float:left;}
#mainmenu li a {
	display:inline;
	width:150px;
	height:27px;
	float:left;
	padding-bottom:1px;
	padding-left:2px;
}

#mainmenu li.m01 a, #mainmenu li.m-on {background:url(../../ui/media/images/menu/home.gif) no-repeat 0px 5px;}
#mainmenu li.m02 a, #mainmenu li.m-off {background:url(../../ui/media/images/menu/about-us.gif) no-repeat 0 5px;}
#mainmenu li.m03 a, #mainmenu li.m-on {background:url(../../ui/media/images/menu/our-services.gif) no-repeat 0 5px;}
#mainmenu li.m04 a, #mainmenu li.m-off {background:url(../../ui/media/images/menu/sectors.gif) no-repeat 0 5px;}
#mainmenu li.m05 a, #mainmenu li.m-on {background:url(../../ui/media/images/menu/clients.gif) no-repeat 0 5px;}
#mainmenu li.m06 a, #mainmenu li.m-off {background:url(../../ui/media/images/menu/contact-us.gif) no-repeat 0 5px;}

#mainmenu li a:hover {background-position:0 40%;}
#mainmenu li.active a, #mainmenu li.active a:hover, #mainmenu li.active {background-position:0 90%;}

#sidemenu
{
	width:178px;
	text-indent:10px;
	margin-left:20px;
}

#sidemenu li {float:left;}
#sidemenu li a {
	display:block;
	width:178px;
	height:23px;
	float:left;
	padding-top:4px;
	text-decoration:none;
	font-weight:normal;
}

#sidemenu li.m01 a, #sidemenu li.m-on {background:url(../../ui/media/images/sidemenu/m-off.gif) no-repeat 0 0;}
#sidemenu li.m02 a, #sidemenu li.m-off {background:url(../../ui/media/images/sidemenu/m-on.gif) no-repeat 0 0;}

#sidemenu li a:hover
{
	color:#ffffff;
}

#sidemenu li.active a, #sidemenu li.active a:hover, #sidemenu li.active 
{
	color:#fcc400;
	font-weight:bold;
}

/*CONTENT-----------*/

#content
{
	float:right;
	width:700px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #999;
	margin-right:22px;
	padding-right:20px;
	padding-bottom:10px;
	background-image:url(../../ui/media/images/background/gradient.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#333;
}

#content h2
{
	margin-top:24px;
	margin-left:30px;
	padding-left:30px;
	border-left:3px solid #fcc400;
	font-size:250%;
	color:#00406f;
	height:inherit;
}

#content h3
{
	margin-top:24px;
	margin-left:30px;
	padding-left:30px;
	font-size:125%;
	font-weight:bold;
	color:#00406f;
}

#content .job_title
{
	font-size:40%;
	font-weight:bold;
	padding-left:15px;
}

#content .first_para
{
	font-size:150%;
	margin-top:20px;
	padding-top:15px;
	margin-left:30px;
	padding-left:30px;
	border-top:1px solid #ccc;
	/*width:650px;*/
}

#content p
{
	font-size:110%;
	line-height:150%;
	margin-left:60px;
	padding-top:10px;
	/*float:left;*/
}

#content .portrait img
{
	margin-left:10px;
	margin-top:40px;
	/*float:right;*/
	display:inline;
	float:right;
	border:1px solid #999999;
}

#bottom_box
{
	width:722px;
	height:25px;
	float:right;
	margin-bottom:5px;
	margin-right:22px;
	clear:both;
	background-image:url(../../ui/media/images/background/gradient_base.gif);
	background-repeat:no-repeat;
}

#absolute_base
{
	width:954px;
	height:25px;
	float:center;
	/*margin-bottom:20px;*/
	margin-right:0px;
	clear:both;
	background-image:url(../../ui/media/images/background/absolute_base.gif);
	background-repeat:no-repeat;
	/*background-color:red;*/
}

/*Our People
-------------------*/

#thumbs .people_thumb	
	{
		background-image:url(../media/images/our-people/box.gif);
		width:147px;
		height:154px;
		float:left;
		margin-left:60px;
		margin-top:25px;
		/*margin-bottom:15px;*/
		text-indent:0;
		background-color:transparent;
		/*border:1px solid green;*/
	}
	
#thumbs img
	{
		margin-left:31px;
		margin-top:11px;
		margin-bottom:18px;
		border:1px solid #999;
	}
	
#thumbs p
	{
		font-size:10px;
		margin:0;
		padding:0;
		text-indent:5px;
		line-height:13px;
	}

#thumbs .people_name
	{
		/*margin-top:120px;*/
	}
	

/*Our Services
-------------------*/
.service_box
	{
		width:250px;
		height:219px;
		float:right;
		border:1px solid #ccc;
		margin-left:12px;
		margin-right:12px;
		margin-top:30px;
		text-indent:0;
		text-align:center;
		background-image:url(../media/images/services/service_box_gradient.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		font-size:100%;
		line-height:125%;
	}
	
.service_box img
	{
		margin-bottom:8px;
		padding-top:0;
		text-indent:0;
	}

#banner
	{
		width:663px;
		height:160px;
		/*background-color:green;*/
		margin-left:30px;
		margin-top:20px;
		border-top:1px solid #ccc;
		padding-top:15px;
		margin-bottom:20px;
	}
	
#content .first_para_services
	{
		border:0;
		font-size:150%;
		margin-top:20px;
		padding-top:15px;
		margin-left:30px;
		padding-left:30px;
		line-height:135%;
	}
	
#content ul
	{
		padding-top:12px;
		font-size:110%;
		margin-left:60px;
		list-style-image:url(../media/images/bullet.gif);
		/*list-style-position:inside;*/
	}

#content ul li
	{
		line-height:150%;
		padding-bottom:5px;
		text-indent:22px;
	}
	
#button_box
	{
		float:right;
		width:160px;
		height:130px;
		margin-top:15px;
		padding-right:11px;
	}
	
#button_box .service_button
	{
		float:right;
		clear:both;
		width:132px;
		height:52px;
		background-image:url(../media/images/services/service_button.gif);
		margin-bottom:10px;
		text-align:center;
		line-height:52px;
	}
	
#button_box .service_button a:link
	{
		color:white;
		text-decoration:none;
	}
	
#button_box .service_button a:hover
	{
		color:red;
		text-decoration:none;
	}
	
#button_box .service_button a:visited
	{
		color:white;
		text-decoration:none;
	}
	
#branding_table
	{
		margin-left:30px;
		float:left;
	}
	
#branding_table tr td p
	{
		margin-left:15px;
		padding-left:0;
		padding-bottom:20px;
	}
	
#branding_table tr td img
	{
		padding-top:15px;
	}
	
.work_bullets li
	{
		margin-bottom:30px;
		padding-bottom:30px;
		border-bottom:1px solid #ccc;
	}
	
/*.work_bullets ul li
	{
		text-indent:0px;
		padding-left:20px;
	}*/
	
#services
	{
		width:507px;
		border-right:1px solid #ccc;
		padding-right:20px;
	}
		

	
/*Our Clients
---------------------*/
.client_box
	{
		width:200px;
		height:110px;
		float:left;
		border:1px solid #999;
		margin-left:12px;
		margin-top:12px;
		text-indent:0;
		text-align:center;
		/*background-image:url(../media/images/clients/client_gradient.gif);
		background-position:bottom;
		background-repeat:repeat-x;*/
		/*font-size:100%;*/
		line-height:125%;
		background-color:white;
	}
	
.client_box table
	{
		height:110px;
		text-align:center;
		margin-bottom:5px;
		
	}
	
.client_box a
	{
		/*font-size:10px;
		color:#333;
		text-decoration:none;*/
		display:none;
	}			
	
	
	
/*Our Approach
--------------------*/
#value_wrapper
	{
		float:right;
		width:160px;
		margin-top:15px;
		background-color:white;
		width:246px;
		margin-left:20px;
		margin-bottom:20px;
	}
	
#added_value
	{
		background-image:url(../media/images/background/gradient.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		border-left:1px solid #004272;
		border-right:1px solid #004272;
		/*width:234px;
		padding-right:10px;*/
	}
	
#added_value ul
	{
		margin-left:10px;
		padding-bottom:25px;
		font-size:10px;
		text-indent:0;
		list-style-image:none;
	}
	
#added_value ul li
	{
		background-image:url(../media/images/bullet3.gif);
		background-repeat:no-repeat;
		list-style-type:none;
		padding-right:10px;
		padding-left:25px;
		text-indent:0px;
	}
	
#added_value_base
	{
		float:right;
		clear:both;
		margin:0;
		padding:0;
	}
	
#added_value_base img
	{
		margin:0;
		padding:0;
	}



/*Footer
-------------------*/
#footer
{
	display:table;
	height:37px;
	width:909px;
	color:#ffffff;
	margin-left:20px;
	margin-top:0;
}

#footer a
{
	 text-decoration:underline;
	 color:#ffffff;
	font-weight:normal;
}

#footer #left
{
	float:left;
	background:url(../../ui/media/images/footer/bg-left.gif) no-repeat 0px 0px;
	width:1px;
	height:37px;
}

#footer #middle1
{
	float:left;
	background:url(../../ui/media/images/footer/bg-mid.gif) repeat-x 0 0;
	width:279px;
	text-align:left;
	height:37px;
	padding-left:20px;
	padding-top:11px;
}

#footer #middle2
{
	float:left;
	background:url(../../ui/media/images/footer/bg-mid.gif) repeat-x 0 0;
	width:299px;
	text-align:center;
	height:37px;
	padding-top:11px;
}

#footer #middle3
{
	float:left;
	background:url(../../ui/media/images/footer/bg-mid.gif) repeat-x 0 0;
	width:300px;
	text-align:right;
	height:37px;
	padding-top:11px;
}

#footer #right
{
	float:right;
	background:url(../../ui/media/images/footer/bg-right.gif) no-repeat 0px 0px;
	width:10px;
	background-position:right;
	height:37px;
}
#footer #middle3
{
	float:left;
	background:url(../../ui/media/images/footer/bg-mid.gif) repeat-x 0 0;
	width:300px;
	text-align:right;
	height:37px;
	padding-top:11px;
}

#footer #right
{
	float:right;
	background:url(../../ui/media/images/footer/bg-right.gif) no-repeat 0px 0px;
	width:10px;
	background-position:right;
	height:37px;
}

#footer a:hover
{
	color:#fcc400;
}