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,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}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
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}
ins{background-color:#ff9;color:#000;text-decoration:none}
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}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.resetlist { margin:0; padding:0; list-style-type:none; }

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a {text-decoration:none; color:#4f4f4f; cursor:pointer;}

a:hover, a:active {color:#026f36;}
sub,sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {max-width: 100% !important; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}

button,input,select,textarea {margin: 0; font-size: 100%; vertical-align: middle;}
button,input {*overflow: visible; line-height: normal;}

button::-moz-focus-inner,input::-moz-focus-inner {padding: 0; border: 0;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

select { cursor:pointer;}

/*fix twitter scrollbar*/
iframe[name="twttrHubFrame"] {
display: none !important;
}

.pad { padding:1.2em; }


/*  IMPORT FONTS  ============================================================================= */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1.2%;
}
.col:first-child { margin-left: 0; }
/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

.span_2_of_3 { width:63.8333333333%;  }
	.span_1_of_3 { width:30.7%; }		
		
.span_3_of_4 { width:74.375%; }
	.span_2_of_4 { width:48.75%; }
		.span_1_of_4 { width:23.125%; }
			
.span_4_of_5 { width:79.5%;}
	.span_3_of_5 { width:59.0%; }
		.span_2_of_5 { width:38.5%; }
			.span_1_of_5 { width:18.0%;}
		
.span_5_of_6 {	width:82.9166666667%; }
	.span_4_of_6 { width:65.8333333333%; }
		.span_3_of_6 { width:48.75%; }
			.span_2_of_6 { width:30.6666666667%; }
				.span_1_of_6 { width:14.5833333333%; }

.span_6_of_7 { width:85.3571428571%; }
	.span_5_of_7 {	width:70.7142857143%; }
		.span_4_of_7 { width:56.0714285714%; }
			.span_3_of_7 { width:41.4285714286%; }
				.span_2_of_7 { width:25%; }
					.span_1_of_7 { width:12.1428571429%; }
						
.span_7_of_8 { 	width:87.1875%; }
	.span_6_of_8 { width:74.375%; }
		.span_5_of_8 {	width:61.5625%; }
			.span_4_of_8 { width:47.5%; }
				.span_3_of_8 { width:35.9375%; }
					.span_2_of_8 { width:22.5%; }
						.span_1_of_8 { width:10.3125%; }

/*  BITS (MODIFIED) FROM BOOTSTRAP ============================================================================= */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  font-size: 13px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;	
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}


select {
  width: 99%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  height:30px; line-height:30px;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}


.button {
    display: inline-block;
	background: #57067e; /* Old browsers */
    text-shadow: 0px -1px 0px #002551;
    padding: 0.4em 1em;
    border-color: #730101;
    border-width: 1px;
    border-style: solid;
    font-size: 1.2em;
    color: #FFFFFF;
    font-weight: normal;
	font-family:GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif;
}
.button:hover {background:#814197;}
.button:active {
    -webkit-box-shadow: 0px 0px 15px #001a47 inset;
    -moz-box-shadow: 0px 0px 15px #001a47 inset;
    box-shadow: 0px 0px 15px #001a47 inset;
}

input.button { padding:0.3em .5em; font-family:GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif;}

/*  GENERAL SELECTORS ============================================================================= */

body{ font: normal 95%/1.5  GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif; color:#666; background:#fff; border-top:1px #fff solid; overflow-x:hidden; }

h1, h2, h3, h4, h5 { font-family:GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif; margin:0; padding:0;color:#540470; font-weight:normal; }
h1 {font-size :2.5em;}
h2 {font-size : 1.5em; margin-bottom:10px; color:#f9641a;}
h3 {font-size : 1.7em;}
h4 {font-size : 1.4em; text-align:center;}
h5 {font-size : 1.2em;}
h6 {font-size : 1.1em;}

h3 a, h3 a:hover { font-size:0.7em; color:#b3a872;}
h5 {color:#814197; font-family:GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif; font-size:1.2em; }
h6 { text-transform:uppercase; color:#595858; font-family:"Trebuchet MS", Arial, sans-serif; font-size:1em; margin:20px 0 10px 0;}

hr{ float:left;clear:both; background:#ddd; height: 1px;border: 0;  width: 100%; margin:1em 0; }

p,ul,ol{ margin-bottom:.8em; }
.clear{ clear:both; }

/*  TEMPLATE ============================================================================= */

#skiptomain{ display: none; }
.wrap{ float:left; width:100%; }
.inner{ width:90%; max-width:80em; margin:0 auto; }

header{ padding:1em 0 0em 0; background:#d597ac url(../images/header_bg.jpg) repeat;}
a#logo { float:left; font-size:2em; margin-bottom:20px;}
.header-contact {  float:right; margin-top:-0.6em; font-size:1em; }
.tel, .email { float:right;background:url(../images/phone_icon.png) no-repeat center left; padding-left:1em; margin-left: 1em;  text-align:right;  color:#ffffff;   font-weight:normal;}
.tel span {  color:#666666;   font-weight:normal; }
.email { clear:both;  padding-left:1.4em;  background:url(../images/email.png) no-repeat center left;}
	
.mainNav {  font-family:GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif; background:#814197;}
.mainNav ul { list-style-type:none; margin:0; padding:0; border-left:1px #ad09e5 solid;}
.mainNav li { float:left;  border-right:1px #ad09e5 solid; }
.mainNav li:hover { background: #c14bea;}
.mainNav li a.active { background: #c14bea;}
.mainNav a { display:block; color:#fff; padding:0.6em 1.7em; font-size:1.1em; text-shadow:1px 1px 0px rgba(0,0,0,0.2); }
	
	li.drop, li.drop:hover { position:relative; padding-right:1em; background:url(../images/drop.png) no-repeat 90% center; z-index:1000;}
	li.drop:hover { background:#c14bea; }
	li.drop ul { display:none; }
	li.drop:hover ul { display:block; position:absolute; top:auto; left:-2px; padding:0em 0; border-bottom:2px #814197 solid; background:#c14bea; width:420px;}
	li.drop:hover ul li { float:left; width:50%;  border:0;  margin:0; padding:0; font-size:.9em; }
	li.drop:hover ul li a { padding:0.4em 1em; color:#c4d3ed;}
	li.drop:hover ul li a:hover { color:#fff;  }
	li.drop:hover ul li:hover { background:none; }
	
	li.subsub { display:none; }
	/*li.drop:hover ul li.sub { width:100%; clear:left; }
	li.drop:hover ul li.sub a { font-weight:bold; color:#fff; }*/

a.menuToggle{ display:none; }
	
.makeenquiry { float:right; background:#57067e;}
.makeenquiry:hover { background:#9706dd;}

.main { background:url(../images/body_bg.jpg) repeat fixed; padding:0 0 1.5em 0; }

.testimonials { text-align:center; padding:1.2em 0 1em 0; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 46%, #e7e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#ffffff), color-stop(100%,#e7e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 46%,#e7e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 46%,#e7e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 46%,#e7e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 46%,#e7e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e6e6',GradientType=0 ); /* IE6-9 */ }
.testimonials .inner { max-width:600px;  }
.testimonials .testimonial { font-size:1.6em; font-family:GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif;   margin:0; line-height:1.4; color:#444; }
.testimonials .author { color:#878787; font-size:0.9em; text-transform:uppercase; margin:1em 0 -0.4em 0; }

footer{  background:#814197; padding:1em 0 1em 0; text-align:center; color:#dbdada;  font-size:0.9em; border-top:2px solid #f89923;}
footer h4, footer a, footer a:hover { color:#fff; }

footer h4 {  font-weight:normal; }

.fSocials { margin:1em 0; }
.fSocials a { padding:0 0.3em; }

.share_page{width:100%;text-align:center;padding:.5em 0 1em 0}
.share_page li{display:inline}
.share_page li:last-child{margin-right:0}

.footerNav{padding:.5em 0; margin:0.5em 0 1em 0;}
.footerNav ul { list-style-type:none; margin:0; padding:0.2em 0;  }
.footerNav li { display:inline; padding:0.5em 1em;}

footer a{ color:#ffffff; text-transform:uppercase;}
footer a:hover{ color:#f9641a; }
footer a.active{ color:#f9641a; }

.copyright { background:#4d0371; text-align:center; padding:.5em 0;font-size:0.9em; }
.copyright h5, .copyright a, .copyright a:hover { color:#fff; }

a.btn { display:inline-block; color:#fff;  padding:0.2em .5em; font-family:GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif; text-shadow:1px 1px 0px #1d2b42; margin-top:0.2em;  background: #b50000; border-top:3px #730101 solid; float:right;}
a.btn:hover { }

.textIntro { font-size:1.4em; color:#1d304f; margin:0 0 0.7em 0; }
dfn { font-style:normal;  display:block; color:#000; }
dd { font-style:normal; padding:0 0 1em 0; display:block; }

/*  HOMEPAGE ============================================================================= */

.hIntrobg { background:url(../images/hIntroBg.png) repeat; }
.hIntro { background:url(../images/h-intro.jpg) no-repeat top center fixed; box-shadow:inset 0px 4px 16px rgba(0,0,0,0.2);   }
	.hIntroText { float:right; width:48%; background:#fff; border-top:6px #eee solid; padding:2.2%; padding-bottom:0; margin:3em 0 0 0;} 
	.hIntro h1 { text-transform:uppercase; color:#aca16e; font-size:0.9em; letter-spacing:1px; padding:0 0 0.2em 0; margin-top:-0.4em; font-weight:normal;  }
	.hIntro h2 {  color:#263a5b; font-size:1.9em; line-height:1.3; letter-spacing:-0.3px; }
	.hIntro p {  font-size:1.2em; padding:0.6em 0 0em 0; color:666;  }
	.hIntro a.btn { font-size:1.2em;}
		
.ftServices {  padding:1.5em 0 1em 0;  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 46%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 46%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 46%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 46%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 46%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ 
box-shadow:0px -8px 10px rgba(0,0,0,0.05) inset; }
.ftServices h3 { font-size:1.5em; color:#aca16e; }
.ftServices h4 {   }

.primaryPortals h4,
.secondaryPortals h4 { font-size:1.4em;  padding:0.2em 0 0.2em 0; line-height:1.3; }
.primaryPortals h4 a:hover,
.secondaryPortals h4 a:hover { text-decoration:underline; }

.portalImg { padding:5px; margin-bottom:0.4em; box-shadow:1px 1px 2px rgba(0,0,0,0.4); background: #589702;}
.portalImg:hover { background:#026f36; }

.secondaryPortals { padding:1em; background:#ffffff; }
.primaryPortals p,
.secondaryPortals p { margin:0;}
.primaryPortals p a,
.secondaryPortals p a {color:#b3a872; font-size:1.1em;}

.newsPosts .span_4_of_8:nth-child(odd) { margin-left:0; }
		
.hLocation, .hNews { background:#fff; box-shadow:3px 3px 3px 3px #ccc; }		
.hLocation a, .hNews a { }

.hLocation h4 { background:url(../images/topborder.gif) repeat-x bottom left; font-size:1.6em; padding:0.4em 0; margin:0 0 0.5em 0; font-weight:normal; }		
.rooms { float:left; width:100%;}
.rooms img {}
.address { float:left;   width:100%;  background:url(../images/topborder.gif) repeat-x top left; margin-bottom:1em; }
.googleAddress { float:left; width:auto; padding-left:1.5em;}

.roomHeader { background:url(../images/page-detail.gif) no-repeat top center; text-align:center; padding:0.8em 0 0.5em 0; margin-top:-0.2em; }	
.roomHeader h4 a { font-weight:normal; }
.nextText { background:url(../images/page-detail.gif) no-repeat top center; padding:1.7em 0 0em 0; margin:0; line-height:1.7; }	

.textPanel { background:#fff; }
.textPanel p:last-child { margin:0; padding:0;}
.textPanel h3 { margin-bottom:0.5em; }

h3.otherServices { padding-top:0.5em; }
ul.sublinks { list-style-type:none; margin:0.8em 0 0 0; padding:0;  }
ul.sublinks  { list-style-type:none; margin:0.8em 0 0 0; padding:0;  }
ul.sublinks li { border-bottom:1px #ccc dotted; padding:0.4em 0; }
ul.sublinks li a{ background:url(../images/arrow.png) left center no-repeat; padding-left:20px;}


.pageMainImg { float:left; width:260px; margin:0 1.5em 0 0; border:2px #e8affc solid; padding:2px;}

	
/*  LEGAL ============================================================================= */

.serviceList		{  }
.serviceThumb { float:left; width:38%; padding:5px; margin-bottom:0.4em; box-shadow:1px 1px 2px rgba(0,0,0,0.4); background: #e0e0e0; 
background: -moz-linear-gradient(top, #e0e0e0 0%, #d6d6d6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#d6d6d6)); 
background: -webkit-linear-gradient(top, #e0e0e0 0%,#d6d6d6 100%); 
background: -o-linear-gradient(top, #e0e0e0 0%,#d6d6d6 100%); 
background: -ms-linear-gradient(top, #e0e0e0 0%,#d6d6d6 100%); 
background: linear-gradient(to bottom, #e0e0e0 0%,#d6d6d6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d6d6d6',GradientType=0 ); }
	.serviceThumb:hover { background:#263a5b; }
	.serviceIntroText { float:right; width:55.5%; padding-left:3.5%; }

@media screen and (min-width: 1024px) { .serviceIntroText { height:280px; } }

.serviceList .span_4_of_8:nth-child(odd) { margin-left:0; clear:both; }

.serviceWrap { background:#fff; box-shadow:3px 3px 3px #ccc; }
	.serviceWrap h3 { font-size:1.3em; margin-top:-0.2em; padding:0.6em 0 0.2em 0; text-align:center; background:url(../images/page-detail.gif) no-repeat top center; }
	.serviceWrap p { background:url(../images/page-detail.gif) no-repeat top center; padding-top:1.1em;}
	.serviceWrap h5 { margin:0 0 1.1em 0;  }
		.serviceWrap h5 a { color:#b3a872; font-weight:normal; }
		
/*  RECRUITMENT PAGE ============================================================================= */

.vacancy		{ margin:-1em 0 1em 0; padding-bottom:1em; }
	.vacancy h5		{ padding-bottom:0.5em; }
	.vacancy:last-child { padding-bottom:0; }
	
.howtoapply 	{ background:#fff; box-shadow:3px 3px 3px #ccc; }
.howtoapply h3 	{ padding:0 0 0.5em 0; }

/*  CONTACT PAGE ============================================================================= */

.introWrap { float:left; width:100%; background:#f1edee url(../images/p-intro.jpg) no-repeat top center; padding-top:10em;  border-bottom:1px #f89923 solid; }
.introkids { float:left; width:100%; background:#f1edee url(../images/kids_banner.jpg) no-repeat top center; padding-top:10em;  border-bottom:1px #f89923 solid; }

.pIntro2 { background:url(../images/p-intro2.jpg) no-repeat top center; }
.pIntro3 { background:url(../images/p-intro3.jpg) no-repeat top center; }
.pIntro4 { background:url(../images/p-intro4.jpg) no-repeat top center; }
.pIntro5 { background:url(../images/p-intro5.jpg) no-repeat top center; }



.breadcrumb { float:left; background:#eee url(../images/bg.gif) repeat; width:100%; text-shadow:1px 1px 0px #fff;  }
	.breadcrumb .pad { padding:0.4em 1.3em 0.6em 1.3em; font-size:1em; }
	.breadcrumb a:hover { text-decoration:underline; }
	
.pageTitles { float:left; width:auto; padding:0.9em 1.5em 0.5em 1.5em; }

.pageSubTitles { float:left; }
.addthis_toolbox { float:right; margin:-.8em 0 0.5em 0; }
	.addthis_toolbox strong { text-transform:uppercase; color:#333; font-weight:normal; }
	
.pageIntro { background:#fff; box-shadow:0px -2px 4px rgba(0,0,0,0.1); border-top:4px #f89923 solid;}
.pageIntro h1 { line-height:1em; padding-bottom:.1em;  letter-spacing:0; }
.pageIntro .tagline { font-family:GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif; font-size:1.5em; padding:0; margin:-0.2em 0 0.2em 0; color:#575757;text-shadow:1px 1px 0px #fff; }

.pageIntroImg { margin:0 0 1em 0; padding:5px; box-shadow:1px 1px 2px rgba(0,0,0,0.4); background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top, #e0e0e0 0%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0e0e0 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0e0e0 0%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0e0e0 0%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(to bottom, #e0e0e0 0%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */ }
.pageIntroText h4 { padding:0 0 0.4em 0; }

.contentPanel { background:#fff; box-shadow:3px 3px 3px #ccc; }		
	.contentPanel h3 	{ background:url(../images/topborder.gif) repeat-x top left; font-size:1.6em; padding:0.4em 0; margin:0 0 0.4em 0; }
	h3 .bgBtm 				{ display:block; background:url(../images/topborder.gif) repeat-x bottom left; padding:0 0 0.5em 0;}

.howtoApply { padding:0.5em 1.5em 0 0; }
.makeanEnquiry { padding:1.5em 1.5em 1.5em 0;  }

.googleFrame { float:left; width:46%; height:220px; border:4px #ddd solid; margin-bottom:1.2em;}


/*  MAKE AN ENQUIRY PAGE ============================================================================= */

form i { font-style:normal; color:#f00; }
#formEnquire { padding:1em 0 0 0; }
#formEnquire label { float:left; width:30%; }
#formEnquire input[type=text], #formEnquire input[type=email], #formEnquire input[type=number], #formEnquire textarea, #formEnquire select { float:left; width:50%; margin:0 0 1em 0; font-family:GillSansRegular, "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", Arial, sans-serif;  } 
#formEnquire select { height:auto; }
#formEnquire textarea { height:100px; }
#formEnquire input.button {   }

.thanks { float:left; width:100% !important; background:#093; text-align:center; display:block; padding:1em 0; margin:0 0 1em 0; color:#fff; font-weight:bold; }

/*  NEWS PAGE ============================================================================= */

h1.newsTitle { padding-top:0.5em; }

.share_item { float:left; width:100%; background:#eee url(../images/bg.gif) repeat;  padding:1.3em 0 1em 0; margin:0.5em 0 1.5em 0; }
.share_item ul { float:left; clear:left; list-style-type:none; margin:0; padding:0 1.3em; }
.share_item li { float:left; margin:0; padding:0;}
.share_item strong { float:left; padding:0 1.3em 0.7em 1.3em; font-weight:normal; text-transform:uppercase;  text-shadow:1px 1px 0px #fff; color:#aca16e; }

.recentPosts ul { margin:0; padding:0 1em 0 0; }

.genericBg { background:url(../images/p-intro.jpg) repeat; }

/*  Product PAGE ============================================================================= */

.our-product li { float:left; width:100%; border-bottom:1px #ccc dotted; padding:0.8em 0; }
.our-product li:last-child { border-bottom:0; }
.our-product img { float:left; width:25%; margin:0 2% 0 0; }
.our-product span { float:left; width:73%; }
.our-product b { color:#67af0e; font-size:1.2em; }
.our-product a:hover { text-decoration:underline; }
			
/* 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%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : #000; 
color : #fff; 
text-shadow : 1px 1px 1px #000; }

::-moz-selection { 
background : #000; 
color : #fff; 
text-shadow : 1px 1px 1px #000; }

::selection { 
background : #000; 
color : #fff; 
text-shadow : 1px 1px 1px #000; }


button, 
input[type="button"], 
input[type="reset"], 
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; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

.infobox {border-left: 4px solid #ae0000;}
.infobox-inner {background:#f7f7f7; border:1px solid #e5e5e5; border-left: none; padding:10px 20px 0px 20px; margin-bottom: 20px; font-size:16px;}

/*  MEDIA QUERIES ============================================================================= */


@media screen and (max-width: 1120px)
{
	.mainNav a { padding:0.6em 1em; }
	.address { width:40%; }
}

/* e.g. iPad Landscape */
@media screen and (max-width: 1024px)
{
	.hIntroText { width:60%; }
}

@media screen and (max-width: 940px)
{
		
	.hLocation { text-align:center; }
	.googleMap { width:100%;}
	.address { padding:0 0 1em 0; width:100%; }
	.addthis_toolbox { display:none; }
	
	.mainNav a { font-size:1em; }
	
	.serviceIntroText { width:52%; }
	
	a#logo { width:100%; text-align:center; margin-bottom:1em; }
	.header-contact { float:left;width:100%; }
	.tel, .email { float:left; width:28%; clear:none; padding:0 0 0 20px; margin:0; text-align:left; font-size:14px; }
	.email { width:34%; }
	.tel span { font-size:1em; }
}
	
@media screen and (max-width: 870px)
{
	
	.mainNav li { width:33%; margin:0; padding:0; background:none; border-bottom:1px #1d2e49 solid;}
	.mainNav li:hover { padding:0; }
	.mainNav li:hover ul { left:auto; right:0; }
	a.makeenquiry { float:left; width:100%; margin:0; padding:0.7em 0;  text-indent:1em; }
	
	.pageIntro h1 { padding:0 0 0.1em 0; }
	.pageIntro .tagline { font-size:1.6em;  }
	
	.pageMainImg { width:230px; }
	
	.googleFrame { width:98%; }
	.googleAddress { padding:0 0 1em 0; }
	
}

/* e.g. iPad Portrait */
@media screen and (max-width: 768px)
{
	body { font-size:74%; }

	.hIntro { background:url(../images/h-intro-small.jpg) no-repeat top center;  }
	.hIntro h2 { font-size:1.4em; }
	.hIntroText { width:90%; padding:5%; padding-bottom:0; }
	
	.serviceIntroText { width:100%; padding:0; margin:0; }
	.serviceThumb { width:96%; padding:2%; margin:0; margin-bottom:1em; }
	
	.serviceText { width:100%; }
	.serviceLinks { width:100%; margin:1em 0 0 0; }
	
	h3.otherServices { padding-left:1em; }
	ul.sublinks li { padding:.5em 1em; }
	.makeanEnquiry, .howtoApply { padding:1em; }
	
	.recentPosts h3 { padding-left:1em; }
	
}

@media screen and (max-width: 698px)
{	
	header .inner { max-width:320px; }
	a#logo { margin-bottom:0; }
	.tel, .email { float:left; clear:left; width:100%;  margin:0; background-size:12px; padding:0; padding-left:20px; }
}	

@media screen and (max-width: 680px)
{
	a#logo img { width:260px; padding-bottom:0.3em;}
	
	.mainNav li { width:32.9%; }
		
	.pageMainImg { float:left; margin:0 0 1em 0; width:auto; border:0;}
	.textIntro { clear:both; }
	
	.secondaryPortals .span_2_of_8 { width:48.7%; }
	.secondaryPortals .span_2_of_8:nth-child(odd) { margin-left:0; }
	
	
}

@media screen and (max-width: 600px)
{
	
a.menuToggle { cursor:pointer; float:left; display:block; padding:0.9em 0; width:100%; font-size:14px; text-align:left; text-indent:1em; border-bottom:1px #ce83e0 solid; font-weight:bold; background:#814197; /* Old browsers */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a652', endColorstr='#00a652',GradientType=0 ); /* IE6-9 */  }
	a.menuToggle img { float:right; padding: 4px 10px 0 0 ; }
	
	.mainNav .inner { width:100%; }
	.mainNav ul { border:0; width:100%; padding:0; margin:0;}
	.mainNav li 		{ width:100%; border:0; border-bottom:1px #ce83e0 solid;  }
	.mainNav li a { font-size:14px; }
	/* Take off hover */
	.mainNav ul { display:none; }
	li.drop:hover ul { width:100%; }
	li.drop, li.drop:hover { padding:0; }
	.mainNav ul li:hover ul { position:relative;  display:block; box-shadow:none; padding:0; margin:0; border:0; width:100%; }
	.mainNav li, .mainNav li:hover { background-image:none; }
	.mainNav li.drop:hover { background-image:none; }
	.mainNav li ul li:last-child { padding-bottom:8px; }
	a.makeenquiry {  font-size:14px;  }
	
		
	.hLocation, .hNews { width:100%; margin:0 0 1em 0;}

	.testimonials .testimonial { font-size:1.3em; }
	.footerNav { float:left; }
	.footerNav li { float:left; width:40%; }
	
	.serviceWrap { width:100%; margin:1em 0 0 0; }
	
	#formEnquire label { width:100%; }
	#formEnquire input[type=text], #formEnquire input[type=email], #formEnquire input[type=number], #formEnquire textarea { width:80%; }
}

@media screen and (max-width: 560px)
{
	
	
	.pageIntro h1 { font-size:2.4em; padding:0.3em 0 0.1em 0; }
	.pageIntro .tagline { font-size:1.2em; padding:0 0 0.3em 0;  }
}
	
/* e.g. Large Smartphones */
@media screen and (max-width: 480px)
{
	
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {
		width: 100%; margin:0 0 1em 0;
	}
	a#logo img { width:200px; padding-bottom:0.6em;}
	
	.secondaryPortals { padding-top:0.4em; }
	.secondaryPortals .span_2_of_8 {
		width: 100%; margin:0 0 1em 0;
	}

	.mainNav ul li:hover ul li { width:100%; }
	li.subsub { display:block; text-indent:1.25em; }
	
	.hIntro { background:url(../images/h-intro-small.jpg) no-repeat -280px 0px; }
	.hIntro h2 { font-size:1.8em; }
	.ftServices h3 { padding-bottom:0.4em; }
	
	.hIntro .inner { width:100%; }
	.hIntroText { margin-top:160px; width:90%; padding:5%; }
	.hIntro h1 { display:none; }
	.hIntro h2 { font-size:1.4em; }
	
	.address { float:left; padding:0 0 1em 0; margin:0; width:100%; }
	
	
	
}

/* e.g. Small Smartphones */
@media screen and (max-width: 320px)
{
img.staffimage { width: 70%; margin:0 15% 1em 15%;}	
}


/* Only show big intro bg on big screens */
/*@media screen and (min-width: 769px) {
.hIntro { background:#f2eeef url(../images/h-intro.jpg)  no-repeat center 100px fixed;  }
}*/
/* And on non-media query browsers too */
/*.oldie .hIntro { background:#f2eeef url(../images/h-intro.jpg) no-repeat top center;  }*/

/* Force Menu over a certain width */
@media screen and (min-width: 601px) 
{
		#show_menu { display:block !important; }
}