@yellow:#FDBB30;
@blue:#003F5F;
@red:#8B0E04;

body{
	background:#eee url(img/bg-grad-top.png) 0 -300px repeat-x;
	font:13px/1.4 Arial, sans-serif;
	color:#333;
}

a{
	color:@blue;
}

strong{
	font-weight:bold;
	color:@blue;
}
p+p,p+h2,p+h3,ul+h2{
	margin-top:12px;
}
h1{
	padding: 0 0 6px 0;
	margin:0 0 18px 0;
	border-bottom:solid 1px #9cc1d2;
	color:@blue;
	font-size:24px;
	span{
		font-size:28px;
	}
	
}

h2,h3{
	color:@red;
	text-transform:uppercase;
}

h2{
	font-size:16px;
	margin:1px 0 -2px 0;
}

h3{
	font-size:14px;
	margin: 0 0 -3px 0;
}
#sitewrap{
	width:952px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

#header{
	height:170px;
	position:relative;
	margin:0 0 40px 0;
	
	
}


.sub-menu{
		position:absolute;
		padding:12px 0;
		top:16px;
		
	background:@yellow;
		width:180px;
		
		
		display:none;
}
.ie7 .sub-menu{
top:0;
}
#main-menu li:hover .sub-menu{
	display:block;
	
}
#main-menu{
	height:44px;
	padding:20px 0 0 0;
	position:relative;
	z-index:6;

	li{
		float:left;
		background:url(img/bg-nav.png) no-repeat;
		height:13px;
		margin:0 0 0 18px;
		position:relative;
		
		
		
		li{
			float:none;
			background:none;
			
			margin:0;
			height:auto;
			
			a{
			display:block;
				padding:2px 0 2px 18px;
			text-indent:0em;
			&:hover{
				background:@blue;
				color:@yellow;
			}
		}
		}
	
		
		
		a{
			display:block;
			text-indent:-999em;
			
		}
		&.nav1{
			width:50px;
			&:hover,&.current-menu-item{
			background-position:0 -14px;
			}
		
		}
		&.nav2{
			width:90px;
			background-position:-72px 0;
			&:hover,&.current-menu-item{
			background-position:-72px -14px;
			}
		
		}
		&.nav3{
			width:110px;
			background-position:-182px 0;
			&:hover,&.current-menu-item{
			background-position:-182px -14px;
			}
		
		}
		&.nav4{
		width:180px;
		background-position:-300px 0;
		&:hover,&.current-menu-item{
			background-position:-300px -14px;
			}
		
		}
		&.nav5{
			width:80px;
			background-position:-500px 0;
			&:hover,&.current-menu-item{
			background-position:-500px -14px;
			}
		}
		&.nav6{
			width:170px;
			background-position:-600px 0;
			&:hover,&.current-menu-item{
			background-position:-600px -14px;
			}
		}
		&.nav7{
			width:120px;
			background-position:-790px 0;
			&:hover,&.current-menu-item{
			background-position:-790px -14px;
			}
		}
	}
	
	



}

#banner{
	background:url(img/bg-shadow.png) center bottom no-repeat;
	padding:0 0 36px 0;
	
	.inner{
	height:296px;
	background:#fff;
	
	-moz-box-shadow:0 0 12px #333;
	-webkit-box-shadow:0 0 12px #333;
	box-shadow:0 0 12px #333;
	
	}
}

#contact-info{
	background:url(img/bg-contact.png) right 0 no-repeat;
	
	color:#fff;
	text-align:right;
	height:80px;
	padding-top:70px;
	position:absolute;
	bottom:0;
	right:0;
	p{
	font-weight:bold;
	}
	span{
		color:@yellow;
		font-weight:normal;
	}
}

#map{
	height:260px;
	 width: 650px;
	 clear:both;
	 
	 .ad{
	 
		font-weight:bold;
	
	 }
}

#message{
	padding:12px;
	background:#edf;
	z-index:1;
	position:absolute;
}
#content{
	padding:30px 0 0 0;
	
	#sidebar{
		float:left;
		
		width:246px;
		min-height:400px;
		margin:0 0 10px 0;
	}
	
	.pec{
		margin:12px 0 0 -8px;
	}


	#main-text{
		background:url(img/bg-main-text.png) center 90px no-repeat;
		width:650px;
		float:right;
		min-height:400px;
		margin:0 0 20px 0;
		padding: 0 0 10px 0;
		
		.selector{
			float:left;
			width:200px;
			
			.current a{
				color:@red;
			}
			li{
				
			 a{
			 	padding:2px 0;
			 	display:block;
			 }
			}
		}
		.definitions{
			float:right;
			width:300px;
			min-height:420px;
			img{
				width:288px;
			}
		}
		
		.featured{
			float:right;
			display:inline-block;
			margin:0 0 8px 14px;
			-moz-box-shadow:0 0 5px #555;
			-webkit-box-shadow:0 0 5px #555;
			box-shadow:0 0 5px #555;
		}
		.number{
		padding: 0 0 0 19px;
			li{
				list-style:decimal outside;
			
				padding:4px 0;
			}
		}
		
		
		.list{
		padding: 0 0 0 16px;
			li{
				list-style:circle outside;
			
				padding:4px 0;
			}
		}
		
		.loc{
			width:46%;
			padding:2%;
			float:left;
			background:#DDD7CD url(img/bg-grad-top.png) 0 -9000px repeat-x;
			height:90px;
			cursor:pointer;
			
			&.current{
			background-position: 0 -620px;
			color:#fff;
			}
		}
	}
	
	#featured{
		border-top:solid 1px #9cc1d2;
		padding:20px 0 0 0;
		clear:both;
		height:150px;
		color:@blue;
		p,h4,a{
			width:260px;
			float:right;
		}
		h4{
			margin:6px 0 2px 0;
			color:@red;
		}
		p{
			font-size:90%;
		}
		a{
			color:@yellow;
		}
		img{
		float:left;
		}
		
		div{
			height:120px;
			width:450px;
			float:left;
			margin:0 26px 0 0;
			
		}
	}
}


#bg-header{
	position:absolute;
	background:url(img/bg-header-texture.png) center 0 no-repeat;
	top:0px;
	height:186px;
	width:100%;
	z-index:0;
}

#bg-body{
	position:absolute;
	background:url(img/bg-blur.png) center 0 no-repeat;
	top:0px;
	height:1000px;
	width:100%;
	z-index:1;
}

#bg-body2{
	position:absolute;
  background:url(img/bg-blur.png) -690px -330px no-repeat;
	top:604px;
	height:630px;
	width:100%;
	z-index:1;
}

#bg-nav{
	position:absolute;
	background:#004868 url(img/bg-nav-texture.png) center 0 no-repeat;
	top:540px;
	height:64px;
	width:100%;
	z-index:0;
}

#footer{
	background:#eee url(img/bg-grad-top.png) 0 -490px repeat-x;
	text-align:center;
	height:20px;
	padding:12px 0;
	color:#fff;
	font-size:90%;
	a{
		color:@yellow;
	}
}

#contact-form{
height:430px;
}
form {
	background:#DDD7CD;
	padding:28px 0 10px 28px;
	position:relative;
}
form span { position:relative; display:inline-block;height:40px;}
label { position:absolute; top:8px; left:6px;
color:#777;
font-size:13px;}

label.error{
display:none !important;
}
input.error{
	background:#f2d2d2;
}
#error{
	   -moz-box-shadow: 0px 0px 6px #aaa;
 -webkit-box-shadow: 0px 0px 6px #aaa;
 box-shadow: 0px 0px 6px #aaa;
	padding:0 10px 10px 10px;
	border:solid #f7aeae 1px;
background:#f2d2d2;

}

#success{
	   -moz-box-shadow: 0px 0px 6px #aaa;
 -webkit-box-shadow: 0px 0px 6px #aaa;
 box-shadow: 0px 0px 6px #aaa;
	padding:6px 10px 10px 10px;
	border:solid #a9deca 1px;
	background:#d2fded url(img/bgsuccess.png) 299px 8px no-repeat;
	cursor:pointer;
	position:absolute;
		width:200px;
		top:40px;
		left:124px;
		width:300px;
}

span#error{
	display:none;	
}
#error label,#success label{
	position:relative;
	display:block;
}
input{
	width:270px;
margin:0 10px 2px 0;
padding:8px;


}

input[type=submit]{
background:#DDD7CD url(img/bg-grad-top.png) 0 -620px repeat-x;
margin: 12px 0 0 0;
color:#fff;

}
textarea{

	font-family: Arial, Helvetica, sans-serif;
	width:584px;
	height:160px;
}

.tour{
  height: 420px;
  overflow: hidden;
  position: relative;
  margin:0 0 16px 0;
  

  
  viewport {
  float: left;
   width: 650px;
 height: 420px;
  overflow: hidden;
  position: relative;
  margin: 0 0 0 10px;
}

.buttons {
  display: block;
  position: absolute;
  z-index: 2;
  bottom:36px;
  background:#fff;
  background:rgba(255,255,255,0.4);
 
  font-size:150%;
  padding:0px 11px 4px 11px;
  text-align:center;
  
  -webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;


color:	#265F4A



}

&.dark .buttons{
	 background:#bbb;
  background:rgba(190,190,190,0.4);
}

.next {
  right: 16px;
}

.prev {
  left: 16px;
}

.disable{
	visibility:hidden;
}

.overview {
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  
	li{
  	float: left;
 height: 420px;
    width: 650px;
	}
}
}

#social-media{
	width:120px;
	position:absolute;
	right:0;
	bottom:-70px;
}