@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
       /* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);*/
        body {padding:0 25px; text-align:center; margin:auto; color:#666; font-family:Arial; font-size: 15px; letter-spacing: 0.1px;}
        html{overflow-y: scroll;}
		div, h1, h2, li, td, p, span {margin:0; color:#666}
		h1{font-family: 'Oswald', sans-serif; font-size:30px }
		h2{font-family: 'Oswald', sans-serif; font-size:14px }
		a:link{color:#666; text-decoration:none}
		a:visited{color:#666; text-decoration:none}
		a:hover{color:#666; text-decoration:underline}
		a:active{color:#666; text-decoration:none}
		
		.container {width:100%;max-width:1300px;  margin:auto; margin-top:6px}
		.container div {text-align:center}
		.menu {float:right; margin-top:14px}
        .topBar{height:1px; background:#666}
        .menuBar {height:26px}
		.menu a, .menu span {margin-left:25px; text-transform:uppercase}
		.menu span {font-weight:bold}
        .bottomBar { clear:both; height:13px; background:#666 }
        .bottomBar h2 {float:left; height:25px; background:white; margin-top:-6px; padding-right:2px}
        .bottomBar h2 span {font-size:16px}
		
		/*HOME*/
    	.specialising  {font-family: 'Oswald', sans-serif; font-size:23px;  width:94.5%; margin:1px; margin-top:50px; padding:16px 0 16px 70px; font-weight:bold;  background:#666; opacity:0.82; display:block; position:absolute; z-index:2000}
		.specialising span {color:white}
		.slideContainer { position:relative; z-index:1; border:1px solid #666; width:100%; height:552px;  margin-top:13px; text-align:left}
		.slideContainer .slide {position:absolute; top:1px; left:1px; display:none;width:100%;}
		
		/*SERVICES*/
		.serviceContainer { position:relative; text-align:left; clear:left}
        .services {border-bottom:3px solid #666; height:99px; position:relative;cursor: pointer;}
        .services .serviceTitle {float:right; width:92%; height:28px; padding:20px 0 20px 5px; margin-top:12px; font-weight:bold; color:white; background:#666 }
        .services img {    height: 68px; margin-top: 12px;  margin-bottom: 12px;  position: absolute;left: 0;  border-right: 10px white solid;}
		
        /* old grid version:
        .services {float:left; width:250px; height:210px}
		.one, .two {border-right:1px solid #666}
		.four {clear:left}
		.four, .five {border-right:1px solid #666; border-top:1px solid #666}
		.six {border-top:1px solid #666}
        */
		
		.services_large {position: absolute; top: 10px; left: 0px; right: 0px; border: 1px solid #666; width: 61%;  display: none;    background: white;    margin: auto;}
        .services_large .serviceTitle {font-weight:bold; font-size:14px; margin:5px}
		.services_large .x { float: right; margin: 5px; color: #666; padding: 3px; font-weight: bold; cursor: pointer;font-size: 20px;}
        .services_large .slide {    position: absolute;    width: 90%;    left: 35px;
    /* height: 546px; */    margin-left: 4px;    margin-right: 4px;    margin-bottom: 4px;    z-index: 1;}
        .services_large .slide.active {z-index:3}
        .services_large .arr_l {position:absolute; font-size:20px; z-index:100; top:350px; left:5px; opacity:0.9; width:15px; padding:5px; width: 15px;  padding: 5px; color: #666; font-weight:bold; cursor:pointer}
        .services_large .arr_r {position:absolute; font-size:20px; z-index:100; top:350px; right:5px;opacity:0.9; width:15px; padding:5px; color:#666; font-weight:bold; cursor:pointer; text-align:right}