@charset "UTF-8";
/* CSS Document */
/* build for ######## by Creare */
/* reset */
* { margin: 0; padding:0; }
body { font-family: 'PT Sans', sans-serif; font-weight: 300; }
p { font-size:.85em; font-family: 'PT Sans', sans-serif; color:#363636; margin:0 0 15px 0 }
img, img a { outline: none; border: none; }
ul { list-style:none }
a { color:#0041ff; text-decoration:none }
/* type + classes */
h1, h2, h3, .bluehead { color:#363636; font-family: 'PT Sans', sans-serif; line-height:33px; text-transform:uppercase; font-size:1.8em }
h2 { font-size:0.9em; margin:0 0 10px 0 }
h3 { font-size:1.2em; margin:0 0 10px 0 }
.numbers { font-size:1.5em; margin:0; }
.heavier { font-weight:bold; font-size:0.9em; margin:0 0 20px 0 }
.bluehead { color:#009aff; font-size:1.7em; margin:0 0 15px 0 }
.smallo { font-size:0.69em; line-height:13px }
.lighty { color:#00cbff; font-size:0.75em; position:absolute; top:7px; right:150px }
.darker { color:#0039ff; font-size:0.75em }
.cont h1 { font-size:1.4em }
h2.cent { text-align:center; margin:10px 0 0 0 }
/* header */

#numberwrap { width:100% }
#number { width:960px; margin:0 auto; text-align:right; padding:5px 0 0 0; position:relative; z-index:10000 }
#number a	{ color:#363636; margin:0 0 0 6px}
#topwrapper { height:505px; background:url(images/bg.jpg) repeat-x; width:100%; position:relative; z-index:10000 }
#header { width:960px; margin:0 auto; position:relative }
#logo { position:absolute; left:15px; top:-27px; z-index:5000; padding:0 5px 0 10px; height:70px; background:#FFF }
#logob { position:absolute; left:20px; top:-27px; z-index:5000; padding:0 5px 0 10px ; height:70px; background:#FFF; width:180px	 }
#logyo	{ z-index:1000}
nav { position:absolute; top:45px; right:0px; z-index:10000 }
nav ul { z-index:10000 }
nav li { display:inline-block; float:left; margin:0 10px 0 0; z-index:10000 }
nav li a { background:#FFF; color:#363636; padding:5px 13px; display:block; text-decoration:none; outline: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index:10000 }
nav li a:hover { background:#ececec; }
.last { margin:0 }

#addo	{ position:absolute; bottom:-6px; right:0; z-index:1000}
/* jQuery */

#jqwrap { height:454px; width:960px; margin:0px auto; z-index:-1 }
#fade { height:454px; position:relative; }
#fade IMG { position:absolute; left:0; z-index:8; }
#fade IMG.active { z-index:10; }
#fade IMG.last-active { z-index:9; }
#fade #logob img	{ left:auto}
/*Tabs*/

#tabswrap { width:100%; overflow:hidden; border-bottom:2px solid #FFF; -moz-box-shadow: 0 -2px 4px 1px #C7C7C7 inset; -webkit-box-shadow: 0 -2px 4px 1px #C7C7C7 inset; box-shadow:0 -2px 4px 1px #C7C7C7 inset }
#tabs { background:url(images/bgtabs.jpg) no-repeat; width:960px; height:280px; margin:0 auto }
#tabs ul { overflow:hidden; padding:70px 0px 0 0px; width:860px; margin:0 0 0 55px }
#tabs li { display:inline-block; float:left; text-align:center; font-family: 'PT Sans', sans-serif; margin:0 0 0 40px }
#tabs li a { display:block }
#tabs li a:hover { }
#tabs li img { -moz-box-shadow:0 0px 6px 0px #282828; -webkit-box-shadow:0 0px 6px 0px #282828; box-shadow:0 0px 6px 0px #282828; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border:3px solid #FFF }
#tabs li img:hover { -moz-box-shadow:0 0px 10px 0px #282828; -webkit-box-shadow:0 0px 10px 0px #282828; box-shadow:0 0px 10px 0px #282828; }
#tabs li h4 a { color:#363636; font-size:1.1em }
#tabs li h4 a:hover { text-decoration:underline }
.span-text { color: #0040FF; margin: -3px 0 0 0; display: block; font-size: 0.8em; }

/*Logos*/
#logos { position:relative; height:51px; width:960px; margin:0 auto  }
#logos ul	{ position:absolute; bottom:0; right:0}
#logos li	{ }
#logos li.qmb a img { position:absolute; right:0; bottom:8px; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
#logos li.para a img { position:absolute; right:83px; bottom:8px; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
#logos li.zod a img { position:absolute; right:160px; bottom:8px; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
#logos li.bls a img { position:absolute; right:200px; bottom:8px; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }

#logos li a img.top:hover { opacity:0; }
/* content */


#contentwrap { width:100%; overflow:hidden; -moz-box-shadow:0 0px 6px 0px #C7C7C7 inset; -webkit-box-shadow:0 0px 6px 0px #C7C7C7 inset; box-shadow:0 0px 6px 0px #C7C7C7 inset; border-top:2px solid #FFF; border-bottom:2px solid #FFF; background:#ececec }
#main { width:960px; margin:0 auto; padding:0 0 70px 0; overflow:hidden; position:relative }
#mainleft { float:left; width:600px; padding:0 15px 0 0; margin:40px 0 0 0 }
#mainright { float:right; width:320px; margin:85px 0 0 0 }
#headbox { background:url(images/bghead.jpg) no-repeat; height:100px; padding:5px 0 0 0; margin:0 0 22px 0 }
#smallform { border:20px solid #363636; padding:6px 5px 3px 5px; position:relative; height:357px }
#smallform li { position:relative; font-family: 'PT Sans', sans-serif; font-size:1.1em; text-transform:uppercase; margin:0 0 6px 0 }
#smallform li.blues { color:#009aff }
.checky { position:absolute; right:0px; top:4px }
input { border:none; border-bottom:1px solid #363636; width:162px; background:#ECECEC; float:right }
input.checky { width:80px }
.textfield { position:absolute; left:-13px; bottom:15px; width:300px; -moz-box-shadow:0 0px 6px 0px #363636; -webkit-box-shadow:0 0px 6px 0px #363636; box-shadow:0 0px 6px 0px #363636; resize:none }
#smallform ul.greys li { margin:0 }
ul.greys { margin:0 0 9px }
.send-enquiry { background:#363636; font-family: 'PT Sans', sans-serif; font-size:1.2em; color:#FFF; text-decoration:none; height:34px; width:64px; border:1px solid #FFF; position:absolute; bottom:-11px; right:-12px; -moz-box-shadow:0 0px 6px 0px #363636; -webkit-box-shadow:0 0px 6px 0px #363636; box-shadow:0 0px 6px 0px #363636 }
.send-enquiry-hover { background:#363636; font-family: 'PT Sans', sans-serif; font-size:1.2em; color:#FFF; text-decoration:none; height:34px; width:64px; border:2px solid #FFF; position:absolute; bottom:-11px; right:-12px; -moz-box-shadow:0 0px 6px 0px #363636; -webkit-box-shadow:0 0px 6px 0px #363636; box-shadow:0 0px 6px 0px #363636 }
/*contact page*/

.tickredbox { width:960px; margin:100px auto 100px; background:#fbdacd; height:120px; padding:0 0 0 25px }
.tickyellowbox { width:960px; margin:100px auto 100px; background:#e9fcca; height:120px; padding:0 0 0 25px }
center { height:100px; padding:50px 0 0 0 }
.bottom-style { background:#000 }
.bottom-style li { display:inline }
.bottom-style li a { color:#333 }
/*Gallery*/

#headerwrap { width:100%; overflow:hidden }
#headerb { width:960px; height:170px; margin:0 auto; position:relative }
#gallogo { height:160px; width:180px; float:left; margin:9px 0 0 25px }
#headright { width:450px; float:right; overflow:hidden; height:170px }
.gal #number, .cont #number { width:auto }
.gal #jqwrap, .cont #number { height:auto; overflow:hidden }
.gal #topwrapper { height:auto; background:url(images/bg.jpg) 0 194px repeat-x }
#nav { position:absolute; top:81px; right:-10px; z-index:2000 }
#nav ul { }
#nav li { display:inline-block; float:left; margin:0 10px 0 0 }
#nav li a { background:#FFF; color:#363636; padding:5px 13px; display:block; text-decoration:none; outline: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#nav li a:hover { background:#ececec; }
#container { width:960px; margin:0px auto 20px; overflow:hidden }
a.play, a.prev, a.next { border: 1px solid #777; padding: 5px 0 5px 9px; font-size:0.7em }
a.prev { margin:0 5px 0 0 }
div.content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display: none; float: right; width: 575px; }
div.content a, div.navigation a { text-decoration: none; color: #777; }
div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; }
div.controls { margin-top: 5px; height: 23px; width:563px }
div.controls a { padding: 5px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }
div.slideshow-container { position: relative; clear: both; height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */ }
div.loader { position: absolute; top: 0; left: 0; background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ }
div.slideshow { }
div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
div.slideshow a.advance-link { display: block; width: 551px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align: center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
div.slideshow img { vertical-align: middle; border: 3px solid #363636; }
div.download { float: right; }
div.caption-container { position: relative; clear: left; height: 130px; }
span.image-caption { display: block; position: absolute; width: 550px; top: 0; left: 0; }
div.caption { padding: 12px; }
div.image-title { font-weight: bold; font-size: 1.4em; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }
div.navigation { border:1px solid #777; padding:5px 0 5px 9px; background:url(images/bggal.gif) repeat;/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ }
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }
a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb { background: #000; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; }
div.pagination { clear: both; }
div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
div.pagination a:hover { background-color: #eee; text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }
/* footer */

#footerwrap { width:100%; background:url(images/bgfoot.jpg) repeat-x; height:365px; padding:25px 0 0 0 }
#footer { width:960px; margin:0 auto; overflow:hidden; position:relative; height:360px }
#foottop { width:960px; overflow:hidden }
#footleft { background:url(images/bgquote.jpg) no-repeat; width:317px; height:230px; float:left; position:relative }
#footleft li { padding:25px 45px 0 53px }
#footleft li p { color:#FFF; font-size:1.4em; line-height:23px }
#footleft p a { background:#363636; font-family: 'PT Sans', sans-serif; font-size:1.6em; color:#FFF; text-decoration:none; width:64px; border:1px solid #FFF; position:absolute; bottom:0px; left:0px; -moz-box-shadow:0 0px 6px 0px #363636; -webkit-box-shadow:0 0px 6px 0px #363636; box-shadow:0 0px 6px 0px #363636; text-align:center; padding:1px 0 0 0 }
#footleft p a:hover { background:#363636; font-family: 'PT Sans', sans-serif; font-size:1.6em; color:#FFF; text-decoration:none; width:64px; border:2px solid #FFF; position:absolute; bottom:0px; left:0px; -moz-box-shadow:0 0px 6px 0px #363636; -webkit-box-shadow:0 0px 6px 0px #363636; box-shadow:0 0px 6px 0px #363636; text-align:center; padding:1px 0 0 0 }
#footright { width:555px; margin:15px 0 0 0; float:right; position:relative; height:200px }
#footright ul { border:20px solid #363636; background:#FFF }
#footright li { padding:5px 10px 10px 10px; height:75px }
#footright li p { margin:0; line-height:16px }
#footright h4 a { font-family: 'PT Sans', sans-serif; text-decoration:none; color:#363636; font-weight:100; font-size:1.3em }
#footright p a { background:#363636; font-family: 'PT Sans', sans-serif; font-size:1.1em; color:#FFF; text-decoration:none; border:1px solid #FFF; position:absolute; bottom:7px; right:10px; -moz-box-shadow:0 0px 6px 0px #363636; -webkit-box-shadow:0 0px 6px 0px #363636; box-shadow:0 0px 6px 0px #363636; text-align:center; padding:3px 5px }
#footright p a:hover { background:#363636; font-family: 'PT Sans', sans-serif; font-size:1.1em; color:#FFF; text-decoration:none;  border:2px solid #FFF; position:absolute; bottom:7px; right:10px; -moz-box-shadow:0 0px 6px 0px #363636; -webkit-box-shadow:0 0px 6px 0px #363636; box-shadow:0 0px 6px 0px #363636; text-align:center; padding:3px 5px }
#footerbottom	{ width:960px; overflow:hidden; height:113px; position:relative}
#footbot { width:745px; position:absolute; top:37px; background:url(images/bgfootbot.jpg) repeat-x; right:25px }
#footbot ul.one { overflow:hidden; padding:3px 0 0 90px }

#footbot li { display:inline-block; float:left; margin:0 13px 0 0; font-size:0.9em }
#footbot li a { display:block; color:#FFF; text-decoration:none }
#footbot li a:hover { text-decoration:underline }
#footbotbot		{ width:960px; position:absolute; bottom:27px; left:0}
#footbotbot ul.two { overflow:hidden;  }
#footbotbot ul.two li { font-size:0.69em; color:#555; float:left; margin:0 7px 0 0 }
#footbotbot ul.two li a { color:#555; display:inline; text-decoration:underline }

ul.bottom-style li a	{ color:#555}

#address	{ position:absolute; bottom:0px; left:0}
#address ul	{}
#address li { display:inline-block; float:left; font-size:0.69em; color:#555; margin:0 5px 0 0}

/*Contact*/

/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/

#lefto { width:430px; float:left; overflow:hidden; padding:15px 0 0 0 }
#righto { width:502px; float:right; overflow:hidden; position:relative; padding:70px 0 0 0 }
#righto ul { margin:48px 0 }
#righto li { font-size:.85em; font-family: 'PT Sans', sans-serif; color:#363636; margin:0 0 3px 0 }
.yep { font-weight:600; display:inline-block; width:75px }
#righto iframe { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border:1px solid #CCC }
#nodive		{ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border:1px solid #CCC; background:url(images/nodive.jpg) no-repeat; width:500px; height:300px }
#righto fieldset { padding:20px; border:1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
#contactus fieldset { margin:30px 0 0 0; width:320px; padding:20px; border:1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
#contactus legend, h2 { font-family : Arial, sans-serif; font-size: 1.3em; font-weight:bold; color:#333; }
#contactus label { font-family : Arial, sans-serif; font-size:0.8em; font-weight: bold; }
#contactus input[type="text"], #contactus input[type="tel"], #contactus input[type="email"], textarea { font-family : Arial, Verdana, sans-serif; font-size: 0.8em; line-height:140%; color : #000; padding : 3px; border : 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#contactus input[type="text"], #contactus input[type="tel"], #contactus input[type="email"] { height:18px; width:220px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#contactus #scaptcha { width:60px; height:18px; }
#contactus input[type="submit"] { width:100px; height:30px; padding-left:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#contactus textarea { height:120px; width:310px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#contactus input[type="text"]:focus, #contactus input[type="tel"]:focus, #contactus input[type="email"]:focus, textarea:focus { color : #009; border : 1px solid #990000; background-color : #afefff; font-weight:bold; }
#contactus .container { margin-top:8px; margin-bottom: 10px; }
#contactus .error { font-family: Verdana, Arial, sans-serif; font-size: 0.6em; color: #900; background-color : #ffff00; float:right }
#contactus fieldset#antispam { padding:2px; border-top:1px solid #EEE; border-left:0; border-right:0; border-bottom:0; width:350px; }
#contactus fieldset#antispam legend { font-family : Arial, sans-serif; font-size: 0.8em; font-weight:bold; color:#333; }
#contactus .short_explanation { font-family : Arial, sans-serif; font-size: 0.6em; color:#333; }
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip { display:none; width:10px; height:3px; }
#fg_crdiv { font-family : Arial, sans-serif; font-size: 0.3em; opacity: .2; -moz-opacity: .2; filter: alpha(opacity=20); }
#fg_crdiv p { display:none; }
.cont #topwrapper { height:689px; background:url(images/bg.jpg) 0 180px repeat-x }
#contactus input.smallinput[type="text"], #contactus input.smallinput[type="tel"], #contactus input.smallinput[type="email"] { height:18px; width:190px; border-radius:1px; border:none; border-bottom:1px solid }
#contactus input.send-enquiry[type="submit"] { width:100px; height:34px; width:64px; padding-left:0px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px; position:absolute; bottom:-8px; right:0px; }
#contactus input.send-enquiry-hover[type="submit"] { width:100px; height:34px; width:64px; padding-left:0px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px; position:absolute; bottom:-8px; right:0px; }
#contactus textarea.textfield { height: 120px; width: 298px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.mappage	{ margin:0; font-weight:bold; text-transform:uppercase}

/*Wordpress*/

#wp #topwrapper { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e6fcff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6fcff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e6fcff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e6fcff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e6fcff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e6fcff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6fcff', GradientType=0 ); /* IE6-9 */
height:auto }
#wp #number { width:auto; }
#wp .lighty { right:148px }
#wp #lefto { width:655px; min-height:400px }
#wp #righto { width:242px; padding:15px 0 0 0;  }
#secondary ul { margin:5px 0 15px 0 }
h1.page-title { font-size:0.9em; margin:0 0 23px 0; border-bottom:5px solid; line-height:15px }
#wp #container { padding:15px 0 0 0; position:relative }
h1.entry-title { width:auto; font-size:1.4em }
h1.entry-title a, .entry-meta { color:#363636 }
.entry-meta { font-size:0.75em; color:#7a7a7a }
#wp footer.entry-meta { height:auto }
.post { border-bottom:2px solid #363636; margin:0 0 25px 0; background:#FFF; padding:3px 5px 5px 10px }
.post img { }
.entry-content p img { -moz-box-shadow:0 0px 6px 0px #282828; -webkit-box-shadow:0 0px 6px 0px #282828; box-shadow:0 0px 6px 0px #282828; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border:3px solid #FFF; margin:0px }
.entry-content p img:hover { -moz-box-shadow:0 0px 10px 0px #282828; -webkit-box-shadow:0 0px 10px 0px #282828; box-shadow:0 0px 10px 0px #282828; }
.attachment { width:auto }
.entry-attachment { width:555px }
nav#nav-single { position:relative; top:0; border-bottom:5px solid }
header.entry-header { width:auto }
.entry-content { width:auto; margin:25px 0 30px 0 }
#nav-single a { color:#bfbfbf; font-size:0.75em; margin:3px 0 0 0 }
.nav-previous { margin:0 38px 0 0 }
#nav-single { margin:0 0 20px 0 }
.assistive-text, .widget-title { color:#363636 }
#righto li { line-height:14px; margin:0 0 9px 0  }
#wp #righto { text-align:right; margin:0 0 10px 718px; position:fixed;  }
.entry-content p { margin:15px 0 0 15px }
#wp nav	{ position:relative; top:auto; margin:0 0 15px 0 }
#nav-above .assistive-text, #nav-below .assistive-text	{ color:#ececec; margin:0; line-height:10px}
#wp #righto li a 	{ text-decoration:underline}

.fouro	{ margin:58px 0 0 0; list-style:circle}
.fouro li	{ margin:0 0 7px 17px}
.fouro li a	{ color:#363636; text-transform:uppercase; font-size:1.1em}
.fouro li a:hover	{ text-decoration:underline}