/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }
.padNull{padding: 0;}
.marNull{margin: 0;}
/* Global properties ======================================================== */
.glob{width:100%; height:100%; position:absolute; overflow:hidden; }
body{font-family:Arial,sans-serif; color:#fff; line-height:20px; min-width:980px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden; }
/* Global Structure ========================================================= */
.main {margin:30px auto 0 auto; width: 940px; z-index:2; height:100%; }
.page_spinner{ position:fixed; background:#fff; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > span{position: absolute; left: 50%; top: 50%;}
/* ============================= main layout ================================ */
a{ color:#fff; text-decoration:none; outline:none; font-size: 14px; }
a:hover{ text-decoration:underline}
h1{float:left;position: relative;}
h2{font-family: 'Josefin Sans', sans-serif; color:#212121; font-size:48px; line-height: 52px; width:100%;  text-transform: uppercase; font-weight: 300; padding-bottom: 20px;letter-spacing: -3px;}
h3{color:#373737; font-size:12px; line-height: 19px; width:100%;  text-transform: uppercase; padding-bottom: 9px;font-weight: normal;}
h4{font-family: 'Josefin Sans', sans-serif; color:#212121; font-size:36px; line-height: 52px; width:100%;  text-transform: uppercase; font-weight: 300; padding-bottom: 20px;letter-spacing: -3px;}
h5 {font-family: 'Josefin Sans', sans-serif; color:#212121; font-size:24px; text-transform: uppercase; font-weight: bold; padding-bottom: 20px;letter-spacing: -3px;}
p{padding-bottom: 24px; font-size: 10px; color: #929292; line-height: 19px; font-weight: bold;text-transform: uppercase;}
li {font-size: 10px; color: #929292;text-transform: uppercase;}
.center{ padding:0; width:100%; position: relative; display: inline-block;}
/* ============================= header ============================== */
header{position: fixed; width: 100%; height: 34px; z-index: 3;  margin: 0 auto;}
#logo{display:inline-block; background: url(../images/UKFH_logo.png) 0 0 no-repeat; width: 244px; height: 70px; }
#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; margin-top: 35px;}
.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
/* ============================= menu ============================== */
.menu{position:relative; z-index:1; display: inline-block; float: right;}
.menuHolder{ width: 940px; height: 34px; z-index: 1; margin: 0 auto;}
#menu {z-index: 1; position:relative; display: inline-block;float: left;}
#menu > li{position:relative; color: white;  text-align: left; height: 34px;display: inline-block;float: left;  background: url(../images/bg3.png);}
#menu > li > a{  display: block; text-transform:uppercase; position:relative;  height: 34px;  z-index: 1;  overflow: hidden;}
#menu > li > a:hover{text-decoration:none;}
#menu > li.active > a{text-decoration:none;}
.submenu_1{position:absolute; z-index:2; top: 35px; left: 0px;   display: block;   width: 100%;}
.submenu_1 li{ position:relative; display:inline-block;  height: 24px; float: left; width: 100%; margin: 1px 0;}
.submenu_1 a{font-family: Arial, sans-serif; font-size: 10px; color: #000; background: url(../images/bg3.png); display:inline-block; text-transform:uppercase; line-height: 24px; width: 100%;text-align: center;}
.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{text-decoration:none; color:#fff; background: #000;}
.submenu_1 .padTop{margin-top: 15px;}
.submenu_1 .padBot{margin-bottom: 15px;}
.mText{font-family: Arial, sans-serif; line-height: 34px; color: #000; font-size: 10px; position: relative;  z-index: 2; padding: 0 18px;}
.mTextOver{font-family: Arial, sans-serif; line-height: 34px; color: #fff; font-size: 10px; position: absolute;  width: 100%;z-index: 2; text-align: center;}
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3;left: 0;display: block; background: url(../images/pixel.png);}
._overPl{position: absolute; width: 100%; height: 100%; top: 80px; z-index: 2;left: 0;display: block; background: #000;}
.menuExtra1{width: 82px; height: 34px; position: relative; display: inline-block; background: #009FDB;text-align: center;z-index: 2;cursor: pointer;}
.menuExtra1 > span{color: #fff; font-size: 12px; text-align: center;width: 100%;line-height: 32px;text-transform: uppercase;}
.menuBg1{width: 1000px; height: 100%; display: inline-block; position: absolute; top: 0; left: -1000px; background: url(../images/bg4.png);}
.menuBg2{width: 1300px; height: 100%; display: inline-block; position: absolute; top: 0; left: -1600px; background: url(../images/bg4.png);}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 100%; margin: 0 auto; display: block;  float: left;overflow: visible;}
#content > ul{width: 700px; height: 512px; z-index: 0; display: inline-block;position: relative;overflow: visible;}
#content > ul > li{width: 620px; display:block; position:absolute; }
.box{ width: 620px; position: relative; display: inline-block; background: url(../images/bg4.png);}
.box2{ width: 920px; position: relative; display: inline-block; background: url(../images/bg4.png);}
.underline{text-decoration:underline; }
.space1{display:inline-block; width: 73px;}
.more{font-family: Arial, sans-serif;  color: #fff; font-size: 10px; line-height: 14px; text-transform: uppercase; text-decoration: none; padding: 10px 22px; background: url(../images/moreSprite.png) 0 0 no-repeat;position: relative;}
.more:hover{text-decoration: none;}
._link1{color: #6c6c6c; font-size: 12px;}
._link2{color: #000000; font-size: 10px;font-weight: normal;}
._link3{color: #000000; font-size: 10px;font-weight: normal;}
._link4{color: #009FDB; font-size: 10px;font-weight: normal;}
.padRight1{padding-right: 22px;}
.padRight2{padding-right: 30px;}
.padBot1{padding-bottom: 20px;}
.padBot2{padding-bottom: 5px;}
.padBot3{padding-bottom: 24px;}
.padBot4{padding-bottom: 30px;}
.padBot5{padding-bottom: 30px;}
.pad1{padding: 10px 16px;}
.marTop1{margin-top: 16px;}
.marTop2{margin-top: 3px;}
.marRight1{margin-right: 22px;}
.marRight2{margin-right: 22px;}
#bgStretch {overflow:hidden; z-index:-1; display: block;}
#bgStretch img{background-color: #000;}
.spinner_bg{position: fixed; width: 0px; height: 0px; z-index:10000; left: 50%;top: 40%;display: inline-block;}
.navGall{position: absolute;display: inline-block;z-index: 2;}
.navGall > ul{position: absolute;}
.navGall > ul > li{ position: relative;}
.navGall > ul > li >a{ height: 70px; position: relative;width: 81px; display: inline-block;}
.btnGall{position: absolute;  top: 0px;width: 464px;left: -30px;}
.gallButton{position: relative; display: inline-block;}
.overPlane{position: absolute; width: 75px; height: 64px; border: 3px solid #009FDB;left: 0;top: 0px;}
._slider{position: absolute;top: -34px;display: block;margin-left: 500px;}
.pattern1{background: url(../images/bg2.png); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
.scroll1{width: 465px; height: 330px;display: inline-block;}
.scroll2{width: 465px; height: 378px;display: inline-block;}
.track{position:absolute; top: 10px; left: 560px; width:12px; height:440px; background: #dcdcdc;}
.shuttle{position:relative; width: 12px; height: 170px; background: #009FDB; display: inline-block; z-index: 1;}
._fig1{position: relative; width: 140px; height: 197px; display: inline-block;float: left;}
._fig1 img{position: relative; display: inline-block;width: 140px;height: 197px;}
._fig1 figcaption{position: absolute; width: 140px; height: 34px; background: url(../images/bg5.png);bottom: 0;}
._fig1 figcaption a{font-family: 'Ubuntu', sans-serif; font-size:12px; color: #fff; width: 118px;  background: url(../images/marker.png) 100% 50% no-repeat;display: inline-block;line-height: 20px;margin: 7px 11px;}
._fig1 figcaption a:hover{text-decoration: none; color: #f67e00; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
/*._fig2{position: relative; width: 165px; height: 172px; display: inline-block;float: left; background: #d3d3d3;} */
._fig2{position: relative; width: 165px; height: 185px; display: inline-block;float: left; background: #d3d3d3;}
._fig2 img{position: relative; display: inline-block; margin: 10px;}
._fig2 figcaption{position: relative; width: 145px;margin: -5px 10px 0 10px;}
._fig2 figcaption a{font-size:12px; color: #373737; width: 100%; display: inline-block;line-height: 20px;text-transform: uppercase;}
._fig2 figcaption a:hover{text-decoration: none; color: #fff;}
._fig2 figcaption p{padding: 0;}
._fig3{position: relative; width: 462px; display: inline-block;float: left;}
._fig3 img{position: relative; display: inline-block; float: left; margin-right: 19px; vertical-align:middle;}
._fig3 figcaption{position: relative; width: 254px; float: left;margin-top: -6px;}
._fig3 figcaption p{padding: 0;}
._fig4 {position: relative; width: 240px; height: 125px; display: inline-block;float: left;}
._fig4 img{position: relative; display: inline-block;width: 240px;}
._fig4 figcaption{position: absolute; width: 240px; height: 30px; background: url(../images/bg5.png);bottom: 0;}
._fig4 figcaption a{font-family: 'Ubuntu', sans-serif; font-size:12px; color: #fff; width: 220px;  background: url(../images/marker.png) 100% 50% no-repeat;display: inline-block;line-height: 20px;margin: 7px 11px;}
._fig4 figcaption a:hover{text-decoration: none; color: #009FDB; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._list1{ position: relative;display: inline-block;float: right; margin-top: -4px; padding-right: 5px;}
._list1 > li{position: relative; width: 75px; height: 44px; float: left; display: inline-block; background: url(../images/divider1.png) 0 50% no-repeat;text-align: center;}
._list1 > li > a{color: #4c4c4c; font-size: 12px; text-transform: uppercase;width: 100%;text-align: center;margin-top: 12px;display: inline-block;}
/* ============================= footer ====================== */
footer{position: fixed; width: 100%; z-index: 2;  height: 135px; display: inline-block;  bottom: 0; float: left; background: url(../images/bg1.png);}
.mainFooter { z-index:2; width: 940px; margin: 0 auto; display: block;}
.textPrivacy{font-family: Arial,sans-serif;  font-size: 12px;   color: #9d9d9d; position:relative; display:inline-block;  text-transform: uppercase; font-weight: normal;letter-spacing: 0px;width: 150px;margin-top: 8px;}
.privHold{ position: relative; display: inline-block; float: right; width: 430px; margin-top: 58px;}
.followHolder{position: relative;display: inline-block;width: 150px;}
.followHolder > ul{display: inline-block;}
.followHolder > ul > li{display: inline-block; float: left;margin-left: 2px;}
/*===================================Map=====================================*/
.google_map{margin:0; width:300px; height:177px; background: #fff; display: inline-block; position: relative;}
.google_map > span{position: absolute; top: 50%; left: 50%;}
/* ============================= forms ============================= */
#contactfrm {
	padding:0; 
}
#contactfrm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#contactfrm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#contactfrm .success {  
	
    font-size: 10px; 
    position:relative; 
    float:left; 
	
    color: #000; 
	width: 100%; 
	line-height: 11px;
	padding-bottom: 2px;
}
#contactfrm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 10px;
}
#contactfrm .error,#ContactForm .empty {
	font-size: 10px; 
	color: #000; 
	line-height:9px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
     
	text-align: right;
}
#contactfrm a {
	position:relative; 
	z-index:1; 
}
#contactfrm a:hover {text-decoration:none;}
#contactfrm .input {
	width: 163px; 
	padding: 6px 10px; 
	color: #929292; 
	outline:none; 
	font-size: 12px;  
	background: #fff; 
	border: 1px solid #dbdbda;
    
	box-shadow: none;
}
#contactfrm textarea {
	overflow:auto; 
	margin:0; 
	width: 210px; 
	height: 120px;  
	padding: 6px 10px; 
	color: #929292; 
	resize:none; 
	outline:none; 
	font-size: 12px;  
	background: #fff;
	font-family: Arial;
	border: 1px solid #dbdbda;
	font-family: Arial, serif;
	box-shadow: none;
}
#contactfrm .block {
	display:inline-block; 
	position:relative;  
	float: left; 
}
#contactfrm ._label {
    color: #929292;
    font-size: 10px;
    text-transform: uppercase;
    position: relative;
    float: left;
    width: 45px;
    margin-top: 4px;
}
#contactfrm .marNone{margin: 0;} 
#contactfrm ._width2{width: 62px;}

#contactfrm .chkbox{
 	font-size: 10px;
 	color: #929292;
 	line-height: 19px;
 	text-transform: uppercase;
}



.formButtons{position:relative; float: right;  display: inline-block;margin-top: 10px;padding: 20px 0px 0px 0px}
.formBtn{display:inline-block;  position:relative;  margin-left: 12px;}
.obfuscate { unicode-bidi: bidi-override; direction: rtl; }
/* ============================= end forms ============================= */

.stdButton{
border-top: 1px solid #96d1f8;
background: #009FDB;
-moz-border-radius: 8px;
  /* background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#009FDB)); */
  /* background: -webkit-linear-gradient(top, #3e779d, #009FDB); */
  /* background: -moz-linear-gradient(top, #3e779d, #009FDB); */
  /* background: -ms-linear-gradient(top, #3e779d, #009FDB); */
  /* background: -o-linear-gradient(top, #3e779d, #009FDB); */
   padding: 7px 14px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 10px;
   font-family: Arial, sans-serif;
   text-decoration: none;
   vertical-align: middle;
   text-transform: uppercase;
   margin-top: 16px;
}


   
.stdButton:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   text-decoration: none;
   margin-top: 16px;
   }
.stdButton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   text-decoration: none;
   margin-top: 16px;
   }