/*-------------------- General Layout Styles --------------------*/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

body{background:#fff;}

.top-bg{background:#fff; width:100%; min-width:990px; position:absolute;}
.menu-bg{background:url(menu-runner.gif) 0 0 repeat-x; width:100%; min-width:990px; height:46px; position:absolute; top:188px;}
.con-bg{background:#fff; min-width:990px; padding:265px 0 30px 0;}

.wrapper{width:970px; margin:0 auto;}

*:focus{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important; border:0;}

.top{height:188px; padding:0;}
.top .logo{width:207px; height:148px; float:left; padding:20px 0 0 0}
.right{width:410px; float:right; padding:60px 0 0 0}
.secnav{width:368px; float:right;}
.social{width:27px; height:27px; float:right; padding:0 0 25px 15px;}
.btn-enquire{background:url(phone.gif) 10% 50% no-repeat; text-align:right; height:38px;}

.menu{height:46px; z-index:50;}

.f-nav{background:url(menu-runner.gif) 0 0 repeat-x; z-index:9999; position:fixed; left:0; top:0 !important; width:100%; min-width:990px; height:46px;}

.banner{background:url(banner-bg.jpg) 0 0 no-repeat; height:94px; z-index:10; padding:390px 0 0 770px}

.container{padding:40px 0;}

.bottom-runner{background:#fff url(bottom-runner.gif) 0 0 repeat-x; min-width:1000px;}
.bottom-bg{background:url(bottom-bg.jpg) 50% 0 no-repeat; min-width:1000px; padding:240px 0 25px 0;}
.b-social{width:54px; float:right}

.m20{margin-bottom:20px;}
.m30{margin-bottom:30px;}
.mr30{margin-right:30px;}

.f-left{float:left}
.f-right{float:right}
.no-float{float:none !important}

#cmsbody{overflow:hidden; min-height:200px}
#cmsfooter{text-align:center}
.htmlarea p{margin:0;}

.home-left{float:left; width:635px; padding:0 20px 0 0; margin-right:20px; border-right:solid 1px #dbdbdb}
.home-right{float:right; width:286px;}

ul.tick-list{margin:0 0 20px 0; padding:0; list-style:none}
ul.tick-list li{background: url(tick1.png) 0 0 no-repeat; padding:0 0 25px 45px; font-size:16px; font-weight:600; color:#323232;}

.social ul.sociallinks, ul.sociallinks * {margin:0; padding: 0; list-style: none; text-align:left; font-size:11px; text-decoration: none;}
.social ul.sociallinks{width:27px; float:right}
.social ul.sociallinks li{width:27px; float:left;}
.social ul.sociallinks a {display:block; width:27px; height:27px; background:url(social.gif) 0 0 no-repeat; text-indent:-9000em; float:left;}
.social a.linkedin {background-position: 0 0 !important;}
.social a.linkedin:hover{opacity:0.9;}


/*Tell a Friend popup*/
body.popup{min-width:1px !important;}
/*Tell a Friend popup*/


/*Ipad Fixes*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.banner, .banner img, .banner div, .in-banner, .in-banner img, .in-banner div{max-width:1480px;}
	.header, .header-in{margin-left:-970px; min-width:1000px; max-width:1480px}
	.h-wrapper{margin-left:490px;}
	.f-nav .h-wrapper{margin-left:32px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.banner, .banner img, .banner div, .in-banner, .in-banner img, .in-banner div{max-width:1480px}
	.header, .header-in{margin-left:-970px; min-width:1000px; max-width:1480px}
	.h-wrapper{margin-left:490px;}
	.f-nav .h-wrapper{margin-left:32px;}
}
