/* HTML5 Boilerplate  */
 
/* RESETS */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }
audio,canvas,video { display:inline-block; display:inline; zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html,button,input,select,textarea { font-family:sans-serif; color:#222; }
::-moz-selection { background:#fe57a1; color:#fff; text-shadow:none; }
::selection { background:#fe57a1; color:#fff; text-shadow:none; }
body { background:#e1e1e1; font-size:80%; color:#3b3b3b; margin:0 auto; text-align:center; line-height:1.4em; }
h1,h2,h3,h4,h5,h6 { font-family:Helvetica, Arial, sans-serif; font-size:1.5em; letter-spacing:-.06em; font-weight:normal; }
a:link,a:visited { font-weight:bold; color:#2f7dc0; text-decoration:none; }
a:hover { }
a img { border:none; }
abbr[title] { border-bottom:1px dotted; }
b,strong { font-weight:bold; }
blockquote { margin:1em 40px; }
dfn { font-style:italic; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
pre,code,kbd,samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before,q:after { content:""; content:none; }
small { font-size:85%; }
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-.5em; }
sub { bottom:-.25em; }
ul,ol { margin:1em 0; padding:0 0 0 40px; }
dd { margin:0 0 0 40px; }
nav ul,nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
figure { margin:0; }
form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
label { cursor:pointer; }
legend { border:0; margin-left:-7px; padding:0; white-space:normal; }
button,input { font-size:100%; margin:0; vertical-align:baseline; vertical-align:middle; }
button,input { line-height:normal; }
button,input[type=button],input[type=reset],input[type=submit] { cursor:pointer; -webkit-appearance:button; overflow:visible; }
button[disabled],input[disabled] { cursor:default; }
input[type=checkbox],input[type=radio] { box-sizing:border-box; padding:0; width:13px; height:13px; }
input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button { -webkit-appearance:none; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:vertical; }
input:valid,textarea:valid { }
input:invalid,textarea:invalid { background-color:#f0dddd; }
table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }
.chromeframe { margin:.2em 0; background:#ccc; color:black; padding:.2em 0; }

/* Header */
header { margin:10px; display:block; text-align:left; }
hgroup { margin-top:25px; height:55px; }
header h1 { float:left; margin:0; font-size:2.8em; line-height: normal; text-transform:none; letter-spacing:0; text-align:left; color:#2f7cc0; height:30px; }
header .contact-number { background:url(/images/phone.png) no-repeat; padding:0 0 0 48px; height:30px; margin:0 30px 0 0; float:right; font-size:2.3em; line-height: normal; text-align:right; color:#2f7cc0; }

/* Navigation */
nav { text-align:left; display:block; height:30px; background-color:#919293; }
nav ul { padding:0; list-style-type:none; display:inline; }
nav li { margin:0 6px; padding:7px 10px; list-style-type:none; display:inline; text-decoration:none; }
nav li.active, nav li:hover { background:url(/images/active-menu-bg.jpg) repeat-x; }
nav a:link,nav a:visited { color:#fff; font-size:1.4em; line-height:30px; font-weight:normal; text-decoration:none; }

/* Slider */
section#slider { height:240px; margin:10px; padding:10px 20px 20px; background:url(/images/banner-01.jpg) no-repeat; }
#slider-textbox { padding:10px; background:url(/images/slider-text-bg.png) repeat transparent; color:#fff; text-align:left; width:30%; height:175px; float:left;}
#slider-textbox h3,#slider-textbox p,#slider-textbox ul { margin:0.4em 0; list-style:none; }

/* Layout */
.box { padding:10px 20px 20px; margin:0 10px 10px; border:1px solid #ccc; background: url(/images/text-box-bg.jpg) repeat-x #fbfbfb; }
h2.box-header { border:1px solid #ccc; color:#5f5d5d; height:44px; margin:0 10px; background:url(/images/header-bg.jpg) repeat-x; line-height:44px; padding-left: 20px; display: block;}
h2.box-header img { margin-left: -10px; padding-right: 6px;}
section#left { float:left; text-align:left; }
section#right { float:left; text-align:left;}
/*section#left .box { width:25%; }*/
/*section#right .box { width:25%; }*/
article { float:left; text-align:left; }
article img { margin:0 10px 10px }

/* FAQ */
.question {margin:0; font-style: italic;}
.answer {margin:0; color:#2f7dc0; font-weight: bold;}

/* Enquiries */
.requester {margin:0 0 1em 0; font-weight: bold;}
.requester span { color:#2f7dc0; }

/* Forms */
label { display:block; font-weight:bold; }
label span { color:red; }
input,textarea { font-size:90%; border:1px solid #e7e2d7; padding:2px 4px; width:168px; }
input:focus,textarea:focus { border:1px solid #c9c1af; }
#submit-button { color:#fff; background: url(/images/button-bg.jpg) repeat-x; height: 30px; font-weight: bold; font-size: 1.4em; margin-left:40px; padding:0 20px; border: none;}
#submit-button:hover {color:#e4e4e4;} 

/* Footer */
footer { display:block; clear:both!important;  }
footer a { margin:0 5px; }
#footer-text {background-color: #ccc; height: 28px; line-height: 28px;}
#footer-links { padding: 10px 0 10px 0; background: #5f5d5d; display: block; }
.footer-cols {float: left; width: 240px; display: block;}
.footer-cols a {display: block; color: #fff; }
.footer-cols a:hover {}

/* @Media */
@media only screen and min-width 35em ir}
.ir br { display:none; }
.hidden { display:none!important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0000); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.invisible { visibility:hidden; }
.clearfix:before,.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
@media print}
a,a:visited { text-decoration:underline; }
/*a[href]:after { content:" (" attr(href) ")"; }
abbr[title]:after { content:" (" attr(title) ")"; }
.ir a:after,a[href^=javascript:]:after,a[href^=#]:after { content:""; }*/
pre,blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; }
tr,img { page-break-inside:avoid; }
img { max-width:100%!important; }
@page { margin:.5cm; }
p,h2,h3 { orphans:3; widows:3; }
h2,h3 { page-break-after:avoid; 

}

/* Custom */
.socialmedia {padding-bottom: 20px;}
.facebook {width: 50px;}
.box-header { border:1px solid #ccc; color:#5f5d5d; height:44px; margin:0 10px; background:url(/images/header-bg.jpg) repeat-x; line-height:44px; padding-left: 20px; display: block; font-family: Helvetica, Arial, sans-serif;
font-size: 1.5em; letter-spacing: -.06em; font-weight: normal;}
.box-header img { margin-left: -10px; padding-right: 6px;}
.fb-like {width: 50px !important; height: 10px !important;}
#Option_1 {max-width: 100%;}
.RichSnippet {color: white;}
select,textarea { font-size:100%; margin:0; vertical-align:baseline; vertical-align:middle; width:180px; }
.ads {text-align: center;}

/* NEW */
body {width: 90%;}
.container {width: 75%: margin: auto; color: #3b3b3b;}
.header {width: 50%;}
article {width: 50%;}
section#left {width: 20%;}
section#right {width: 25%;}
.box h2 {letter-spacing: 0; font-size: 100%;}

/* Padding Top */ 
.pt-2 {padding-top:20px;}
.pt-1 {padding-top:10px}

.pl-1px {padding-left: 10px;}
