/* RESET CSS */
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, a, 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; }

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

input, select, textarea, file { vertical-align: top; background: #fff; border: 1px solid; }

blockquote, q { quotes: none; }

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

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; }

/* END RESET CSS */
body { line-height: 1; font-family: Arial, sans-serif; background: transparent url(../images/bg.jpg) repeat-x top left; }


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


input, select { vertical-align: middle; }

h1, h2, h3 { font-weight: normal; /* text-rendering: optimizeLegibility; */ }

label, input[type=button], input[type=submit], button { cursor: pointer; }

input { -webkit-appearance: none; }

ul { list-style-type: none; margin: 0; }

.clear {clear:both}

#wrapper-outer {width: 917px; margin: 0 auto;  }
#wrapper {background: transparent url(../images/bg-main.png) 0 0 repeat-y; font-family: arial, sans-serif; float:left; position:relative}
#wrapper #header {height: 210px; float:left; width:100%; position:relative}
#wrapper #header h1 span {display:none;}
#wrapper #header h1 a {display:block; background: transparent url(../images/logo.png) 0 0 no-repeat; width: 184px; height: 60px; float:left; margin: 60px 0 0 20px  }
#wrapper #topimages {float:right; margin: 18px 20px 0 0}
#wrapper #nav { width:220px; float:left}
#wrapper #nav ul {list-style-type:none; margin:30px 0 0 25px; padding:0}
#wrapper #nav ul li a {display: block; color: #3c3721; text-transform: uppercase; text-decoration: none; font-size: 14px; height: 25px; background: transparent url(../images/bullet-point.jpg) 4px 13px no-repeat; padding: 10px 0 0 18px}
#wrapper #nav ul li a:hover {background-color: #e2e0e1}
#wrapper #nav ul li a.current {background: #e2e0e1 url(../images/bullet-point-current.jpg) 4px 13px no-repeat; }
#wrapper #nav ul #sub-nav {margin:0; }
#wrapper #nav ul #sub-nav li a { padding-left: 30px; font-size: 11px; background-image: none; color: #0c6498 }
#wrapper #content {width: 695px; float: right;  color: #000; margin-bottom: 100px}
#wrapper #content h2 {font-size: 23px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal; font-family: 'Pontano Sans', arial, sans-serif}
#wrapper #content h3 {font-size: 15px; margin-bottom: 7px; font-weight: normal; color: #0c6498;font-family: 'Pontano Sans', arial, sans-serif }
#wrapper #content ul {margin: 10px 0 20px 0; font-size: 13px;}
#wrapper #content ul li {display: block; margin-bottom: 5px; line-height: 20px; background: transparent url(../images/bullet-point.jpg) 0 8px no-repeat; padding: 0 0 0 18px}
#wrapper #content p { margin-bottom: 14px; font-size: 13px;  line-height: 20px; text-align:justify}
#wrapper #content a {color: #0c6498; text-decoration:none}
#wrapper #content #content-inner {width: 650px}

#wrapper #content #benefit-copy img {margin: 0 0 15px 100px}
#wrapper #content .left {float: left; width: 320px; margin-bottom: 30px }
#wrapper #content .right {float: right; width: 320px;  margin-right: 30px; margin-bottom: 30px  }
#wrapper #content .mid {clear:both; width: 100% }
#wrapper #content .logo {float:left;} 
#wrapper #content #left-content {float:left; width: 330px; }
#wrapper #content #right-content {float:right; width: 320px; margin-right: 30px; }
#wrapper #content #left-content img {margin-bottom: 70px}
#wrapper #content #contact { width: 600px; position: relative; float:left; border-top: 1px solid #f2f3f3; margin-left: 30px; padding-top: 20px }
#wrapper #content #contact .blue {color: #0c6498}
#wrapper #content #contact label {width: 180px; display: block; float: left}
#wrapper #content #contact .enquire {width: 180px; display: block; float:left; height: 220px;}
#wrapper #content #contact .form-bot {clear:both}
#wrapper #content #contact textarea {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #888888; color: #222222; margin: 0 5px 0 0; padding: 3px 4px;}
#wrapper #content #contact .submit {background-color: #0c6498; border: none; color: #fff}
#wrapper #content #contact checkbox {border:none}
#wrapper #content .notactive { background: transparent url(../images/bt-find-out.png) top left no-repeat; width: 139px; height: 25px; display:block}
#wrapper #content .active { background: transparent url(../images/bt-find-out.png) top right no-repeat; width: 139px; height: 25px; display:block}
#wrapper #content .notactive span, #wrapper #content .active span {display:none}
#wrapper #content .expanded, #wrapper #content .expanded2, #wrapper #content .expanded3, #wrapper #content .expanded4, #wrapper #content .expanded5, #wrapper #content .expanded6 {display:none}
#wrapper #footer {width: 898px; margin: 0 10px 0 12px; background-color: #e2e2e2; height: 120px; position: relative; float:left; bottom: 0 }
#wrapper #footer #footer-inner {font-size: 12px; margin: 60px 0 0 20px; line-height: 20px;  color: #3c3721;}
#wrapper #footer #footer-inner a {color: #3c3721; text-decoration: none}