/* CSS Document */

body{
	font-size:14px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color:#333;
	background-color:#fff;
}

.Title{
	font-family: "pragmatica-web-condensed";	
}

/* Site bar */

.siteBar{
	position:fixed;
	width:100%;
	height:0px;
	top:50%;
	left:0px;
	margin-top:0px;
	background-color:#fff;
	overflow:hidden;
}

.siteFrame{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
}

.siteBarDark{
	position:absolute;
	top:0px;
	left:50%;
	width:50%;
	background-color:#0d3a6c;
	height:73px;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-bottom-color:#527fb2;	
}

.siteBarContent{
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:150px;
}
.siteBarLogo{
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:150px;
	background-color:#fff;
	background-image:url(../images/logo.png);
	background-position:center;
	background-repeat:no-repeat;
	border-right-width:5px;
	border-right-style:solid; 
	border-right-color:#fff;
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:#fff;
}
.siteBarTitle{
	position:absolute;
	top:0px;
	left:260px;
	height:73px;
	width:100%;
	color:#fff;
	background-color:#0d3a6c;
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-bottom-color:#527fb2;
	font-size:40px;
	line-height:73px;
	padding-left:15px;
	font-family:"tk-freight-big-pro";
}


/* menu */

.siteBarMenu{
	position:absolute;
	top:78px;
	left:260px;
	width:625px;
	height:72px;
}

.elMenu{
	position:absolute;
	top:0px;
	left:50px;
	font-size:20px;
	line-height:72px;
	opacity:0;
	cursor:pointer;
}

.siteMenuHighlight{
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:72px;
	background-color:#fff;
	opacity:0.5;
	filter:opacity(50);	
}

/* content */

.locContentContainer{
	position:absolute;
	top:0px;
	left:160px;
	width:100%;
	height:0px;
	background-color:#fff;
	color:#06101b;	
	overflow-x:visible;
	overflow-y:auto;
}

.content{
	position:absolute;
	top:0px;
	left:20px;
	width:100%;
	height:100%;
	overflow:visible;
}

.contentTitle{
	font-size:32px;	
	color:#3c5b7e;
}

.contentContent{
	font-size:14px;	
}

.locContent{
	position:fixed;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	background-color:#FFF;
}

.locImageContainer{
	position:absolute;
	top:0px;
	left:0px;
	width:155px;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}

.locImage{
	position:absolute;
	top:0px;
	left:0px;
	width:155px;
	height:155px;
	background-position:center;
	background-size:cover;	
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center;
	
}

/* content Text */

.textTitle{
	font-weight:bold;
	font-size:24px;	
	color:#3c5b7e;
}

.textContent{
	font-size:18px;	
	color:#3c5b7e;
}

/* Menu */
.subLocMenu{
	position:absolute;
	top:0px;
	left:0px;	
	width:100px;
	height:50px;
	overflow:visible;
}
.inMenu{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:visible;
}

.elSubMenu{
	position:absolute;
	width:100%;	
	height:50px;
	font-size:24px;
	color:#fff;
	cursor:pointer;
	line-height:50px;
	background-color:#fff;
	text-align:right;
	padding-right:10px;
	padding-left:10px;
}
.subLocBlock{
	position:absolute;
	top:50%;
	width:10px;
	height:10px;
	margin-top:-5px;
	background-color:#fff;
	opacity:0.75;
	filter:opacity(75);
}

/* lightroom */
.lightRoom{
	position:absolute;
	top:0px;
	height:0px;
	width:100%;
	height:100%;
}
.lightRoomBackground{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.75;
	filter:opacity(75);
}
.lightRoomBanner{
	position:absolute;
	top:50%;
	left:0%;
	width:100%;
	height:80%;
	margin-top:-40%;
	background-color:#fff;
	background-repeat:no-repeat;
}
.lightRoomImage{
	position:absolute;
	left:50%;
	height:90%;
	width:90%;
	background-position:center;
	background-size:auto;
	background-repeat:no-repeat;
}
.lightRoomClose{
	position:absolute;
	top:0px;
	left:50%;
	width:150px;
	height:0px;
	background-color:#BFD6E8;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-left:-75px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	color:#305176;
	cursor:pointer;	
}

/* message */
.message{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
}
.messageBackGround{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.75;
	filter:opacity(75);	
}
.messageWindow{
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	height:300px;
	margin-left:-200px;
	margin-top:-150px;
	background-color:#fff;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
}
.messageContent{
	position:absolute;
	top:50%;
	left:50%;
	width:460px;
	height:240px;
	margin-left:-230px;
	margin-top:-140px;
	font-size:18px;	
}
.messageTitle{
	text-align:center;
	font-size:24px;
	font-weight:bold;	
}
.messageClose{
	position:absolute;
	bottom:15px;
	left:50%;
	width:150px;
	margin-left:-75px;
	background-color:#369;
	height:25px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	cursor:pointer;	
}

.locSlide{
	position:fixed;
	left:0px;
	bottom:0px;	
	width:110px;
	height:55px;
}
.locPrev{
	position:fixed;
	left:5px;
	bottom 5px;
	width:50px;
	height:50px;
	background-color:#CCC;
	opacity:0.3;
	filter:opacity(30);
	cursor:pointer;	
	text-align:center;
	line-height:42px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:40px;
}
.locNext{
	position:fixed;
	left:60px;
	bottom:5px;
	width:50px;
	height:50px;
	background-color:#CCC;
	opacity:1;
	filter:opacity(100);
	cursor:pointer;	
	text-align:center;
	line-height:42px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:40px;
}