body{
background-image:url("sky.jpg");
background-repeat:repeat-x;
background-position:center top;
margin:0px;
padding:0px;
background-color:#CFE7F3;
font-family:Arial, Helvetica, sans-serif;
margin-top:30px;
}
h1{
font-family:'KozGoPr6N W53 Bold', Arial, Helvetica, sans-serif;
color:#AAC923;
margin:0px;
font-weight:normal;

}
h2{
color:#AAC923;
margin:0px;
font-size:1em;
}
h3{
background-color:#01458E;
border: 1px solid #1AB0DF;
border-bottom:0px;
padding:2px 7px 2px 7px;
margin-bottom:0px;
border-top-left-radius:8px;
border-top-right-radius:8px;
color:#ffffff;
font-family:'KozGoPr6N W53 Bold', Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
background-image:url(focusboxbg.png);
background-repeat:repeat-x;

}
p{
}
p strong{
color:#127B9C;
}
hr{
height:1px;
color:#127B9C;
background:#127B9C;
border:0;
}
#pulse{
width:900px;
margin-left:auto;
margin-right:auto;
}
#pulse img{
display: block; 
}
#spectulise{
background-image:url("greenbg.png");
background-repeat:repeat-x;
max-width:878px;
margin-left:auto;
margin-right:auto;
border-top-left-radius:10px;
border-top-right-radius:10px;
padding-left:10px;
padding-right:10px;
background-color:#82AF2E
}
#spectulise img{
margin-top:-16px;
max-width:100%;
}


#spectulise #contact{
float:right;
margin-top:10px;

}

#spectulise #contact form{
margin-top:5px;
margin-bottom:10px;
}
#spectulise #contact form .searchbox {


border-radius:6px;
border:0px;
color:#999999;
-webkit-box-shadow: 
      inset 5 5 8px  rgba(0,0,0,0.2);

    -moz-box-shadow: 
      inset 5 5 8px  rgba(0,0,0,0.2);
    box-shadow: 
      inset 1px 1px 5px  rgba(0,0,0,0.2);
      padding:6px 8px 6px 8px;
}
#tel, #support{
	font-family:'KozGoPr6N W53 Bold', Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:1.8em;
	text-decoration:none;
	line-height:0.9em;
}

#support{

	font-size:1em;

}
#support:hover, #tel:hover{
color:#01458E;
}

#navigation{
max-width:918px;margin-left:auto;
margin-right:auto;
}

#nav{
background-image:url("navbg.png");
background-repeat:repeat-x;
max-width:894px;
margin:0px;
padding:0px;
height:33px;
margin-left:12px;
}
@media screen and (min-width: 1000px) {
#navigation::before{
content: url('navleft.png');
position:absolute;

}
#navigation::after{
content: url('navright.png');
float:right;
margin-top:-33px;
}


	

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding:7px 15px 15px 15px;
		
	}
	#nav li:first-child{
	padding-left:10px;
	}
	#nav .tabl{
	margin-left:-15px;
	margin-top:-15px;
	position:absolute;
	border:0;z-index:100;
	}
	#nav .tabr{
	margin-left:9px;
	margin-top:-15px;
	position:absolute;
	border:0;z-index:100;
	}
	#nav li ul {
		display: none;margin: 0px;
		padding: 0;
		margin-left:-15px;
		
	}
	#nav ul li:first-child{
	padding-left:20px;
	}
	#nav ul li:last-child{
	padding-right:20px;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		
		margin-top:12px;
		padding: 0px 0px 0px 0px;
		background-color:#7D7D7D;
		border-radius:5px;
		
	}
	
	#nav li.on ul {
		background-color:#7D7D7D;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		
	}

	#nav li a {
		color: #ffffff;
		font-weight: bold;
		display: block;
	
		padding: 0;
	}

	#nav li.on a {
	}
	ul #selected{
		background-image:url("menutab.gif");
		background-repeat:repeat-x;
		border-top-left-radius:8px;
		border-top-right-radius:8px;
		height:25px;
		margin-top:-11px;
		padding-top:18px;
		background-color:#330033;

	}

	ul #selected li{
	float:left;
	background-color:#330033;
	}
	ul #selected li:first-child{
	border-bottom-left-radius:5px;
	
	}
	ul #selected li:last-child{
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	}

	
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #ffffff;
		width: auto;

		
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/

	}

	#nav li.on ul {
		display: block;	
	}
	
	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
		
	}

	#nav li.off a:hover, #nav li.on a:hover{ 
		color: #AAC923;
	}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;

	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: small;
}		

#nav li.on ul a {
}
#nav li ul img{
top:6px;
position:absolute;
}	
#nav li ul li a{
margin-top:0px;
margin-bottom:-8px;
}
}

.mobilenav_menu {
	display:none;
}
@media screen and (max-width: 1000px) {
	#navbar {
		display:none;
	}

	.mobilenav_menu {
		display:block;
	}
}
.mobilenav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.mobilenav_menu  .mobilenav_menutxt { display: block; line-height: 1.188em; float: left; }
.mobilenav_menu .mobilenav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.mobilenav_menu .mobilenav_no-text { margin: 0 }
.mobilenav_menu .mobilenav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.mobilenav_btn .mobilenav_icon-bar + .mobilenav_icon-bar { margin-top: 0.188em }
.mobilenav_nav { clear: both }
.mobilenav_nav ul,
.mobilenav_nav li { display: block }
.mobilenav_nav .mobilenav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.mobilenav_nav .mobilenav_item { display: block; cursor: pointer; }
.mobilenav_nav a { display: block }
.mobilenav_nav .mobilenav_item a { display: inline }
.mobilenav_menu:before,
.mobilenav_menu:after { content: " "; display: table; }
.mobilenav_menu:after { clear: both }
/* IE6/7 support */
.mobilenav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.mobilenav_menu {
	
}
/* Button */
.mobilenav_btn {
	margin: 5px 10px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #9DC127;
}
/* Button Text */
.mobilenav_menu  .mobilenav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.mobilenav_menu .mobilenav_icon-bar {
  background-color: #f5f5f5;
}
.mobilenav_menu {
	background:#01458E;
	
}
.mobilenav_nav {
	color:#cccccc;
	margin:0;	
	padding:0;
	font-size:1em;
}
.mobilenav_nav, .mobilenav_nav ul {
	list-style: none;
	overflow:hidden;
}
.mobilenav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.mobilenav_nav .mobilenav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.mobilenav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#ffffff;
}
.mobilenav_nav .mobilenav_item a {
	padding:0;
	margin:0;
}
.mobilenav_nav .mobilenav_item:hover, .mobilenav_nav a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#330033;
	color:#ffffff;	
}
.mobilenav_nav .selected{
color:#AAC923;
}
.mobilenav_item:hover .selected{
color:#AAC923;
}

.mobilenav_nav .mobilenav_txtnode {
     margin-left:15px;   
}

#promo{
max-width:898px;
margin-left:auto;
margin-right:auto;
position:relative;
top:-15px;
background-color:#ffffff;
z-index:-1;
margin-bottom:-15px;
}
#promo img{
max-width:100%;	
}
#promo2{
max-width:898px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
position:relative;
top:-9px;
background-color:#ffffff;
z-index:-1;
margin-bottom:-9px;
clear:both;
}

#content{
padding:10px;
max-width:878px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
.bigtop{
	margin-top:-40px;
}
#content p{
text-align:justify;
}
fieldset{
background-color:#F7FAD1;
border:1px solid #1AB0DF;
-moz-border-radius: 8px; border-radius: px;
}
legend{
color:#127B9C;
}
.error{
background-color:#FFB0B0;
}
#social{
position:relative;
float:right;
margin-top:-36px;
}
#social li{
list-style:none outside none;
float:left;
}
#social li a{
	display:block;
	width:36px;
	height:36px;
	letter-spacing:-999em;
	text-indent:-999em;

}

.facebook a{
	background-image:url("facebook.gif");
}
.facebook a:hover{
	background-image:url("facebookover.gif");
}
.twitter a{
	background-image:url("twitter.gif");
	margin:0px 5px 0px 5px;
}
.twitter a:hover{
	background-image:url("twitterover.gif");
}.youtube a{
	background-image:url("youtube.jpg");
}
.youtube a:hover{
	background-image:url("youtubeover.jpg");
}
.showfocusbox
{
margin-right:273px;
}
#utilities{
float:right;
width:263px;
padding:0px 0px 10px 10px;
margin:0px;
}
#utilities ul{
margin:0px;
padding:0px;
list-style-position:inside;
}
#utilities li{
background-image:url("u_bullet.gif");
background-repeat:no-repeat;
list-style-type:none;
padding-left:12px;
}
.wireless{
float:right;

margin-top:-12px;
}
.domain{
	
border-top-left-radius:6px;
border-bottom-left-radius:6px;
border:0px;
color:#333333;
height:17px;
-webkit-box-shadow: 
      inset 5 5 8px  rgba(0,0,0,0.2);

    -moz-box-shadow: 
      inset 5 5 8px  rgba(0,0,0,0.2);
    box-shadow: 
      inset 1px 1px 5px  rgba(0,0,0,0.2);
      padding:6px 8px 6px 8px;
	  vertical-align: top;
	  width:170px;
}
.searchboxsubmit{
vertical-align: top;
height:29px;
padding:0px 10px 0px 10px;
font-family: FontAwesome, Arial, sans-serif;
font-size:1.4em;
color:#ffffff;
cursor:pointer;
border:0px;
background-color:#01458E;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}
.searchboxsubmit:hover{
background-color:#C1C923;
}
.searchboxsubmit2{
vertical-align: top;
background-color:transparent;
font-family: FontAwesome, Arial, sans-serif;
font-size:1.4em;
color:#ffffff;
cursor:pointer;
border:0px;
}
.searchboxsubmit2:hover{
color:#01458E;
}

.box{
background-color:#F7FAD1;
border-left:1px solid #1AB0DF;
border-right:1px solid #1AB0DF;
padding:4px 7px 7px 7px;
border-bottom:1px solid #1AB0DF;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
.box form{
margin:5px 0px 5px 0px;
}
.multimedia{
margin-left:-6px;
margin-top:5px;
}
.multimedia img{
border:1px solid #AAC923;
margin:0px 0px 8px 8px;
}
#villagescene{
font-size:0px;
line-height:1;
}
#villagescene img{

width:100%; margin-top:-28px;
}
#village{
/*background-image:url("village.jpg");
background-repeat:repeat-x;
background-position:center top;*/
background-color:#82AF2E;
color:#ffffff;
}
#village a{
color:#ffffff;
text-decoration:none;
}
#village a:hover{
text-decoration:underline;
}
#village h4{
	font-family:'KozGoPr6N W53 Bold', Arial, Helvetica, sans-serif;
	color:#ffffff;
border-bottom:1px dotted #ffffff;
margin:0px 0px 10px 0px;
font-size:1.2em;
font-weight:normal;
}

#village #container{
max-width:898px;
margin-left:auto;
margin-right:auto;

}
#village #container div{
width:32%;
float:left;
margin-right:2%;
margin-bottom:10px;
}
#village #projects{


}
#village #website{

}
#village #contactus{
margin-right:0% !important;
}
#village ul{
margin:0px;
padding:0px 0px 0px 5px;

}
#village ul li{
background-image:url("village_bullet.gif");
background-repeat:no-repeat;
list-style-type:none;
padding-left:15px;
}
/* ### Lightbox ### */

#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 10px;
}

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-prev:hover {
  background: url(prev.png) left 48% no-repeat;
}

.lb-next:hover {
  background: url(next.png) right 48% no-repeat;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}

.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

.lb-data .lb-close:hover {
  cursor: pointer;
}

.buttonform{
border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-family:arial, helvetica, sans-serif; font-size:1.1em; padding: 5px 8px 5px 8px; font-weight:bold; text-align: center; color: #ffffff; background-color: #AAC923; text-decoration:none;
-o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;cursor:pointer;
}

.green:hover{
background-color: #01458E;

-o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;
}

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(loading.png) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	 position:absolute; top:10px; right:10px; z-index:888;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #AAC923;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 5px 2px;
	outline: 0;
border:1px solid #ffffff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #01458E;
}


/* END SLIDER */

@media only screen and ( max-width: 918px )
                {
				#spectulise, #content, #promo, #promo2{
					margin-left:10px;
					margin-right:10px;
				}
				#village #container div{
width:31%;
margin-right:1%;
margin-left:1%
}
				}
@media only screen and ( max-width: 600px )
                {
					#village #container div{
width:96%;
margin-right:2%;
margin-left:2%
}
.bigtop{
	margin-top:0px;
}
#spectulise img{
display:block !important;
margin-left:auto !important;
margin-right:auto !important;
}
#spectulise #contact{
	float:none;
	text-align:center;
}
     #utilities
    {
    width:100%;
	float:none;

padding:0px 0px 0px 0px;

    }
    .showfocusbox{
    margin-right:0px;
    }
}