@import url(reset.css);
/*@import url(RegisterSans.css);*/

html {
	background: #b5babe;
	height: 100%;
	overflow-x: hidden;
	
}

@font-face {
    font-family: 'RegisterSansBTNDm';
    src: url('/fonts/RegisterSansBTNDm.eot');
    src: url('/fonts/RegisterSansBTNDm.eot?#iefix') format('embedded-opentype'),
         url('/fonts/RegisterSansBTNDm.woff2') format('woff2'),
         url('/fonts/RegisterSansBTNDm.woff') format('woff'),
         url('/fonts/RegisterSansBTNDm.ttf') format('truetype'),
         url('RegisterSansBTNDm.svg#RegisterSansBTNDm') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	font-family: 'RegisterSansBTNDm', Helvetica, Arial;
	color: #5d5d5d;	
	background: -ms-radial-gradient(50% 50%, circle, #ffffff 200px, #b5babe 550px );
	background: -webkit-gradient( radial, 50% 50%, 200, 50% 50%, 550, from(#ffffff), to(#b5babe) ) no-repeat #a2d2ed;
	background:-moz-radial-gradient( 50% 50%, circle, #ffffff 200px, #b5babe 550px );
	background-color: #b5babe;
	min-height: 1000px;
	height: 100%;
}

a { color: #5d5d5d; text-decoration: none; cursor: pointer;}
a:hover { color: #2e6894; }

header, hgroup, nav, section, footer { display: block; }

header {
	position: relative;
	background: #2e6894;
	height: 441px;
	border-bottom: 3px solid #5d5d5d;
	text-align: center;
}
header h1, header h2 {
	text-indent: -9999px;
}
header #flash {
	position: absolute;
	left: 50%;
	margin-left: -800px;
}
header #fallback {
	background: #2e6894 url(img/header.png)  top no-repeat;
	height: 441px;
	width: 1500px;
	margin-left: 50px;
}

section#content {
	margin: auto;
	min-width:650px;
	width:auto !important;
	width:650px;
	zoom: 1;
	text-align: center;
}

nav {
	background: url(img/nav_line.png) no-repeat center 112px;
	padding: 105px 0 0 0;
}
nav ul {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align: center;
	padding: 0 0 0 62px;
}
nav ul li {
	display: inline;
	padding: 0 60px 0 0;
	cursor: pointer;
}

#map {
	width: 575px;
	height: 284px;
	background: transparent url(img/map.png) top left no-repeat;
	margin: 40px auto 0 auto;
	display: none;
	padding: 0;
}

#mapOverlay {
	height: 325px;
	left: 0;
	right: 0;
	position: absolute;
	display: none;
	z-index: 20;
}

#map .point {
	width: 27px;
	height: 26px;
	background: url(img/dot.png) top left no-repeat;
	position: absolute;
	z-index: 0;
}
#map .point a {
	width: 27px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	z-index: 0;
	position: relative;
	zoom: 1;
}
#map .bh { margin: 110px 0 0 65px; }
#map .nashville { margin: 110px 0 0 117px; }
#map .miami { margin: 127px 0 0 128px; }
#map .nyc {	margin: 102px 0 0 132px; }
#map .london { margin: 80px 0 0 255px; }
#map .sydney { margin: 224px 0 0 499px; } 
#map .hongkong { margin: 135px 0 0 437px; }

#map .point .infobox {
	width: 498px;
	height: 73px;
	background: url(img/infobox.png) top left no-repeat;
	position: absolute;
	padding: 45px 0 0 34px;
	margin: -9px 0 0 -114px;
	display: none;
	z-index: 1000;
}
#map .point .infobox ul li {
	height: 30px;
	float: left;
	padding: 0 35px 0 0;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 16px;
	text-align: left;
	
}
#map .point .infobox ul li.title {
	text-align: right;
}
#map .point .infobox ul li.title span {
	font-size: 15px;
	letter-spacing: 0.1em;
}
#map .point .infobox .close {
	width: 10px;
	height: 11px;
	background: url(img/close.png) top left no-repeat;
	position: absolute;
	top: 20px;
	right: 7px;
	cursor: pointer;
}

footer {
	color: #9da5aa;
	letter-spacing: 0.1em;
	font-size: 0.8em;
	margin: 300px 0 0 0;
	text-align: center;
}