@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
body,html {  width: 100%;  height: 100%;  margin: 0;  padding: 0; background-color:#fff; font-family: 'Open Sans', sans-serif; }
ol, ul {	list-style: none;}
h1 {  font-size:1.4em; margin:0px;color:#000000; letter-spacing:-1px; font-weight:600; line-height:1.1em}
h2 { font-size:1.1em; margin:0px;color:#000000; letter-spacing:-1px; font-weight:600; }
h2.blog { font-weight:400; font-size:1.1em; margin:0px;color:#333; letter-spacing:-1px; }
h3 { font-weight:400; font-size:1.1em; margin:10px 0 0 0 ; color:#333; letter-spacing:-1px; }
h4 { font-weight:400; font-size:1.2em; margin:10px 0 0 0 ; color:#333; letter-spacing:-1px; }
hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:20px 0 20px 0}
.spacer {padding-top:24px;}
p{ color:#FFF; font-size:0.9em; margin:15px 0 0px 0}
td{ color:#333; font-size:0.9em;}

#preloader {
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background:#fff url(images/loading-exc.gif) no-repeat center center;
	background-size:30%;
	opacity:0.9;
}

#showfeedback {width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0; z-index: 99999;      background-color:rgba(0,0,0,0.6);}
#showfeedback .inner {position:relative;width:322px; height:auto; margin: 300px auto 0px; padding:30px;background-color:#ffffff;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#showfeedback .inner a.close{ cursor:pointer; display:block; position:absolute; top:-20px; right:-20px;background-color:#a6a6a6; width:40px; height:40px; font-weight:700; font-size:1.6em;text-align:center; line-height:40px;text-decoration:none; color:#000;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);}



.left {float:left; }
.right {float:right; }
.half { width:48.5%; height:auto; }

.clear {clear:both; }

.holder {margin:0px auto; max-width:960px; position:relative; z-index:11;}
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}
.fullholder {width:100%;}
.fullholder .holder {margin:0px auto 0;}

#header { width:100%;  position:relative; z-index:9999; 

background: #a6a6a6; 
background: -moz-linear-gradient(left, #a6a6a6 50%, #a6a6a6 50%, #000000 50%);
background: -webkit-gradient(linear, left top, right top, color-stop(50%,#a6a6a6), color-stop(50%,#a6a6a6), color-stop(50%,#000000));
background: -webkit-linear-gradient(left, #a6a6a6 50%,#a6a6a6 50%,#000000 50%); 
background: -ms-linear-gradient(left, #a6a6a6 50%,#a6a6a6 50%,#000000 50%); 
background: linear-gradient(to right, #a6a6a6 50%,#a6a6a6 50%,#000000 50%); 


}
#header .holder {	background-color:#000;	}
#header .logo { float:left; width:20%; margin-right:0;height:auto;margin-top:0px;margin-bottom:-5px; position:relative; z-index:999;}
#header .logo span {display:none}
#header .logo img{  height:100%; width:auto;}
#header .info {float:right; width:65%; text-align:right; height:18px; color:#fff; font-weight:700; font-size:0.9em; line-height:1.3em; margin:20px 0 6px 0; position:relative; z-index:999;}
#header .info a { text-decoration:none; line-height:20px; }
#header .info a:hover { color: #eeeeee!important; }
.email-contact-h{float:right; color: #a6a6a6!important;height:20px; background: transparent url(images/email-icon.png) no-repeat 0px 0px;  background-size:contain; padding-left:29px;  margin-right:13px;}
.phone-contact-h {float:right; color: #a6a6a6!important;height:20px;background: transparent  url(images/phone-icon.png) no-repeat 0px 0px; background-size:contain;padding-left:28px;  margin-right:13px;}
.login-contact-h {float:right; color: #a6a6a6!important;height:20px;background: transparent  url(images/login-icon.png) no-repeat 0px 0px; background-size:contain;padding-left:25px;}
.logout-contact-h {float:right; color: #a6a6a6!important;height:20px;background: transparent  url(images/logouticon.png) no-repeat 0px 0px; background-size:contain;padding-left:25px;margin-left:10px;}

.email-contact{float:left; height:29px; background: transparent url(images/email-icon.png) no-repeat 0px -2px; padding-left:40px; font-weight:400 !important;}
.phone-contact {float:right; height:29px;background: transparent  url(images/phone-icon.png) no-repeat 0px -2px; padding-left:40px; font-weight:400 !important;}

/*FLEX CAROUSEL */
.flexslider {clear:both;}
.flexslider .slides li {    position:relative; height:360px; background-size:cover; }

.flex-caption {text-align:left;  position:absolute;    top:246px; left:0;right:0; bottom:0;   z-index:1; padding:0px; background:;}

.flex-title {text-align:left;color:#fff;text-shadow: 1px 1px 7px #000000;
font-family: 'Open Sans', sans-serif; font-weight:600;   font-size:2.6em; font-weight:600; line-height:100%;letter-spacing:-3px;
position:relative; width:100%; height:46px;    background:;    z-index:1; padding:0px;
-webkit-animation: slideIn;animation: slideIn;-webkit-animation-duration: 1s;animation-duration: 1s;
}
.flex-strapline {color:#fff;text-shadow: 1px 1px 7px #000000;
font-family: 'Open Sans', sans-serif;  margin-top:0px;font-size:1.7em; font-weight:600; line-height:100%; letter-spacing:-2px;
position:relative; width:100%; height:32px;   background:; z-index:1; padding:0px;
-webkit-animation: slideIn2;animation: slideIn2;-webkit-animation-duration: 1s;animation-duration: 1s;
}

/*@-webkit-keyframes slideIn {    0% { left: -20px; opacity: 0;		}    100% { left: 0; opacity: 1;    }}
@keyframes slideIn {		    0% { left: -20px; opacity: 0; 		}    100% { left: 0; opacity: 1; 	}}
@-webkit-keyframes slideIn2 {   0% { right: -20px; opacity: 0;     	}	 100% { right: 0; opacity: 1;    }}
@keyframes slideIn2 {		    0% { right: -20px; opacity: 0; 		}    100% {right: 0; opacity: 1; 	}}*/
/*FLEX CAROUSEL */







#searchswitch{display:none !important; }

#topsearch {float:right; width:298px; height:312px; background-color:#ffffff; background-color:rgba(255,255,255,0.5); border-radius:8px; margin:-350px auto 0px auto; }
#topsearch fieldset { clear:both; border:0px; margin:0px 0 0 0; padding:20px;  font-size:1em;}
#topsearch fieldset label {float:left;width:85px; margin:0px 0 16px; height:25px; font-size:0.9em; font-weight:700; }
#topsearch fieldset label.long {width:auto; margin:0px 0 3px; }
#topsearch fieldset input {float:left;width:170px; margin:0px 0 16px; background-color: rgba(255, 255, 255, 0.8); border:0px; height:25px; text-indent:4px;
box-shadow: 0 0 6px 0px #999;font-family: 'Open Sans', sans-serif;font-size: 0.8em;border-radius: 7px;}
#topsearch fieldset input[type=radio] { clear:both;float:left;width:auto; margin:-2px 6px -5px 0; background-color: transparent; box-shadow:none !important;}
#topsearch fieldset select {float:left;width:171px; margin:0px 0 16px 0px; background-color: rgba(255, 255, 255, 0.8); border:0px; height:25px; font-size:0.8em;
box-shadow: 0 0 6px 0px #999;font-family: 'Open Sans', sans-serif;border-radius: 7px;}
#topsearch fieldset button {clear:both;float:left;width:100%; margin:0px 0px 0 0; padding:3px 0; background-color:#000000;color:#ffffff; border:0px; font-size:0.9em;  font-weight:700; border-radius:5px}

.register, .howarewe, .latest{	position:relative; border-radius:8px; margin:0 0 35px 0 ; padding:6px 15px 15px 15px;  -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; }

.register{
height:178px;
background: #b4b4b4; 
background: -moz-linear-gradient(top, #b4b4b4 1%, #a6a6a6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b4b4b4), color-stop(100%,#a6a6a6));
background: -webkit-linear-gradient(top, #b4b4b4 1%,#a6a6a6 100%); 
background: -ms-linear-gradient(top, #b4b4b4 1%,#a6a6a6 100%); 
background: linear-gradient(to bottom, #b4b4b4 1%,#a6a6a6 100%); 
}

.howarewe{
height:178px;
background: #535353; 
background: -moz-linear-gradient(top, #535353 1%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#535353), color-stop(100%,#333333));
background: -webkit-linear-gradient(top, #535353 1%,#333333 100%); 
background: -ms-linear-gradient(top, #535353 1%,#333333 100%); 
background: linear-gradient(to bottom, #535353 1%,#333333 100%); 
}


.howarewe .qm {color:#fff; font-size:2.2em; line-height:1.1em;  text-align:center; padding-top:20px;height:100%; width:100%;background-image:url(images/quotemarks-bg.png); background-size:100% 100%}
.howarewe a{ font-weight:400 !important; text-decoration:none!important}
.latest .qm {color:#000; font-size:1.1em; line-height:1.1em; text-align:center; margin:0px 0 0 0; padding:20px 3% 0 3%; height:100%; width:94%;background-image:url(images/quotemarks-bg.png); background-size:100% 70%; background-repeat:no-repeat}
.latest h2 {height:36px; font-size:1.35em; font-weight:600; background:url(../images/twitter-logo-black.png) no-repeat; text-indent:52px;  }

.latest{
	position:relative;
height:226px;
background: #bfbfbf; 
background: -moz-linear-gradient(top, #bfbfbf 1%, #a6a6a6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#bfbfbf), color-stop(100%,#a6a6a6));
background: -webkit-linear-gradient(top, #bfbfbf 1%,#a6a6a6 100%); 
background: -ms-linear-gradient(top, #bfbfbf 1%,#a6a6a6 100%); 
background: linear-gradient(to bottom, #bfbfbf 1%,#a6a6a6 100%); 
padding-top:20px;
}


.latest:before {	content:"";	position:absolute;	bottom:-30px;	right:200px;	border-width:0 0 30px 50px;	border-style:solid;	border-color:transparent #a6a6a6;    /* reduce the damage in FF3.0 */    display:block;     width:0;}
.latest:after {	content:"";	position:absolute;	bottom:-30px;	right:240px; 	border-width:0 0 30px 10px;	border-style:solid;	border-color:transparent #fff;    /* reduce the damage in FF3.0 */    display:block;   width:0;}

.register fieldset { clear:both; border:0px; margin:10px 0 0 0; padding:5px;  font-size:1em;}
.register fieldset label {float:left;width:33%; margin:0px 0 14px; height:25px; font-size:0.9em; font-weight:700; color:#000000 }
.register fieldset input {float:left;width:66%; margin:0px 0 14px; background-color: rgba(255, 255, 255, 0.8); border:0px; height:25px; text-indent:4px;box-shadow: 0 0 6px 0px #444;font-family: 'Open Sans', sans-serif;font-size: 0.8em;border-radius: 7px;}
.register fieldset button {clear:both;float:left;width:100%; margin:0px 0px 0 0; padding:3px 0;color:#ffffff; border:0px; font-size:0.9em;  font-weight:700; border-radius:5px;}
.register h2 { font-size:1.35em; font-weight:600}








.blog {text-align:left !important; } 
.box1, .box2 {float:left; width:31%; margin-right:3.5%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.box2 {margin-right:0%;}
.box1 img, .box2 img,.box3 img, .box4 img{width:100%; }
.box3, .box4 {float:left; width:45%; margin-right:5%; margin-bottom:0%; height:auto; }
.box3 h2, .box4 h2 {width:100%; margin:3% 0 -2% 0; text-align:center !important}
.box3 p, .box4 p {width:100%; text-align:center !important}
.box4 {float:left; width:45%; margin-right:0%; margin-bottom:0%; height:auto; }

a.btn, a.btn2 { font-weight:bold; background-color:#F8E01A; color:#000; font-size:1.05em;  margin:10px auto 20px;text-align:center; text-decoration:none; display:block;  width:60%; padding:2.5% 0px 3%;  -webkit-transition-property:color, text; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in;-moz-transition-property:color, text; -moz-transition-duration:0.3s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:color, text; -o-transition-duration:0.3s; -o-transition-timing-function: linear, ease-in;transition-property:color, text; transition-duration:0.3s; transition-timing-function: linear, ease-in;}  
a.btn:hover, a.btn2:hover {background: #000 ;color:#F8E01A; !important;  text-decoration:none !important; }
a.btn2 {background-color:#ccc; color:#333}


#hpoptions {background-color: #fff; padding-top:3%; }
#hpoptions.fullholder .box1, #hpoptions.fullholder .box2{position:relative;   margin-top:0px; padding:1px 1px; font-size:1.0em;  letter-spacing: -1px; -webkit-transition-property:color, text; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in; transition-property:color, text; transition-duration:0.3s; transition-timing-function: linear, ease-in;}
#hpoptions.fullholder .box1{width:47.5%;margin-right:5%;}
#hpoptions.fullholder .box2{width:47.5%;margin-right:0%;}

#hpoptions.fullholder .box1 h2, #hpoptions.fullholder .box2 h2{ padding:0; font-weight:600; }
#hpoptions.fullholder .box1:hover h2, #hpoptions.fullholder .box2:hover h2{     color:#555;}
#hpoptions.fullholder img {border-radius:8px;}




#basefooter {clear:both; width:100%;   color:#666;  background: #cccccc; 
background: -moz-linear-gradient(top, #cccccc 2%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#cccccc), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #cccccc 2%,#eeeeee 100%); 
background: -ms-linear-gradient(top, #cccccc 2%,#eeeeee 100%); 
background: linear-gradient(to bottom, #cccccc 2%,#eeeeee 100%); 
}
#basefooter .box1,#basefooter .box2 {margin-top:10px;margin-bottom:10px;padding-bottom:0px; text-align:center}
#basefooter .holder { font-size:12px; line-height:150%; font-weight:normal; margin:15px auto 0px; padding:5px 0}
#basefooter .icons {float:right;width:50%; margin:-20px 0 32px 0 ; }
#basefooter .icons .icon {float:right;width:20px; height:20px !important;background-color:#D1CFD0; padding:5px;  border-radius:5px;}


#contactfooter {clear:both; width:100%;   color:#000; background: #595959; 
background: -moz-linear-gradient(top, #595959 1%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#595959), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #595959 1%,#000000 100%); 
background: -ms-linear-gradient(top, #595959 1%,#000000 100%); 
background: linear-gradient(to bottom, #595959 1%,#000000 100%); 
 color:#fff; }
#contactfooter .box1,#contactfooter .box2 {margin-bottom:0%;padding-bottom:10px; text-align:center}
#contactfooter h2 {font-size:1.2em;margin:10px 0 10px 0; text-align:center; color:#fff;}
#contactfooter .holder {  line-height:150%; font-weight:normal; margin:15px auto -15px; padding:5px 0}
#contactfooter .icons {float:right;width:50%; margin:-20px 0 32px 0 ; }
#contactfooter .icons .icon {float:right;width:20px; height:20px !important;background-color:#D1CFD0; padding:5px;  border-radius:5px;}

#accreditations { background-color:#fff; width:100%; }
#accreditations .holder {margin:0px auto; padding:12px 0 4px;}
#accreditations img{ }

.email-contact{float:left;color:#fff; text-decoration:none; height:29px; background: transparent url(images/email-icon-w.png) no-repeat 0px -3px; padding-left:40px; font-weight:400 !important;}
.phone-contact {float:left;color:#fff; text-decoration:none;  height:29px;background: transparent  url(images/phone-icon-w.png) no-repeat 0px 0px; padding-left:40px; font-weight:400 !important;}
.social-contact {float:left;color:#fff; text-decoration:none;  height:29px;background: transparent  url(images/social-icon-w.png) no-repeat 0px 0px; padding-left:37px; font-weight:400 !important;}
.yt {float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-5px;height:33px;background: transparent  url(images/youtube-logo.png) no-repeat center 0px; padding-left:42px; font-weight:400 !important;}
.tw{float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-5px;height:33px;background: transparent  url(images/twitter-logo.png) no-repeat center 0px; padding-left:42px; font-weight:400 !important;}
.fb {float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-5px;height:33px;background: transparent  url(images/facebook-logo.png) no-repeat center 0px; padding-left:45px; font-weight:400 !important;}
.gp{float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-5px;height:33px;background: transparent  url(images/googleplus-logo.png) no-repeat center 0px; padding-left:42px; font-weight:400 !important;}

.sm {background-size:contain;}

.maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 }
.maintextbox h2, .mainholder h2 {text-align:left;  }
.maintextbox p, .mainholder p{color:#333;  }
.maintextbox a, .mainholder a { text-decoration:none; color: #000; font-weight:bold;}
.maintextbox a:hover, .mainholder a:hover {text-decoration:underline;}
.mainholder {clear:left;float:left; width:100%; margin:20px 0 10px;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0}
/*SECOND LEVEL SETUP*/

.sidebar, .sidebar2 {float:right; width:31%;float:right; margin:0% 0 0 0 ; background-color:#fff; }
.sidebar .box1, .sidebar .box2 {float:left; width:100%; margin:0 0% 10% 0%; height:auto; background-color: #fff; padding: 0 0 5% 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.sidebar img { width:100%}
.sidebar h2 {width:100%; margin:0% 0 3% 0}
.sidebar .box1 .btn ,.sidebar .box2 .btn,
.sidebar .box1 p, .sidebar .box2 p { color: #333; padding:0 10%}
.mainholder ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul {padding:10px 0% 0}
.mainholder ul li , .maintextbox ul li , .sidebar ul li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 30px;line-height:1.3em; margin:2% 0 0 0%;font-weight:normal; font-size:0.9em; }
.maintextbox ol li {list-style-type: default; padding-left: 30px;line-height:1em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; } 
.sidebar ul li {padding-left: 30px;}
.maintextbox ul li a, .sidebar ul li a{ color:#333333; font-weight:normal;}
.maintextbox ul li a, .sidebar ul li a:hover{text-decoration:underline !important; }

#cform fieldset {margin:0% 0% 2%; padding:0; border:0px; width:100%}
#cform input {float:left; color:#333; background-color:#ddd; width:96%; margin:0 0 1% 0%;border:0px; padding: 1% 2%; font-family: 'Open Sans', sans-serif;font-size:0.9em; border-radius:7px;}
#cform select {float:left; color:#333; background-color:#ddd; width:100%; height:36px;margin:0 0 1% 0%;border:0px; padding: 1% 2%; font-family: 'Open Sans', sans-serif;font-size:0.9em; border-radius:7px;}
#cform textarea {float:left; color:#333; background-color:#ddd; width:96%;height:60px; margin:0 0 15px 0;border:0px;  padding:2%; font-family: 'Open Sans', sans-serif;font-size:0.9em; border-radius:7px;}
#cform .btn {clear:both;text-align:center;  font-size:0.9em; font-weight:bold;background-color:#000000;color:#ffffff; width:auto; margin:2% 0% 1% ; float:right; border:0px; padding: 1% ; font-family: 'Open Sans', sans-serif;border-radius:7px; }
#cform fieldset label {float:left;width:100%; margin:1%px 0 6px;  font-size:0.9em; color:#000000;  font-weight:bold;}

#map {float:left; width: 98%; height: 360px;}


.listing {clear:both; float:left; width:100%; margin:3% 5% 5% 0%; height:auto; padding: }
.listing img {float:left;  width:47%; border: 0; margin:0% 3% 0% 0%;}
.listing h2  {float:right;width:47%; margin:0 0 3% 0%; text-align:left; }
.listing p{ float:right;width:47%; margin:-1% 0 2% 0%; text-align:left;  font-weight:normal}
.listing p.date{float:right;width:47%; margin:-2% 0 2% 0%; text-align:left; font-weight:bold}
.listing .btn2{clear:both; float:right; width:34%; font-size:1.2em; padding:2% 0px 1.5%; }


.blkbtnbg{
background: #4b4b4b; 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiM0YjRiNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTgxODE4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, #4b4b4b 1%, #181818 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#4b4b4b), color-stop(100%,#181818));
background: -webkit-radial-gradient(center, ellipse cover, #4b4b4b 1%,#181818 100%); 
background: -o-radial-gradient(center, ellipse cover, #4b4b4b 1%,#181818 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #4b4b4b 1%,#181818 100%); 
background: radial-gradient(ellipse at center, #4b4b4b 1%,#181818 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#181818',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
cursor:pointer;
}

.blkbtnbg:hover {background: #222; text-decoration:none !important}





/*SEARCH RESULTS*/
.property {width:100%;  margin:10px 0 25px;  background-color:#f7f7f7; border-radius:8px;}
.property:before, .property:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.property:after {	clear: both;}

.property:hover {background-color:#eee;}
.property .image{float:left; width:42%;  margin:2% ; padding:1% 1% 0.5% 1%;border:1px solid rgba(100, 100, 100, 0.3); background-color:#fff; position:relative; border-radius:8px;}
.property .image img.prop{max-width:100%; border:0; padding:0px; margin:0px; border-radius:6px;}
.property .image img.banner{position:absolute; top:3%; left:2%;}
.property .info{ float:right; width:49%;  margin:0px 2% 0px 0; padding:0px;}

.property .info p.loc{font-size:1em;font-weight:700; margin:15px 0 0 0}
.property .info p.price{margin:0 0 0 0; font-size:1.0em;font-weight:600; color:#666}
.property .info p.type{margin:3px 0 0 0; font-size:0.9em;font-weight:600;}
.property .info p.desc{margin:5px 10px 0px 0; font-size:0.85em; font-weight:normal}
.property .info a.btn{float:right; margin:10px 0 20px 0; padding:6px 10px;font-size:0.8em; width:auto !important}

ul.pager {float:left;margin:10px 0 10px 0;  padding:0;  width:100%;  display:block; list-style:none; }
ul.pager li{background: url('');padding: 5px 7px;line-height:1em; margin:0 10px 0 0; border:1px solid #a6a6a6;background-color:#a6a6a6;  color:#000000; display: inline-block; text-align: center; border-radius:6px;}
ul.pager li:hover {margin:0;  padding: 5px 7px;  margin:0 10px 0 0; border:1px solid #000000;  text-decoration:none !important; color:#000000;}
ul.pager li a {font-weight:bold; text-decoration:none !important; }
ul.pager li a:hover {text-decoration:none !important;}
ul.pager li.selected, ul.pager li.selected a { background-color:#000000 !important; color:#a6a6a6 !important;}

#orderby {float:right; margin-top:-35px; font-family: 'Open Sans', sans-serif;}

.sidebar2 {}
.sidebar2 h2 {width:100%; font-size:1.5em;margin:0% 0 0 0}
.sidebar2 fieldset {border:0px; margin:0 0 35px 0 ; padding:20px;  background-color:#ccc;  border-radius:8px; border:0px }
.sidebar2 fieldset label {float:left;width:85px; margin:0px 0 16px; height:25px; font-size:0.9em; font-weight:700; }
.sidebar2 fieldset label.long {clear:none;width:auto; }
.sidebar2 fieldset input {float:left;width:170px; margin:0px 0 16px; background-color: rgba(255, 255, 255, 0.8); border:0px; height:25px; text-indent:4px;
box-shadow: 0 0 6px 0px #999;font-family: 'Open Sans', sans-serif;font-size: 0.8em;border-radius: 7px;}
.sidebar2 fieldset input[type=radio] { clear:both;float:left;width:auto; margin:-2px 6px -5px 0; background-color: transparent; box-shadow:none !important;}
.sidebar2 fieldset select {float:left;width:171px; margin:0px 0 16px 0px; background-color: rgba(255, 255, 255, 0.8); border:0px; height:25px; font-size:0.8em;
box-shadow: 0 0 6px 0px #999;font-family: 'Open Sans', sans-serif;border-radius: 7px;}
.sidebar2 fieldset button {clear:both;float:left;width:100%; margin:0px 0px 0 0; padding:3px 0; background-color:#000000;color:#ffffff; border:0px; font-size:0.9em;  font-weight:700; border-radius:5px}


/* PROP DETAIL */

#property {width:100%; height:auto}

#property img {width: 100%;top:0px; left:0px; position:relative; z-index:1}
#property .details {position: absolute;    top: 50px;   left: 0;    width: 100%; z-index:2; }
#property .details h1{text-align:left}
#property .details h1 span{font-size:1.4em;background-color:rgba(255,255,255,.8); padding:0px 16px; width:auto; line-height:1.4em}
#property .details .price{ margin-top:20px;}
#property .details .type{ margin-top:10px;}
#property .details .price span{font-size:1.9em;background-color:rgba(255,255,255,.8); padding:3px 16px; width:auto;font-family: 'Muli', sans-serif;}
#property .details .type span{font-size:1.3em;background-color:rgba(255,255,255,.8); padding:3px 16px; width:auto;font-family: 'Muli', sans-serif; line-height:1.85em;}

#property .imgholder {margin-top:10px;margin-bottom:-5px;}

#thumbnailrail {float:left; position: relative; top:auto; height:80px;    width: 100%; z-index:1113;background-color:#fff; overflow:hidden;}
#thumbnailrail img{height:78px; width:auto; border:1px solid #fff; margin-left:-1px;}
#thumbnailrail ul {width:200%; padding:0px; margin:0px}
#thumbnailrail li {display:inline; padding:0px; margin-right:-4px;}

.cycle {cursor: move; background-size:cover !important}

/* tABS OVERIDE */

.ui-tabs {padding: 0em; 	 font-size:1em; margin-top:30px;}
.ui-widget-content {border:0 !important;}
.ui-tabs .ui-tabs-panel {padding: 0; margin-top:10px; }
.ui-widget-header {	border: 0px;	 background: none ;	color: #333;	 height:auto; }


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {	border: 0;	background: #a6a6a6;	color: #000000;border-top-left-radius:8px;border-top-right-radius:8px;}


.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {border: 0;	background: #000000;	color: #ffffff; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover{	border: 0;	background: #000000;	color: #ffffff; }


.ui-state-active.ui-state-hover{	border: 0;	background: #000000;	color: #ffffff; }


.ui-tabs .ui-tabs-nav {	padding:0; border-bottom:10px solid #000000; border-radius:0;}

.ui-tabs .ui-tabs-nav li {width:32%;	margin: 0 2% 0 0; letter-spacing:-1px; font-weight:400; font-size:1.1em; text-align:center}
.ui-tabs-nav li:nth-of-type(3n){	margin: 0 0% 0 0;  }
.ui-tabs-nav li a{width:100%; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {	 padding: 3% 0; font-weight:400; color:#fff}
/*GMAP TAB FIX*/
.ui-tabs .ui-tabs-hide {
      position: absolute;
      left: -10000px;
      top: -10000px;    
}



@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	
	
	.notab { display:none; }
	.holder {width:100%;font-size:1em;}
	#header { width:100%; margin:0px; height:54px;padding:0px;
	
	background: #a6a6a6; 
background: -moz-linear-gradient(left, #a6a6a6 0%, #a6a6a6 18%, #000000 18%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a6a6a6), color-stop(18%,#a6a6a6), color-stop(18%,#000000));
background: -webkit-linear-gradient(left, #a6a6a6 0%,#a6a6a6 18%,#000000 18%); 
background: -ms-linear-gradient(left, #a6a6a6 0%,#a6a6a6 18%,#000000 18%); 
background: linear-gradient(to right, #a6a6a6 0%,#a6a6a6 18%,#000000 18%); 


  }
	#header .holder {	background-color:transparent !important;	}
	#header .logo { float:left; width:auto; margin:0;height:54px;margin-bottom:-15px;}
	#header .logo img{margin:0px 5% 0 8%; height:54px; width:auto;}
	#header .info {margin-top:16px; margin-right:64px;}
	
	.email-contact-h{ padding-left:26px;  margin-right:12px; letter-spacing:-1px;}
.phone-contact-h {padding-left:26px;  margin-right:12px; letter-spacing:-1px;}
.login-contact-h {padding-left:26px; letter-spacing:-1px;}




	#hpoptions.fullholder .box1, #hpoptions.fullholder .box2{margin-bottom:3%;}
	#hpoptions { width:100%; padding-top:3%; }

	#contactfooter { padding-bottom:20px;}
	#contactfooter .holder { width:94%; margin:0 3% 1% 3%;}
#contactfooter .box1 {float:left; clear:left; width:48.5%; margin:0 0 0 0; padding-bottom:10px; text-align:center; }
#contactfooter .box2 {float:right; width:48.5%;  margin:-39px 0 0 0; padding-bottom:10px; text-align:center; }
#contactfooter h2 {font-size:1.1em;margin:10px 0 15px 0; text-align:left; color:#fff; line-height:1em;}
#contactfooter .holder {  line-height:150%; font-weight:normal; margin:15px auto -15px; padding:5px 0}
#contactfooter .icons {float:right;width:50%; margin:-20px 0 32px 0 ; }
#contactfooter .icons .icon {float:right;width:20px; height:20px !important;background-color:#D1CFD0; padding:5px;  border-radius:5px;}

.yt {float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-5px;height:33px;background: transparent  url(images/youtube-logo.png) no-repeat center 0px; padding-left:52px; font-weight:400 !important;}
.tw{float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-5px;height:33px;background: transparent  url(images/twitter-logo.png) no-repeat center 0px; padding-left:52px; font-weight:400 !important;}
.fb {clear:both;  margin:0 0 0 -10px; float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-5px;height:33px;background: transparent  url(images/facebook-logo.png) no-repeat center 0px; padding-left:52px; font-weight:400 !important;}
.gp{float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-5px;height:33px;background: transparent  url(images/googleplus-logo.png) no-repeat center 0px; padding-left:52px; font-weight:400 !important;}
.sm {background-size:contain;margin-top:10px;}

.email-contact{float:left;color:#fff; text-decoration:none; height:24px; background: transparent url(images/email-icon-w.png) no-repeat 0px 0px; background-size:contain;padding-left:40px; font-weight:400 !important; font-size:0.9em}
.phone-contact {float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/phone-icon-w.png) no-repeat 0px 0px; background-size:contain;padding-left:40px; font-weight:400 !important; font-size:0.9em}
.social-contact {float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/social-icon-w.png) no-repeat 0px 0px; background-size:contain;padding-left:37px; font-weight:400 !important; font-size:0.9em}

#accreditations { background-color:#fff; width:100%; }
#accreditations .holder {margin:0px auto; padding:12px 0 4px;}
#accreditations img{ }

	
.register h2 { font-size:1.2em; font-weight:600}

	
	
	
	
	#basefooter .holder {width:94%; margin:0 3% 0% 3%;}

	.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}
	.maintextbox h2, .mainholder h2 {text-align:left;  }
	.maintextbox p, .mainholder p{color:#333;  }
	.maintextbox a, .mainholder a, .sidebar a { text-decoration:none; color: #000; font-weight:bold;}
	.maintextbox a:hover, .mainholder a:hover, .sidebar a:hover {text-decoration:underline;}
	.mainholder {clear:left;float:left; width:94%; margin:0% 0 20px;;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 3%}
	
	.listing {clear:both; float:none; width:100%; margin:0%; height:auto;}
	.listing img {float:right; width:100%; border: 0px;margin:0 0 3% 0%;}
	.listing h2  {float:left;width:100%; margin:0 0 3% 0%; text-align:left;}
	.listing p{float:left;width:100%;  margin:-1% 0 5% 0%; text-align:left}
	.listing p.date{float:left;width:100%;  margin:-2% 0 2% 0%; text-align:left; font-weight:bold}

#topsearch {float:right; width:100%; height:auto; background-color:#acacac; border-radius:0px; margin:-10px 0 20px 0; }
#topsearch .s1 {float:left; width:48.5%; }
#topsearch .s2 {float:right; width:48.5%;}
#topsearch fieldset { clear:both; border:0px; margin:0px 0 0 0; padding:25px 20px 10px 20px;  font-size:1em;}
#topsearch fieldset label {clear:left; float:left;width:30%; margin:0px 0 14px; height:25px; font-size:0.9em; font-weight:700; }
#topsearch fieldset label.short {clear:none; width:auto; margin:0px 23px 0 0px; }
#topsearch fieldset input {float:left;width:70%; margin:0px 0 14px; }
#topsearch fieldset input[type=radio] { clear:both;float:left;width:auto; margin:-2px 6px -5px 0; background-color: transparent; box-shadow:none !important;}
#topsearch fieldset select {float:left;width:70%;margin:0px 0 14px 0px; }
#topsearch fieldset select.last {float:left;width:40%;margin:0px 0 14px 0px; }
#topsearch fieldset button {clear:none;float:right;width:25%; margin:0px 0px 0 0; padding:3px 0; background-color:#000000;color:#ffffff; border:0px; font-size:0.9em;  font-weight:700; border-radius:5px}

.sidebar2 {}
.sidebar2 h2 {width:100%; font-size:1.5em;margin:0% 0 0 0}
.sidebar2 .s1 {float:left; width:48.5%; }
.sidebar2 .s2 {float:right; width:48.5%;}
.sidebar2 fieldset {border:0px; margin:20px 0 15px 0 ; padding:20px 20px 5px 20px;  background-color:#ccc;  border-radius:8px; border:0px }
.sidebar2 fieldset label {clear:left; float:left;width:30%; margin:0px 0 14px; height:25px; font-size:0.9em; font-weight:700; }
.sidebar2 fieldset label.short {clear:none; width:auto; margin:0px 23px 0 0px; }
.sidebar2 fieldset label.long {clear:none;width:auto; }
.sidebar2 fieldset input {float:left;width:70%; margin:0px 0 14px; }
.sidebar2 fieldset input[type=radio] { clear:both;float:left;width:auto; margin:-2px 6px -5px 0; background-color: transparent; box-shadow:none !important;}
.sidebar2 fieldset select  {float:left;width:70%;margin:0px 0 14px 0px; }
.sidebar2 fieldset select.last {float:left;width:40%;margin:0px 0 14px 0px; }
.sidebar2 fieldset button {clear:none;float:right;width:25%; margin:0px 0px 0 0; padding:3px 0; background-color:#000000;color:#ffffff; border:0px; font-size:0.9em;  font-weight:700; border-radius:5px}


.flexslider .slides li {    position:relative; height:260px; background-size:cover; }
.flex-caption {text-align:left;  position:absolute;    top:146px; left:0;right:0; bottom:0;   z-index:1; padding:0px; background:;}

}

@media only screen 
and (min-width : 568px) 
and (max-width : 630px){
	

	
		.email-contact-h{ padding-left:26px;  margin-right:12px; letter-spacing:-1px;font-size:0.85em}
.phone-contact-h {padding-left:26px;  margin-right:12px; letter-spacing:-1px;font-size:0.85em}
.login-contact-h {padding-left:26px; letter-spacing:-1px;font-size:0.85em}


}

@media only screen 
and (min-width : 569px) 
and (max-width : 991px){

	.box1, .box2 {float:left; width:94%; margin:0 3% 5% 3%; height:auto; text-align:center}
	.half {clear:left; width:48.5%!important; margin:2.5% 0% 2.5% 0%; }
	.half2 {float:right; width:48.5%!important; margin:2.5% 0% 2.5% 0%; }
	.register, .howarewe, .latest{float:left; width:48.5% !important;margin:0 3% 5% 0 !important; }
	.howarewe{float:right; margin:0 0 5% 0 !important; }
	
	#header  .info {width:auto;  }
	.flex-title { font-size:2.1em; text-align:center }
	.flex-strapline {font-size:1.4em; text-align:center; padding:0 10%; width:80%}
	.flexslider .slides li {   background-size:cover}
	#hpoptions.fullholder .box1{width:48.5% !important;margin:0 3% 5% 0 !important;}
	#hpoptions.fullholder .box2{width:48.5% !important;margin:0 0 5% 0 !important;}
	.maintextbox, .sidebar2 {clear:left;float:left; width:100%; margin:0% 0;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}

}

@media only screen 
and (min-width : 0px) 
and (max-width : 568px){
	.noxs { display:none; }
	h1 {text-align:center; font-size: 1.1em; margin:2% 0 1% 0; font-weight:700;}
	
	.box1, .box2 {float:left; width:94%; margin:0 3% 5% 3%; height:auto; text-align:center}
	.half, .half2 {width:100%; margin:3% 0% 2% 0; }
	
	
		#header { height:44px; }

	#header .logo { float:left; width:auto; margin:0;height:44px;margin-bottom:-15px;}
	#header .logo img{margin:0px 5% 0 8%; height:44px; width:auto;}
	#header .info {margin-top:12px; margin-right:50px; height:16px; }
	
	
	
	
	#header  .info {width:auto; float:right; margin-left:0%;  }

	.email-contact-h{line-height: 0;     font-size: 0;	float:right; color: transparent!important;width:32px;height:20px;overflow: hidden; background: transparent url(images/email-icon.png) no-repeat 0px 0px;  background-size:contain; padding-left:0px;  margin-right:0px;}
	.phone-contact-h {	line-height: 0;     font-size: 0;	float:right;  color:transparent !important;width:32px;height:20px; overflow: hidden;background: transparent  url(images/phone-icon.png) no-repeat 0px 0px; background-size:contain;padding-left:0px;  margin-right:0px;}
	.login-contact-h {	line-height: 0;     font-size: 0;	float:right; color: transparent!important;width:32px;height:20px; overflow: hidden;background: transparent  url(images/login-icon.png) no-repeat 0px 0px; background-size:contain;padding-left:0px;margin-right:-10px;}
	.logout-contact-h {	line-height: 0;     font-size: 0;	float:right; color: transparent!important;width:32px;height:20px; overflow: hidden;background: transparent  url(images/logouticon.png) no-repeat 0px 0px; background-size:contain;padding-left:0px;}
	
	

	
	.flex-title { font-size:2.0em;top: -120px; text-align:center; padding:0 10%; width:80% }
	.flex-strapline {display:none;}

	.flexslider .slides li {    position:relative; height:150px; background-size:cover}

	#hpoptions.fullholder .box1{width:48.5% !important;margin:0 3% 2% 0 !important;}
	#hpoptions.fullholder .box2{width:48.5% !important;margin:0 0 2% 0 !important;}
	#hpoptions.fullholder h2 {font-size:0.9em; text-align:center; margin-top:0px; line-height:1em;}

#searchswitch{display:block !important;width:100%; background-color:#acacac; text-align:center; padding:5px 0; font-weight:700; font-size:1.1em }
#topsearch {display:none; }

	#topsearch .s1, .sidebar2 .s1 {float:left; width:100%; }
	#topsearch .s2, .sidebar2 .s2 {float:right; width:100%;}

	
	
	
	
#contactfooter { padding-bottom:20px; margin-top:-20px}
#contactfooter .holder { width:94%; margin:0 3% 1% 3%;}
#contactfooter .box1 {float:left; clear:left; width:100%; margin:0 0 0 0;}
#contactfooter .box2 {float:right; width:100%;  margin:0px 0 0 0; }
#contactfooter h2 {font-size:1.0em;margin:10px 0 15px 0; text-align:left; color:#fff; text-align:center}
#contactfooter .holder {  line-height:150%; font-weight:normal; margin:15px auto -15px; padding:5px 0}
#contactfooter .icons {float:right;width:50%; margin:-20px 0 32px 0 ; }
#contactfooter .icons .icon {float:right;width:20px; height:20px !important;background-color:#D1CFD0; padding:5px;  border-radius:5px;}

.yt {float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-3px!important;height:30px;background: transparent  url(images/youtube-logo.png) no-repeat center 0px; padding-left:40px; font-weight:400 !important;}
.tw{float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-3px!important;height:30px;background: transparent  url(images/twitter-logo.png) no-repeat center 0px; padding-left:40px; font-weight:400 !important;}
.fb {clear:none;  margin:-3px 0 0 0 !important; float:left;color:#fff; text-decoration:none; text-indent:-9999px; height:30px;background: transparent  url(images/facebook-logo.png) no-repeat center 0px; padding-left:40px; font-weight:400 !important;}
.gp{float:left;color:#fff; text-decoration:none; text-indent:-9999px; margin-top:-3px!important;height:30px;background: transparent  url(images/googleplus-logo.png) no-repeat center 0px; padding-left:40px; font-weight:400 !important;}
.sm {background-size:contain;margin-top:10px;}

.email-contact{float:left;color:#fff; text-decoration:none; height:24px; background: transparent url(images/email-icon-w.png) no-repeat 0px 0px; background-size:contain;padding-left:38px; font-weight:400 !important; font-size:1em}
.phone-contact {float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/phone-icon-w.png) no-repeat 0px 0px; background-size:contain;padding-left:38px; font-weight:400 !important; font-size:1em}
.social-contact {float:left;color:#fff; text-decoration:none;  height:24px;background: transparent  url(images/social-icon-w.png) no-repeat 0px 0px; background-size:contain;padding-left:35px; font-weight:400 !important; font-size:1em}

.sidebar2 {clear:left;float:left; width:100%; margin:0 0;height:auto;color:#333; text-align:left; background-color:#fff; padding:0%}

/*SEARCH RESULTS*/
.property {width:100%;  margin:10px 0 25px; border:1px solid rgba(100, 100, 100, 0.3); background-color:#FEFBE6;}
.property:hover {background-color:#F4F4F4;}
.property .image{float:left; width:94%;  margin:2% ; padding:1% 1% 0 1%;border:1px solid rgba(100, 100, 100, 0.3); background-color:#fff; position:relative}
.property .image img.prop{max-width:100%; border:0; padding:0px; margin:0px;}
.property .image img.banner{position:absolute; top:1%; left:1%;}
.property .info{ float:right; width:94%;  margin:0px 2% 0px 2%; padding:0px;}
.property .info p.desc{display:none;margin:5px 0 0 0; font-size:0.85em;}
.property .info a.btn{float:right; margin:10px 0 20px 0; padding:6px 10px;font-size:0.8em; width:auto !important}

#orderby {float:left; width:100%; margin-top:0px; }
}






.showf {display:none; }