﻿/* html5reset.css - 01/11/2011 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000; 
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration:  line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}
/* BASIC PAGE SETUP ============================================================================= */
/*body {margin : 0 auto;padding : 0;font : 100%/1.4 tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';color : #000; text-align: center;background: #fff url('images/pagebg2.jpg') repeat-x;}*/
body{font-size:110%;color:#555;font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;}
body a {color:#4B76AB;text-decoration:none;}
button, input, select, textarea { font-family : tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';color : #333; }
/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 {font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight : normal;margin-top: 10px;}
h1 {color: #F7520A;margin: -0.5em 0 0 0.6em;font-size : 2.0em;line-height : 150%;text-align:center;}
@media only screen and (max-width: 1080px){ h1 {font-size:1.4em;} }  
h2 {color: #FFF;margin-bottom : .2em;font-size : 1.8em;font-weight:bolder;line-height : 1.4;text-shadow: 3px 3px #333333;}
@media only screen and (max-width: 1080px){ h2 {font-size:1.3em;} } 
h3 {color: #FFF;margin-bottom : 0.3em;font-size : 1.6em;line-height : 1.3;text-align:center; }
@media only screen and (max-width: 1080px){ h3 {font-size:1.2em;} } 
h4 {color: #444;margin-bottom : 0.5em;font-size : 1.4vw;line-height : 1.25; }
@media only screen and (max-width: 1080px){ h4 {font-size:1.2em;} } 
footer h4 {color: #666;}
h5 {color: #555;margin-bottom :5px ;font-size : 1.2em;}
h6 {color: #666;font-size : 1.0em;}
/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address {margin-bottom : 1.5em; }
p.introtext {font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size : 2.1vw;font-weight:bold;font-style:italic;color: #FFF;line-height: 1.4em;margin-bottom: 0.5em;text-shadow: 3px 3px #333;}
/*@media only screen and (max-width: 1300px) {
p.introtext {font-family:  tahoma, verdana, arial, helvetica, helve, sans-serif, 'Trebuchet MS';font-size : 1.0em;font-weight:bold;font-style:italic;color: #FFF;margin-bottom: 0.5em;text-shadow: 1px 1px #000;}
} */
@media only screen and (max-width: 800px) {
p.introtext {display:none;}
}
.lead {font-size: 125%;font-weight:300;color:#555;line-height:150%;}
ul, ol {margin : 0 0 1.5em 0;padding : 0 0 0 24px; }
dl, dd {margin-bottom : 1.5em; }
dt {font-weight : normal; }
b, strong {font-weight : bold; }
hr {display : block;margin : 1em 0;padding : 0;height : 1px;border : 0;border-top : 1px solid #ccc;}
small {font-size : 1em; }
sub, sup {font-size : 75%;line-height : 0;position : relative;vertical-align : baseline; }
sup {top : -.5em; }
sub {bottom : -.25em; }
/* LINKS =============================================================================  */
a {color : #4B76AB;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
a:visited {color : #888A8B; }
a:focus {outline : thin dotted;color : rgb(0,0,0); }
a:hover, a:active {outline : 0;color : #1D4678;}
a img {	border : 0;max-width: 98%;height: auto;}
/* IMAGES ============================================================================= */
img {border : 0;max-width: 98%;height: auto;width: auto\9; }
/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;margin-bottom : 1.4em;width : 100%; }
th, td, caption { padding : .25em 10px .25em 5px; }
tfoot { font-style : italic; }
caption {background-color : transparent; }
/* FORMS ============================================================================= */
form { margin : 0; }
fieldset { margin-bottom : 1.5em;padding : 0;border-width : 0; }
legend {*margin-left : -7px; padding : 0; border-width : 0; }
label{font-weight : normal;cursor : pointer;display:block;margin:0;position:relative;top:0;left:0;}
button, search, input, select, textarea { font-size : 100%; margin : 0; vertical-align : baseline; *vertical-align : middle; }
button, input { line-height : normal;*overflow : visible; }
button, input[type=submit] {padding: 0.5em 1em;margin: 0;cursor : pointer;text-shadow:0 1px 0 #fff;}
button::-moz-focus-inner, input::-moz-focus-inner {padding : 0;border : 0;  }
input, select{margin:0;border:1px solid #CCC;font-size:1em;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;-moz-box-shadow:inset 0px 0px 6px #CCC;-webkit-box-shadow:inset 0px 1px 6px #CCC;box-shadow:inset 0px 1px 6px #CCC;}
input::-webkit-input-placeholder, input:-moz-placeholder, .placeholder{	color:#bbb;	}
input::-moz-focus-inner {border:0;}
input.image {max-width:100%;}
/* Colors for form validity */
input:invalid, textarea:invalid {-webkit-box-shadow : 0 0 2px #CCC; -moz-box-shadow : 0 0 2px #CCC;box-shadow : 0 0 2px #CCC; }
/*  MAIN LAYOUT	============================================================================= */
#wrapper {	width: 100%;position: relative;text-align: left;margin: 0px auto;}
@media only screen and (max-width: 800px) {
#headcontainer {background:white;height:auto}
}
header{clear: both;width: 100%;font-size: 0.8125em; padding: 15px 0px 10px 0px;background: url('/images/header9.jpg') no-repeat 50% top;color: #FFF;text-align: center;}
/*.header{float: left;width: 920px;background: white url('images/header9.jpg') no-repeat 50% top;border-right:6px #EEE solid;border-left:6px #EEE solid;border-top:6px #EEE ridge;border-radius:15px;}
.header a {display:block;height:100%;width:100%;} */
#maincontentcontainer {width: 100%;background-color:white;}
#maincontent{clear: both;width: 90%; margin: 0 auto;color: #555;line-height: 1.5em;position: relative;}
@media only screen and (max-width: 800px) {
#maincontent{width:99%}
}
#footercontainer {width: 100%;border-top: 1px solid #000;background: #E4E4E4;}
footer {clear: both;width: 100%;font-size: 1em;margin: 0 auto;padding: 10px 0px 5px 0px;color: #FFF;line-height:1.6em;}
footer a:link, footer a:visited { color: #999; text-decoration: underline; }
footer a:hover { color: #046243; text-decoration: underline; }
footer a {color : #ffffff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#smallprint {margin-top: 5px;line-height: 1.4em;text-align: center;color: #999;font-size: 0.923em;}
#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none; }
#smallprint a:hover { color: #999; text-decoration: underline; }
/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
/*  GLOBAL OBJECTS ============================================================================= */
.floatright {float: right;}
.group:before, .group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219); -webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%;text-size-adjust:100% }
::-webkit-selection { background : rgb(23,119,175);color : rgb(250,250,250);text-shadow : none; }
::-moz-selection { background : rgb(23,119,175); color : rgb(250,250,250);text-shadow : none; }
::selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
button, input[type=submit] {-webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em;line-height : 1.4; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
/*p {-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; } */
.centered{margin:0 auto;text-align:center}
/*  GRID COLUMN SETUP   ==================================================================== */
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.row {display:flex;flex-wrap:wrap;}
.row_review {display:flex;flex-wrap:wrap;}
.top_links {border:thin #D52122 solid;border-radius:8px;padding:0.4%;box-shadow: 3px 3px 2px #888888;margin:8px auto;max-width:6.6%}
.top_links:first-child {margin-left:0;}
.bottom_links {border:thin #D52122 solid;border-radius:8px;padding:0.4%;box-shadow: 3px 3px 2px #888888;margin:8px auto;max-width:8.1%}
.bottom_links:first-child {margin-left:0;}
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 1080 PIXELS */
@media only screen and (max-width: 1080px) {
/* .col {margin: 1% 0 1% 0%;} */
.row {display:block;}
.top_links {margin:5px;max-width:90px}
.bottom_links {margin:5px;max-width:90px}
}
@media only screen and (max-width: 1080px) {
.top_links:first-child {margin-left:5px;}
}
/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {width: 98%;}
.span_1_of_2 {width: 49.2%;}
.span_1_of_2a {width: 48.2%;}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_1_of_2, .span_2_of_2, span_1_of_2a {width: 99%; }
}
/*  GRID OF THREE   ============================================================================= */
.span_1_of_3 {flex:0 0 28.3333333333%;max-width:28.3333333333%;margin:8px auto;position:relative;width:100%;border:thin #D52122 solid;border-radius:8px;padding: 1.5%;box-shadow: 8px 8px 2px #888888;background-color:white;text-align:center;}
.span_1_of_3a {width:31%;}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_1_of_3,.span_1_of_4 {flex:0 0 96%;max-width:96%;border:thin #D52122 solid;border-radius:8px;padding: 0.5%;box-shadow: 3px 3px 2px #888888;background-color:white;text-align:center;	}
.span_1_of_3 input {max-width:40%;}
}
@media only screen and (max-width: 700px) {
.span_1_of_3a {width:98%;max-width: 98%;margin-right:0}
.row_review {display:block;}

}
/*  GRID OF FOUR   ============================================================================= */
.span_1_of_4 {flex:0 0 21%;max-width:21%;margin:8px auto;position:relative;width:100%;border:thin #D52122 solid;border-radius:8px;padding: 1.5%;box-shadow: 8px 8px 2px #888888;background-color:white;text-align:center;}
.span_1_of_4a {width: 20.0%;padding:0 18px 0 18px}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_1_of_4 {max-width: 97%; }
.span_1_of_4a {width: 70%; }
}
/*  GRID OF FIVE   ============================================================================= */
.span_3_of_5 {width: 59.36%; }
.span_4_of_5 {width: 79.00%; }
.span_1_of_5 {width: 18.00%;}
.span_1_of_5a {width: 18.00%;float:right;}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_3_of_5 {width: 98%; }
.span_1_of_5 {width: 98%; }
.span_1_of_5a {width: 98%;float:none }
.span_4_of_5 {width: 100%; }
}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
@media only screen and (max-width: 1080px) {
.span_3_of_6 {width: 98%; }
.span_2_of_6 {width: 98%; }
}
.span_3_of_7 {width: 41.94%;}
.span_5_of_7 {width: 70.97%;}
@media only screen and (max-width: 1080px) {
.span_5_of_7 {width: 98%; }
.span_3_of_7 {width: 98%;}
	}
.wrapper{margin: 0px auto;width: 920px;}
.wrapper h1 {color:#FFFFFF;font-style:italic;font-size:18px;line-height:20px;}
.menu1 {float: left;margin-top:15%;width: 33%;padding-left:1%;}
.menu {height:25px;color: #FFFFFF;background-image: url('images/button-bga.jpg');
background-repeat: no-repeat;font-weight: bold;white-space: nowrap;padding-top:5px;text-align: center;width:177px;
}
.menu a{text-decoration: none;color: #FFFFFF;text-align:center;}
.menu a:hover {color: #A0E7ED;text-decoration: none;}
.large-menu a:hover {color: #A0E7ED;text-decoration: none;}
.sub a:hover {color: #e2aa0f;text-decoration: underline;}
.topleft2 {float: left;width: 32%;height:auto;margin-top: 5%;}
.topright {float: right;width:28%;margin-top:18%;text-align:right;padding-right:4%;}
.expand {float: left;width:820px;background-color:white;border-right:6px #EEE solid;border-left:6px #EEE solid;}
.left1 {float: left;width: 13em;padding-right:8px;padding-left:8px;  }
.left2{float: left;background: white url('images/cell-bg-sm.jpg') repeat-x left bottom;padding:0px 25px 12px 25px;border:thin #E64D08 solid;border-radius:10px;box-shadow: 3px 3px 2px #888888;margin-bottom:8px;
}
.left2 h3 {color:#AC520B;}
.left2 h4 {color:#AC520B;}
.parabox {float: right;border:thin #E64D08 solid;border-radius:8px;padding: 8px 10px 12px 10px;box-shadow: 3px 3px 2px #888888;background:white url('images/cell-bg-sm.jpg') repeat-x left bottom ; 
margin-bottom:14px;
}
.parabox2 {border: thin #E64D08 solid;border-radius: 8px;padding: 8px 10px 12px 10px;box-shadow: 3px 3px 2px #888888;background: white url('images/cell-bg-sm.jpg') repeat-x left bottom;
text-align: center;margin-bottom:14px;
}
.parabox-left {border: thin #E64D08 solid;border-radius: 8px;padding: 8px 10px 12px 10px;box-shadow: 3px 3px 2px #888888;background: white url('images/cell-bg-sm.jpg') repeat-x left bottom;
text-align: left;margin-bottom:14px;
}
.img-link {border:0px;}
.text-white {color:white;}
.text-green {color:darkgreen;}
.right-map{float: right;width:160px;}
.small-map {width: 160px;height: 228px;border:0px;}
.right{float: right;margin-right:9px;margin-left:9px;}
.enquiry {background-color:#FABD4A;color:gray;padding:6px;}
.footer{background-color:#D6DFEE;text-align:center;border-right:6px #EEE solid;border-bottom:6px #EEE ridge;border-left:6px #EEE solid;border-radius:15px;padding:15px 0px 5px 0px;}
.footer a {text-decoration:none;}
.textcenter {text-align:center;}
.enq_main {width: 100%;height:100%;}
.enq_sub {border:thin #348206 solid;border-radius:6px;box-shadow: 4px 4px 2px #888888;}
.style6 {color:red;}
ul, ol {margin: 1em 0 1.4em 40px;padding: 0;line-height: 140%;}
li {margin: 0 0 .5em 0;padding: 0;}
.centered{margin:0 auto;text-align:center}
