/*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.5%/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:200px;
	height:84px;
}

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

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

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

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

/*Menu
-------------------*/
#mainmenu {
	padding:0;
	width:912px;
	height:27px;
}
#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;
}

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

/*Home
-------------------*/
#big-picture
{
	 width:909px;
	 height:299px;
	background:url(../../ui/media/images/home/designed-for-the-city.jpg) no-repeat 0px 0px;
}

#info-box-container
{
	width:909px;
	height:245px;
	padding-top:13px;
	padding-left:10px;
}

.info-box
{
	width:286px;
	height:239px;
	float:left;
	margin-right:13px;
	/*border:solid 1px #004272;*/
	background-color:#f9f9f9;
}

.info-box .header
{
	width:286px;
	height:27px;
}

.info-box .h01 {background:url(../../ui/media/images/home/first-quartile.gif) no-repeat 0px 0px;}
.info-box .h02 {background:url(../../ui/media/images/home/our-services.gif) no-repeat 0px 0px;}
.info-box .h03 {background:url(../../ui/media/images/home/our-expertise.gif) no-repeat 0px 0px;}

.info-box .content
{
}

.info-box .content .left
{
	width:1px;
	height:215px;
	float:left;
	background-color:red;
	background:url(../../ui/media/images/home/info-box/bg-left.gif) no-repeat 0 0;
}

.info-box .content .middle
{
	padding-top:9px;
	padding-left:9px;
	width:258px;
	height:215px;
	float:left;
	background-color:yellow;
	background:url(../../ui/media/images/home/info-box/bg-middle.gif) repeat-x 0 0;
}
.info-box .content .right
{
	
	float:left;
	width:18px;
	height:215px;
	background-color:black;
	background:url(../../ui/media/images/home/info-box/bg-right.gif) no-repeat 0 0;
}

.info-box .content ul li
{
		display:block;
		background:url(../../ui/media/images/home/bullet.gif) no-repeat 0 10px;
		padding-left:9px;
		white-space:nowrap;
		padding-top:4px;
}

.info-box .content ul li a
{
	padding-left:6px;
}

.info-box p
{
   margin-bottom:12px;
}

.info-box .diagnal
{
	height:17px;
	width:17px;
	
}

.info-box a:hover
{
	color:red
}

#client-container
{
	padding:0;
	height:82px;
	width:909px;
	border:solid 1px #ffffff;
}

#client-container li {float:left;}
#client-container li a {
	display:inline;
	width:181px;
	height:82px;
	float:left;
}

#client-container li.c01 a, #mainmenu li.m-on {background:url(../../ui/media/images/home/clients/ima.gif) no-repeat 18px 0;}
#client-container li.c02 a, #mainmenu li.m-off {background:url(../../ui/media/images/home/clients/prudential.gif) no-repeat 40px 0;}
#client-container li.c03 a, #mainmenu li.m-off {background:url(../../ui/media/images/home/clients/coutts.gif) no-repeat 60px 0;}
#client-container li.c04 a, #mainmenu li.m-off {background:url(../../ui/media/images/home/clients/m&g.gif) no-repeat 75px 0;}
#client-container li.c05 a, #mainmenu li.m-off {background:url(../../ui/media/images/home/clients/buying.gif) no-repeat 75px 0;}

/*Our People
-------------------*/
#box
{
	width:720px;
	height:100%;
	float:right;
	padding-right:22px;
}

#box .left
{
	width:1px;
	height:100%;
	float:left;
	background:url(../../ui/media/images/our-people/box-left.gif) no-repeat 0 0;
}

#box .middle
{
	width:697px;
	height:100%;
	float:left;
	background:url(../../ui/media/images/our-people/box-middle.gif) repeat-x 0 0;
}

#box .right
{
	width:22px;
	height:100%;
	float:left;
	background:url(../../ui/media/images/our-people/box-right.gif) no-repeat 0 0;
}

#box #content
{
	display:table;
	width:694px;
	height:100%;
}

#box #content #top-row
{
	float:right;
	/*width:694px;*/
	height:inherit;
	/*background:url(../../ui/media/images/our-people/nick-dyer/nick-dyer-title.gif) no-repeat 0 0;*/
	/*background-position:30px 0px;*/
	font-weight:bold;
	display:inline;
	padding-top:35px
	/*text-indent:220px;*/
}

#box #content #line
{
	width:694px;
	height:1px;
	/*background:url(../../ui/media/images/our-people/nick-dyer/line-bg.gif) repeat-x 0 0;*/
}

#box #content #column1
{
	width:50px;
	background:url(../media/images/our-people/mugshots/column1-graphic.gif) no-repeat 0 0;
	height:inherit;
	float:left;
}

#box #content #column2
{
	width:455px;
	height:inherit;
	float:left;
}

#box #content #column3
{
	width:183px;
	height:inherit;
	float:left;
}

#content h2
{
	background-image:none;
	margin-left:32px;
	padding-left:15px;
	margin-top:25px;
	margin-bottom:0;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
	border-left:3px solid black;
	font-size:3em;
	width:inherit;
	height:inherit;
}

#content p
{
	margin-top:10px;
	font-size:115%;
	line-height:150%;
}

#content .first_para
{
	font-size:165%;
}

#content img
{
	margin-top:10px;
}

/*Footer
-------------------*/
#footer
{
	display:table;
	height:37px;
	width:909px;
	color:#ffffff;
}

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

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

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