@charset "utf-8";
/* CSS Document */
html{width:100%; height:100%; background:url(../images/background2.jpg) repeat-x #d7d7d7 top;}
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#222222;
}

body ul {
	margin:0 0 15px 0;
	padding:0 0 0 15px;
}

body a {
	color:#6a4c50;
	text-decoration:none;
}
body a:hover {
	color:#af1d31;
	
}

body h2 {
	font-size:18px;
	margin:0 0 15px 0;
	padding:0;
	color:#251514;
}

body h3 {
	font-size:15px;
	margin:15px 0;
	padding:0;
}

body h4 {
	width:712px;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	border-bottom:1px #251514 dashed;
	font-size:12px;
}

body img {
	border:none;
}

body p {
	margin:0 0 15px 0;
	padding:0;
}

body h1 {
	margin:0 0 30px 0;
	padding:0;
}

#container {
	width: 970px;
	margin:20px auto;
}

.header {
	width:970px;
	float:left;
	padding:0px;
	
	
}

.bottom {
	width:970px;
	float:left;
	margin:30px 0 8px 0;
}

.logo {
	float:left;
	padding:0 0 0 0px;
	margin-bottom:3px;
}

.left {
	width:160px;
	float:left;
	margin:0 10px 0 0;
	background:#FFF;
	padding:15px;
	border-bottom:5px #251515 solid;
	border-top:5px #251515 solid;
	font-family:Arial, Helvetica, sans-serif
	
}
.left img{ padding-bottom:10px;}

.left p {
	margin:0 0 0px 0;
	padding:0;
	font-size:12px;
	letter-spacing:0.7;
	line-height:16px;
	border-top:1px #af1d31 dashed;
	
	
}
.left strong{font-size:12px; font-weight:700; text-transform:uppercase;}
.menu {
	width:740px;
	float:right;
	margin:72px 8px 0px 0px;
}

.menu ul {
	width:auto;
	float:right;
	margin:0px;
	padding:0;
	text-transform:uppercase;
	
}

.menu li {
	margin:0 0px 0 0px;
	padding:2px 2px;
	list-style:none;
	display:inline-block;

	
}
.menu li a
{
	display: block;
	float: right;
	padding: 6px 12px;
	color: #202120;
	text-decoration: none;
	border-right: 0px solid  #633;
	font-size:18px;
	font-family:'WEADYOU';

	
}

.menu li a:hover,#selected{color:#af1d31; }
.update a {
	background:#af1d31;
	padding:1px 4px;
	color: #fff;
	font-size:11px;
	text-decoration:none;
}

.update a:hover {
	background:#222222;
	padding:1px 4px;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
}

.right {
	float:left;
	width:760px;
}


.content {
	float:left;
	width:760px;
	margin:0 20px 0 0;
	overflow:hidden;
	margin-bottom:3px;
	
}
.footer {
	width:760px;
	color:#a71d1d ;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:3px;
	text-align:left;
	
	
}
.viewmore a{
	background:url(../images/viewmore.png);
	height:20px;
	width:82px;
	padding:1px 0px 0px 0px;
	font-size:9px;
	letter-spacing:1px;
	text-align:center;
	color:#FFF;
	margin-left:157px;
	display:block;
	background-repeat:no-repeat;
	text-transform:uppercase;
	margin-top:55px;
	
}

.viewmore a:hover{
	background: url(../images/viewmore-r.png);
	display:block;
	height:20px;
	width:82px;
	font-size:9px;
	letter-spacing:1px;
	text-align:center;
	color:#FFF;
	margin-left:157px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	
}

.moretcga a{
	background:url(../images/morewhybrick.png);
	height:29px;
	width:160px;
	font-family:WEADYOU;
	text-transform:uppercase;
	font-size:13px;
	display:block;
	position: absolute;
	right:0px;
	top:485px;
	color:#FFF;
	text-align:center;
	padding:1px 0px 0px 0px;
	background-repeat:no-repeat;
	display:none;
}

.moretcga a:hover{
	background:url(../images/morewhybrick-r.png) no-repeat;
	height:29px;
	width:160px;
	display:block;
	position:absolute;
	z-index:2;
	color:#E20731;
}
.main_box {
	
	width:700px;
	padding:25px 25px;
	margin:0px 0px 2px 0;
	float:left;
	background-color:#FFF;
	font-size:13px;
	line-height:16px;
	background-position:bottom;
	border-bottom:5px #251515 solid;
	text-align:justify;
}
.main_box strong{font-family: 'WEADYOU'; font-size:14px}

.main_box td a {
	color:#000;
	font-size:12px;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	padding:2px 10px;
	
}
.main_box td a:hover,#box_seleted{
	background:#222222;
	padding:2px 4px;
	color:#ffffff;
	font-size:10px;
	text-align:left;
	text-decoration:none;
}
.main_box td a{ background:#af1d31;
	padding:2px 4px;
	color:#fff;
	font-size:10px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;}
.icon {
	width:217px;
	margin:420px 12px 0 0px;
	padding:12px;
	float:right;
	background:url(../images/iconbg.png);
	border-bottom:5px #251515 solid;
	height:253px;
	border-top:5px #251515 solid;
}

.icon p {
	margin:0 0 5px 0;
	line-height:18px;
	letter-spacing:0px;
	text-align:justify;
}



.icon strong {
	text-transform:uppercase;
	font-family:WEADYOU;
	font-size:14px;
	margin-left:5px;
	color:#af1d31;
	font-weight:normal;
}
.submenu {
	width:750px;
	float:left;
	margin:0px 0 0 0;
	background:#FFF;
	border-top:5px #251515 solid;

}

.submenu ul {
	margin:3px 18px 12px 0px;
	padding:2px;
	float:left;
	text-transform:uppercase;
	font-weight: lighter;
}

.submenu li {
	margin:12px 0px 0 7px;
	padding:0px;
	list-style:none;
	float:left;
}
.submenu li a
{
	display: block;
	float: right;
	padding: 2px 14px;
	color:#202120;
	text-decoration: none;
	border-right: 0px solid  #633;
	font-size:16px;
	font-family:WEADYOU;
	background: url(../images/navi/arrow_hotels.png) no-repeat right;
	
}
.submenu li a:hover{color:#af1d31;background: url(../images/navi/arrow-pink.png) no-repeat right;}
.share{
	position: absolute;
	margin-left:843px;
	margin-top:-125px;
}
strong.state{text-transform:uppercase; color:#af1d31; font-weight:bold; font-family:WEADYOU; font-size:15px;}
strong.title{text-transform:uppercase; color:#242121; font-weight:bold; font-family:WEADYOU; font-size:15px}

/*form*/
.form {
	width:190px;
	margin:2px 10px 5px 0;
	font-family:Helvetica;
	font-size:12px;
	border:1px  dashed #af1d31;
	padding:3px;
	color: #000;
	text-align:left;
	background:none;
	outline:none;
}
form span{color:#af1d31}
.button {
	background:#333333;
	padding:3px 6px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:2px;
	border:none;
	text-shadow:none;
}
.button:hover {
   background:#af1d31;
	padding:3px 6px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	border:none;
	text-shadow:none;
}
/*form*/


ul.mission li{list-style:url(../images/navi/arrow-red.png); line-height:16px; margin-bottom:5px;}
ul.mission li strong{text-transform:uppercase; color:#888888}
.strong{text-transform:uppercase; color:#555555;}
ul.services li{list-style:url(../images/navi/arrow-red.png); line-height:16px; margin-bottom:5px; }
ul.services li strong{text-transform:uppercase; color:#111111}
ul.ser{padding-left:3px;}
ul.ser li{ list-style:none;}
ul.ser li a{background:url(../images/navi/arrow_hotels_.png) left no-repeat; color:#888888; width:300px; padding-left:16px; text-transform:uppercase;
font-size:16px; line-height:24px; text-decoration:underline}
ul.ser li a:hover{background: url(../images/navi/arrow-pink_.png) left no-repeat; color:#af1d31;}

.inline{width:650px;height:150px;overflow:auto; background: url(../images/bg_body.png); padding:20px; color:#CCC; text-align:justify}
.inline strong{ text-transform:uppercase; color:#d3102b; text-shadow:1px 0px 1px #111111; font-family:WEADYOU; font-size:20px}
.inline h1{ color:#efefef; font-size:16px; line-height:23px; text-transform:uppercase; font-family:WEADYOU; margin-bottom:8px;}
.inline strong#strong{text-transform:uppercase; color:#1fda6e; font-size:14px; text-shadow:none }
.inline li{list-style:lower-roman}

.proleft{float:left; width:350px; display:block}
.proleft img{ width:350px;}
.proright{float:left; width:300px; margin-left:15px; display:block}
.proright img{width:300px; display:block}
.border{padding:4px;}
.founder{float:left; display:block}
.founder ul{display:block; padding-left:30px;}
.founder li{list-style: url(../images/navi/arrow_hotels.png); width:320px;float:left;margin-top:5px;font-family: 'WEADYOU'; font-size:15px; color:#686767 }
.founder li:hover{color:#333;list-style: url(../images/navi/arrow-pink.png)}
#profile{float:left;display:block}
#profile ul{padding-left:30px;}
#profile li{list-style:url(../images/navi/arrow_hotels.png); float:left; width:600px;margin-top:5px; padding-bottom:3px; border-bottom:1px #333333 dotted;font-family: 'WEADYOU'; font-size:15px; color:#686767}
#profile li:hover{color:#333;list-style: url(../images/navi/arrow-pink.png)}
.last{float:left;display:block}
.last ul{padding-left:30px;}
.last li{list-style:url(../images/navi/arrow_hotels.png); float:left; width:600px; margin-top:5px; padding-bottom:3px; border-bottom:1px #b71717 dotted;font-family: 'WEADYOU'; font-size:15px; color:#686767}
.last li:hover{color:#333;list-style: url(../images/navi/arrow-pink.png)}
/* Scrollar
------------------------------*/
.Container {
	position:relative;
	width:100%;
	
}
#Scroller-1 { 
  position: relative;
  overflow: hidden;
  width: 670px;
  height: 590px;
}
/*#Scroller-1 p {
  margin: 0; 
  padding: 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #6F6048;
}*/
.Scroller-Container {
  position: absolute;
  top: 0px; 
  left: 0px;
}
#Scrollbar-Container {
  position: absolute;
  margin-top:-400px;
  margin-left:830px;
  
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
	width: 10px;
	height: 580px;
	position: relative;
	margin-top:-180px;
	margin-left:-130px;
	background: transparent url(../scrollbar/images/scrollbar_track.png) no-repeat center ;
}
.Scrollbar-Handle {
	position: absolute;
	width: 9px;
	height: 80px;
	padding-left:1px;
	margin-top:0px;
}
strong{ font-weight:normal}