@charset "UTF-8";

/* CSS Document */
/* OHC - Concilio 2018 */

hr{
border:none;
border-bottom:1px solid #eeeeee;
margin:15px 0 15px 0}

h1, h2.wsite-content-title{
font-size:2.4em;
font-weight:200;
line-height:1.2em;
color:#007dc3;
text-align:center;
margin:0 0 10px 0}

h2{
font-size:1.8em;
font-weight:200;
line-height:1.2em;
color:#007dc3;
margin:0 0 10px 0}

h3{
font-size:1.6em;
line-height:1.2em;
font-weight:200;
margin:0 0 10px 0}

h4{
font-size:1.3em;
line-height:1.2em;
font-weight:200;
margin:0 0 10px 0}

a{
color:#007dc3;
text-decoration:none}

a:hover{
color:#007dc3;
text-decoration:underline}

p{
margin-bottom:10px}

ul{
padding:0 0 10px 15px}

li{
padding:0}

ol{
padding:0 0 10px 15px}

strong{
font-weight:600}

body{
font-size:0.9em;
font-weight:200;
line-height:1.5em;
color:#595959;
font-family:Helvetica, Verdana, Arial, sans-serif;
background:#ffffff}

*{
margin:0;
padding:0}

img{
border:0}

/* Main Container */
#wrapper{
width:100%;
padding:0;
margin:0 auto} 

#main_container{
width:100%;
height:100%;
padding:0;
margin:0 auto}

/* Navigation Toggle */
#toggle{
display:none}

/* Navigation */
#nav.isStuck{
top:0px;
margin:-110px 0 0 0!important;
background:#007dc3!important;
height:160px!important;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
-webkit-box-shadow: 0 0 5px 0 #002B55;
box-shadow: 0 0 5px 0 #002B55;
opacity:0.9;
filter:alpha(opacity=90)}

#nav.isStuck a{
font-size:1em!important;
color:#ffffff!important;
width:190px!important;
margin:0!important}

#nav{
position:relative;
z-index:90000;
width:990px;
height:180px;
margin:-170px 0 0 0;
padding:0;
float:left}

#nav ul{
height:180px;
margin:0 auto;
padding:0;
text-align:center}

#nav li{
width:104px;
display:block;
list-style:none;
display:inline;
position:relative;
margin:0}

#nav li a{
width:104px;
list-style:none;
color:#002b54;
font-size:1.3em;
margin:0 40px 0 40px;
display:block;
float:left;
position:relative;
padding:110px 0 0 0;
text-align:center}

#nav li a:hover{
color:#007dc3;
text-decoration:underline}

#nav .selected a{
text-decoration:none;
color:#007dc3;
font-weight:400}

#nav .selected a:hover{
text-decoration:none;
color:#007dc3;
font-weight:400}

#nav li a.treatment-services{
background:url(treatment.png) no-repeat top center!important}

#nav li a:hover.treatment-services{
color:#007dc3;
background:url(treatment-hover.png) no-repeat top center!important}

#nav li a.minimising-risk{
background:url(risk-management.png) no-repeat top center!important}

#nav li a:hover.minimising-risk{
color:#007dc3;
background:url(risk-management-hover.png) no-repeat top center!important}

#nav li a.occupational-health-systems{
background:url(occupational-health.png) no-repeat top center!important}

#nav li a:hover.occupational-health-systems{
color:#007dc3;
background:url(occupational-health-hover.png) no-repeat top center!important}

#nav li a.providers{
background:url(providers.png) no-repeat top center!important}

#nav li a:hover.providers{
color:#007dc3;
background:url(providers-hover.png) no-repeat top center!important}

#nav li a.faq{
background:url(faq.png) no-repeat top center!important}

#nav li a:hover.faq{
color:#007dc3;
background:url(faq-hover.png) no-repeat top center!important}

/* Adarea */
.slideshow{
width:100%;
margin:0;
padding:0;
float:left;
overflow:hidden}

.contentarea{
width:100%;
height:100%;
margin:0 0 40px 0;
padding:0;
float:left;
clear:left;
display:block}

.contentarea img{
width:100%}

.contentarea h1{
margin:20px 0 20px 0}

/* Mainarea */
#mainarea{
width:990px;
margin:0;
padding:0;
float:left}

.column{
width:310px;
min-height:250px;
float:left;
margin:5px;
padding:0}

.column img{
width:auto!important;
margin:0 0 20px 0}

.column h3{
width:236px;
font-size:1.8em;
font-weight:200;
color:#ffffff;
padding:15px 0 10px 0;
margin:0 auto;
background:#007dc3}

.column h3 a, .column h3 a:hover{
color:#ffffff}

.column-center{
width:310px;
min-height:150px;
float:left;
margin:5px;
padding:0;
text-align:center}

.column-center img{
width:auto!important;
margin:0 0 20px 0}

.column-center h3{
width:236px;
font-size:1.8em;
font-weight:200;
text-align:center;
color:#ffffff;
padding:15px 0 10px 0;
margin:0 auto;
background:#007dc3}

.column-center h3 a, .column-center h3 a:hover{
color:#ffffff}

#footer{
width:100%;
margin:0;
padding:0;
float:left;
background:#007dc3}

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

.center2{
width:990px;
padding:0;
margin:0 auto}

.center2 img{
width:auto!important}

.footer_left{
width:450px;
margin:80px 0 80px 0;
padding:0;
font-size:0.85em;
color:#ffffff;
float:left}

.footer_right{
width:450px;
margin:80px 0 80px 0;
padding:0;
font-size:0.85em;
color:#ffffff;
float:right;
text-align:right}

.footer_right img{
float:right;
margin:0 0 0 30px;
width:inherit!important}

/* Full Width Slider */
.skdslider{
width:100%;
position:relative;
display:block;
overflow:hidden}

.skdslider:after{
content: '';
padding-top:50%; 
display: block}

.skdslider ul.slides{
margin:0; 
padding:0; 
list-style-type:none}

.skdslider ul.slides li{
display:none}

.skdslider ul.slides li img{
width:100%;
border:0}

.skdslider ul.slide-navs{
display:none;
top:50%;
left:50%;
position:absolute;
list-style-type:none;
margin:0;
padding:0}

.skdslider ul.slide-navs li{
float:left;
background:url(slide-bg.png) no-repeat scroll 0 0 transparent;
height:12px;
width:12px;
margin-right:4px;
cursor:pointer}

.skdslider ul.slide-navs li.current-slide{
background:url(slide-bg-active.png) no-repeat scroll 0 0 transparent}

.skdslider .slide-desc{
background:#203f99;
left:20px;
padding:0 15px 0 15px;
position: absolute;
bottom:15%;
max-width:85%;
display:inline-block}

.skdslider .slide-desc > h2{
color:#ffffff;
font-size:25px;
margin-bottom:10px;
margin-top:10px}

.skdslider .slide-desc > p{
color:#FFFFFF;
font-size:16px;
line-height:20px;
margin-top:5px}

.skdslider .slide-desc > p a.more{
color:#990000;
font-size:20px;
text-decoration:none}

.skdslider .slide-desc > p a.more:hover{
text-decoration:underline}

.skdslider a.prev{
background:url(left.png) no-repeat scroll 0 0 transparent;
width:35px;
height:35px;
display:block;
cursor:pointer;
position:absolute;
top:35%;
left:2%;
margin-top:-17px}

.skdslider a.next{
background:url(right.png) no-repeat scroll 0 0 transparent;
width:35px;
height:35px;
display:block;
cursor:pointer;
position:absolute;
top:35%;
right:2%;
margin-top:-17px}

.skdslider a.prev:hover{}

.skdslider a.next:hover{}

.skdslider a.play{
background: url(play.png) no-repeat scroll center center transparent;
width:35px;
height:35px;
display:none;
cursor:pointer;
position:absolute;
top:50%;
left:48%;
margin-top:-17px}

.skdslider a.pause{
background: url(pause.png) no-repeat scroll center center transparent;
width:35px;
height:35px;
display:none;
cursor:pointer;
position:absolute;
top:50%;
left:48%;
margin-top:-17px}

/* ReCapture Box Fix */
#recaptcha_widget_div{
height:127px!important;
overflow:hidden}

td.photogalleryNavigation{
display:none!important}

#contact h2{
text-align:center}

/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:url(overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)}


/*-------------------     ADAPTIVE    -------------------*/

/* Screen 240px to 768px - Mobile Styles */
@media screen and (min-width:240px) and (max-width:768px){

body{
-webkit-text-size-adjust:100%;
background-image:none!important;
overflow-x:hidden}

td img{
min-width:50%!important;
width:100%!important;
height:auto!important}

td{
font-size:70%!important;
line-height:auto!important}

/* Main Container */
#wrapper{
width:100%;
padding:0;
margin:0 auto} 

#main_container{
width:100%;
height:100%;
padding:0;
margin:0 auto}

/* Navigation Toggle */
#toggle{
display:none}

/* Navigation */
#nav.isStuck{
display:none!important}

#nav{
position:relative;
z-index:90000;
width:100%;
height:180px;
margin:0!important;
padding:0;
float:none!important}

#nav ul{
height:180px;
margin:0 auto;
padding:0;
text-align:center}

#nav li{
width:104px;
display:block;
list-style:none;
display:inline;
position:relative;
margin:0}

#nav li a{
width:104px;
list-style:none;
color:#002b54;
font-size:1.3em;
margin:0 10px 20px 10px!important;
display:block;
float:left;
position:relative;
padding:110px 0 0 0;
text-align:center}

#nav li a:hover{
color:#007dc3;
text-decoration:underline}

#nav .selected a{
text-decoration:none;
color:#007dc3;
font-weight:400}

#nav .selected a:hover{
text-decoration:none;
color:#007dc3;
font-weight:400}

#nav li a.treatment{
background:url(treatment.png) no-repeat top center!important}

#nav li a:hover.treatment{
color:#007dc3;
background:url(treatment-hover.png) no-repeat top center!important}

#nav li a.risk-management{
background:url(risk-management.png) no-repeat top center!important}

#nav li a:hover.risk-management{
color:#007dc3;
background:url(risk-management-hover.png) no-repeat top center!important}

#nav li a.occ-health{
background:url(occupational-health.png) no-repeat top center!important}

#nav li a:hover.occ-health{
color:#007dc3;
background:url(occupational-health-hover.png) no-repeat top center!important}

#nav li a.faq{
background:url(faq.png) no-repeat top center!important}

#nav li a:hover.faq{
color:#007dc3;
background:url(faq-hover.png) no-repeat top center!important}

#nav li a.contact{
background:url(contact-us.png) no-repeat top center!important}

#nav li a:hover.contact{
color:#007dc3;
background:url(contact-us-hover.png) no-repeat top center!important}

/* Adarea */
.slideshow{
width:100%;
height:100%;
margin:0 0 40px 0;
padding:0;
float:none!important;
overflow:hidden}

.contentarea{
width:100%;
height:100%;
margin:0 0 40px 0;
padding:0;
float:none!important}

.contentarea img{
width:100%}

.contentarea h1{
margin:20px 0 20px 0}

/* Mainarea */
#mainarea{
width:100%;
margin:0;
padding:0;
float:none!important}

.column{
width:100%!important;
min-height:auto!important;
float:none!important;
margin:0!important;
padding:5px!important;
text-align:center}

.column img{
width:auto!important;
margin:0 0 20px 0}

.column h3{
font-size:2em;
text-align:center;
color:#ffffff;
padding:20px;
margin:0}

.column h3{
width:236px;
font-size:1.8em;
font-weight:200;
text-align:center;
color:#ffffff;
padding:15px 0 10px 0;
margin:0 auto;
background:#007dc3}

.column h3 a, .column h3 a:hover{
color:#ffffff}

.column-center{
width:100%!important;
min-height:auto!important;
float:none!important;
margin:0!important;
padding:5px!important;
text-align:center}

.column-center img{
width:auto!important;
margin:0 0 20px 0}

.column-center h3{
font-size:2em;
text-align:center;
color:#ffffff;
padding:20px;
margin:0}

.column-center h3{
width:236px;
font-size:1.8em;
font-weight:200;
text-align:center;
color:#ffffff;
padding:15px 0 10px 0;
margin:0 auto;
background:#007dc3}

.column-center h3 a, .column-center h3 a:hover{
color:#ffffff}

#footer{
width:100%;
margin:0;
padding:30px 0 30px 0!important;
float:none!important;
background:#007dc3}

.center{
width:90%;
padding:0;
margin:0 auto}

.center2{
width:90%;
padding:0;
margin:0 auto;
text-align:center!important}

.center2 img{
width:auto!important}

.footer_left{
width:100%;
margin:0;
padding:0;
font-size:0.85em;
color:#ffffff;
float:none!important;
text-align:center}

.footer_right{
width:100%;
margin:0;
padding:0;
font-size:0.85em;
color:#ffffff;
float:none!important;
text-align:center}

.footer_right img{
float:none!important;
margin:0 0 0 30px;
width:inherit!important}

/* Full Width Slider */
/*Some Responsive CSS */
.skdslider .slide-desc > h2 {
font-size:20px;
margin-bottom:5px;
margin-top:5px}
	
.skdslider .slide-desc > p {
font-size:14px;
line-height:15px;
margin-top:5px}

.skdslider .slide-desc > p a.more {
font-size:14px}

/* ReCapture Box Fix */
#recaptcha_image img{
width:80%!important}

#recaptcha_widget_div{
width:280px!important;
overflow:hidden}

.captchaimg img{
width:130px!important}

td.photogalleryNavigation{
display:none!important}

/* Lightbox Gallery */
#overlay, #lightbox{
width:100%;
height:100%}

#outerImageContainer, #ImageContainer{
width:300px!important;
height:300px!important}

#imageDataContainer, #imageDetails{
width:300px!important}

#bottomNav{
width:250px!important}

#lightbox img{
max-width:280px;
height:auto}

.webform{
width:280px!important;
float:none!important}

.cat_listbox, .cat_textbox, .cat_dropdown{
width:270px!important}

#contact h2{
text-align:center}


}