/* CSS Document */

html{
height: 100%;
margin-bottom: 1px;
font-size: 15px;
}

body {
    margin: 0px;
    font-size: 15px;
    color: #010D56;
    font-family: 'Oakes Grotesk','Sans Serif', Myriad Web, Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight:500;
    background: #f3f3f3;
}

/* CORE LAYOUT ELEMENTS */

.header{
width: 100%;
height: 194px;
background:url(../images/layout/header_background.png) no-repeat center bottom;
position: relative;
z-index: 100;
}

.header .center{
margin: 0px auto;
position: relative;
width: 950px;
height: 194px;
}

.header .center .logo{
width: 456px;
height: 128px;
display:block;
position:absolute;
margin: 50px 0px 0px -7px;
background: url(../images/layout/im_logo.png) no-repeat -8px 0px;
z-index: 110;
}

.header .center ul{
width: 440px;
height: 180px;
display:block;
position:absolute;
margin: -30px 0px 0px 480px;
}

.header .center li{
width: 110px;
height: 180px;
float:left;
}

.header .center li a{
display:block;
padding: 130px 0px 0px 0px;
width: 110px;
height: 80px;
color: #adadad;
text-decoration: none;
text-align:center;
font-size: 18px;
}

.header .center li a:hover{
color: #537380;
}

.header .center li a.active{
background:url(../images/layout/menu_background_on.png) no-repeat;
color: #537380;
}

.content_holder{
margin-top: -35px;
width: 100%;
min-height: 360px;
background:#FF0000;
position:relative;
z-index: 0;

/* fallback (Opera) */
background: #f3f3f3;
/* Mozilla: */
background: -moz-linear-gradient(top, #f3f3f3, #ffffff);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#f3f3f3), to(#ffffff));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#f3f3f3', EndColorStr='#ffffff', GradientType=0);
}

.content_holder .center{
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 950px;
}

.content_holder .center#content{
padding: 60px 20px 20px 20px;
width: 910px;
}

.content_holder .center#contact{
padding: 60px 0 20px;
}

.content_holder .center h1{
font-size: 30px;
line-height: 28px;
margin-bottom: 12px;
color: #537380;
font-weight: normal;
}

.content_holder .center#contact h1,
.content_holder .center#contact h2,
.content_holder .center#contact p{
    padding-left: 20px;
}

.content_holder .center h2{
font-size: 18px;
line-height: 20px;
font-weight: bold;
margin-bottom: 12px;
color: #537380;
}

.content_holder .center p{
font-size: 15px;
line-height: 20px;
margin-bottom: 12px;
color: #252525;
}

.content_holder .center a{
color: #537380;
text-decoration:underline;
}

.content_holder .center a:hover{
text-decoration: none;
}

.content_holder .center ul{
margin: 0px 0px 10px 30px;
padding-top: 10px;
}

.content_holder .center li{
font-size: 15px;
line-height: 16px;
margin-bottom: 10px;
color: #252525;
padding: 0px 0px 0px 10px;
list-style:circle;
}

.content_holder .center .right{
width: 415px;
float: right;
padding: 50px 20px 20px 0px;
}

.content_holder .center .left{
width: 470px;
min-height: 370px;
float: left;
margin-top: 20px;
}
.content_holder .center#contact .left{
width: 454px;
min-height: 270px;
float: left;
margin: 10px 0 10px;
}
.content_holder .center#contact .left.first{
margin-right:40px;
}

.content_holder .center .left img{
width: 470px;
height: 360px;
-moz-border-radius: 8px;
border-radius: 8px;
position: absolute;
}
.content_holder .center#contact p span{
    color: #537380;
    font-weight: bold;
}
.content_holder .center#contact p a{
    color: #252525;
    text-decoration:none;
}

.content_holder .center#contact p a.direction_london{
    color:#1a73e8;
    text-decoration:none;
    font-size: 16px;
}

.content_holder .center#contact p a.direction_la{
    color:#1a73e8;
    text-decoration:none;
    font-size: 16px;
}

.content_holder .home_arrow{
width: 1000px;
height: 300px;
margin-top: 70px;
position: absolute;
left: 50%;
margin-left: -1355px;
z-index: 10000;
}

.content_holder .home_arrow img{
position: absolute;
margin-left: -140px;
}

.content_holder .center .find_out_more_button{
margin-top: 20px;
width: 140px;
height: 40px;
display: block;
background:url(../images/layout/find_out_more_button.png) no-repeat top;
}

.content_holder .center .find_out_more_button:hover{
margin-top: 20px;
width: 140px;
height: 40px;
display: block;
background:url(../images/layout/find_out_more_button.png) no-repeat bottom;
}

.content_holder .action_panels{
margin: 0px auto;
height: 120px;
width: 952px;
padding: 10px 0px 20px 0px;
}

.content_holder .action_panels a.action_holder{
display: block;
float: left;
height: 120px;
width: 230px;
margin-right: 8px;
}

.content_holder .action_panels .about_us{
float:left;
height: 120px;
width: 230px;
margin-right: 8px;
background:url(../images/layout/panels/about_us.png) no-repeat;
}

.content_holder .action_panels .our_services{
float:left;
height: 120px;
width: 230px;
margin-right: 8px;
background:url(../images/layout/panels/our_services.png) no-repeat;
}

.content_holder .action_panels .client_login{
float:left;
height: 120px;
width: 230px;
margin-right: 8px;
background:url(../images/layout/panels/client_login.png) no-repeat;
}

.content_holder .action_panels .get_in_touch{
float:left;
height: 120px;
width: 230px;
margin-right: 8px;
background:url(../images/layout/panels/get_in_touch.png) no-repeat;
}

.content_holder .action_panels .about_us h2, .content_holder .action_panels .our_services h2, .content_holder .action_panels .client_login h2, .content_holder .action_panels .get_in_touch h2{
float:left;
font-size: 20px;
font-weight: normal;
color:#FFFFFF;
text-decoration: none;
margin: 15px 0px 0px 20px;
}

.content_holder .action_panels .get_in_touch a{
float:left;
font-size: 20px;
color:#FFFFFF;
text-decoration: none;
margin: 15px 0px 0px 20px;
}

.content_holder .action_panels .about_us p, .content_holder .action_panels .our_services p, .content_holder .action_panels .client_login p, .content_holder .action_panels .get_in_touch p{
clear:left;
float:left;
font-size: 15px;
line-height: 16px;
color:#FFFFFF;
text-decoration: none;
margin: 10px 0px 0px 20px;
width: 200px;
}

.content_holder .action_panels .get_in_touch p a{
font-size: 15px;
margin: 0px;
float: none;
}

.content_holder .center #map2,
.content_holder .center #map{
margin-bottom: 20px;
width: 452px;
height: 283px;
border: 1px solid #CCCCCC;
float: left;
overflow:hidden;
}

.content_holder .center .contact_us{
margin: 45px 10px 0px 0px;
/*float:right;*/
/*width: 210px;*/
}

.content_holder .contact_us p{
font-size: 15px;
line-height: 16px;
margin-bottom: 10px;
color: #252525;
}

.content_holder .contact_us p span{
color: #537380;
font-weight: bold;
}

.footer{
width: 100%;
min-height: 160px;
background: #f3f3f3 url(../images/layout/footer_background.gif) repeat-x top;
}

.footer .our_clients_include{
margin: 0px auto;
padding: 12px 0px 0px 0px;
height: 34px;
width: 187px;
background:url(../images/layout/our_clients_include.png) no-repeat center bottom;
}

.footer .scroller_mask{
width: 100%;
overflow: hidden;
position: relative;
padding: 20px 0px 40px 0px;
}

.footer .scroller_container{
position: relative;
height: 127px;
width: 100%;
overflow: hidden;
}

.footer .scroller_container .item{
height: 127px;
margin-left: 50px;
}

.clear{
clear: both;
}



div.content_holder div.center div.col1 ul.services li, div.content_holder div.center div.col2 ul.services li
  {
  list-style-type: none;
  background-image: url(../images/star.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 25px;
  }

div.content_holder div.center div.col1 ul.services, div.content_holder div.center div.col2 ul.services
  {
  list-style-type: none;
  list-style-image: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  }



div.content_holder div.center div.col1
  {
  float: left;
  width: 440px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  }

div.content_holder div.center div.col2
  {
  float: right;
  width: 440px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  }