@charset "UTF-8";
@import "defaults.css";
@import "typography.css";
@import "forms.css";
@import "colorbox.css";

/* =============================================================================
   reusable
   ========================================================================== */
input:focus::-webkit-input-placeholder { color: transparent;}
input:focus:-moz-placeholder { color: transparent;}
input:focus::-moz-placeholder { color: transparent;}
input:focus:-ms-input-placeholder { color: transparent;}

html{height: 100%;}
body{background-color: #fcfcfc; height: 100%;}

/* =============================================================================
   layout 
   ========================================================================== */
#wrapper{min-height: 100%; position: relative;}
.container{
	margin:0 auto;
	width:960px;
}
#content .one-third{
	width: 36%;
	margin-left: 1%;
	float: left;	
}
#content .one-third:first-child{
	margin-left: 0;
	width: 25%;	
}

#head{
}

#main{
	overflow:hidden;
	background-color: #fff;
}
#sidebar{
	float:left;
}
.has_sidebar{
	border-left: 1px solid #dddede;
	padding-left: 30px;
	width: 629px;
	float:right;
}
#footer{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 110;
}

/* =============================================================================
   head
   ========================================================================== */
#head{font-family: 'PT Sans Narrow', sans-serif; font-size: 13px; padding-top: 6px;}
	#head_logo{background: url(../failid/Project/content/head_logo.png); height: 76px; width: 299px; display: block; text-indent: -5000px; float: left; margin-bottom: -5px; position: relative; z-index: 110;}
	
#lang_sel{float: right; color: #363535; list-style: none; margin: 30px 0 0 0; padding: 0;}
	#lang_sel li{float: left; padding-left: 6px;}
	#lang_sel a{color: #363535; display: block; margin-left: 6px; float: right;}
	#lang_sel .active a, #lang_sel a:hover{text-decoration: underline;}
	
/* =============================================================================
   Navigation
   ========================================================================== */
#site_nav{font-family: 'PT Sans Narrow', sans-serif; position: absolute; top: 0; left: 0;}
#site_nav > ul > li{
	float: left;
	background: rgb(66,68,68);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiM0MjQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmMyYzJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(66,68,68,1) 75%, rgba(44,44,44,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(66,68,68,1)), color-stop(100%,rgba(44,44,44,1)));
	background: -webkit-linear-gradient(top,  rgba(66,68,68,1) 75%,rgba(44,44,44,1) 100%);
	background: -o-linear-gradient(top,  rgba(66,68,68,1) 75%,rgba(44,44,44,1) 100%);
	background: -ms-linear-gradient(top,  rgba(66,68,68,1) 75%,rgba(44,44,44,1) 100%);
	background: linear-gradient(to bottom,  rgba(66,68,68,1) 75%,rgba(44,44,44,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424444', endColorstr='#2c2c2c',GradientType=0 );
}
	#site_nav li:hover ul{display: block;}
	#site_nav > ul > li > a{background-image: url(../failid/Project/content/nav.jpg); background-position: 0 center; background-repeat: no-repeat;}
	#site_nav > ul > li:first-child > a{background-image: none;}
	#site_nav ul li a{display: block; text-transform: uppercase; font-size: 18px; padding: 15px 46px; color: #fff;}
	#site_nav ul li:hover, #site_nav .active{
		background: #525454;	
	} 
  	#site_nav ul ul{
		display: none;
		position: absolute;	
		margin-left: 0;
	}
		#site_nav ul ul li a{font-size: 16px; padding: 8px 46px;}
		#site_nav ul ul li{background: #424444; border-bottom: 1px solid #525454;}
/* =============================================================================
   Sidebar
   ========================================================================== */
.side_nav{padding-left: 13px; font-size: 14px; margin-top: 0;}
	.side_nav .active > a{text-decoration: underline; color: #363535;}
#sidebar{
	width: 240px;	
}
.with_map #sidebar{width: 150px;}

/* =============================================================================
   Content
   ========================================================================== */
#large_img{overflow: hidden; position: relative; z-index: 50; min-height: 300px;}
#large_img .container{position: relative;}

.front #main.container{width: 960px;}
#main.container{width: 926px;}

.front #main{margin-top: -18px; padding: 0 0 130px 0;}  
#main{margin-top: -200px; position: relative; z-index: 100; padding: 17px 17px 130px 17px;}
#hero_unit{
	margin-bottom: 18px;
	border-bottom: 1px solid #dddede;
	overflow: hidden;
	padding: 18px 0 12px;
}
	#hero_unit h1{font-size: 30px; font-weight: 700; border-bottom: 0; float: left; line-height: 30px; padding-top: 5px; max-width: 723px;}
	#hero_unit .button{float: right; font-size: 20px; margin-right: 2px; padding-left: 14px; max-width: 148px; line-height: 26px;}
	.button .ico{display: block; height: 22px; width: 22px; background-image: url(../failid/Project/icons/pricetag.png); float: left; margin-right: 10px; background-position: 0 0; margin-top: 3px;}
	.button:hover .ico{background-position: 0 100%;}

.front #content{padding: 17px 17px 80px 17px; overflow: hidden; zoom: 1;}
	#content .row{ clear: both; margin-bottom: 10px;}
	#content .box{
		float: left;
		width: 288px;
		position: relative;
		-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    0px 1px 5px rgba(0, 0, 0, 0.2);
		box-shadow:         0px 1px 5px rgba(0, 0, 0, 0.2);
		margin-bottom: 26px;
	}
	#content .box a{color: #424242}
	#content .box a:hover{color: #fff; text-decoration: none;}
	#content .box:nth-child(even){ margin: 0 27px;}
		.box_title{
			border-bottom: 8px solid #363535; 
			font-family: 'PT Sans Narrow', serif; 
			font-weight: 400; 
			font-size: 33px; 
			line-height: 26px; 
			margin-top: -40px; 
			margin-bottom: 0;
			-webkit-transition: all 300ms linear;
			-moz-transition: all 300ms linear;
			transition: all 300ms linear;
		}
			.box_title span{
				background-color: #363535;
				color: #fff; 
				display: inline-block; 
				padding: 7px 15px;
				-webkit-transition: all 300ms linear;
				-moz-transition: all 300ms linear;
				transition: all 300ms linear;
			}
			.box a:hover .box_title{border-color: #555555;}
				.box a:hover .box_title span{background-color: #555555;}
		.box_content{ 
			padding: 20px 12px;
			height: 48px;
			overflow: hidden;
			background-color: #fcfbfb;
		}
			.box a:hover .box_content{background-color: #363535;}
		.box .redbox{position: absolute; display: block; background: url(../failid/Project/content/redbox.png); width: 28px; height: 31px; text-indent: -5000px; bottom: 0; right: 0;}

#content .one_quarter{ width: 195px; float: left; border-right: 1px solid #dddede;}
#content .three_quarters{ width: 726px; float: left;}

.front #content{font-size: 12px; line-height: 18px;}
#content{font-size: 13px; line-height: 24px; padding-bottom:20px;}

.front #content .map_ul{
	width: 220px;
	margin: 0;
	float: left;
	overflow: hidden;
}
.front #content .map_ul li{
	float: left;
	margin-bottom: 4px;
	width: 45%;
}
.front #content .map_ul li:nth-child(even){float: right;}

.with_map ul{
	float: left;
	padding-left: 13px;
	font-size: 14px;
}
.with_map ul ul{
	float: none;	
}
.with_map ul li a{
	text-decoration: none;	
}
.with_map .active > a{text-decoration: underline;}
.with_map.large ul{ width: 135px;}

.side_nav li{margin-bottom: 10px;}
.with_map.large .has_sidebar{
	border-left: 0;
	width: 772px;
	padding-left: 0;		
}
.with_map .has_sidebar{
	width: 734px;
}
.with_map.detail .has_sidebar h1{margin-bottom: 0; line-height: 33px;}

.address{
	color: #7a7979;
	display: block;
	font-size: 13px;	
}

.detail_content{width: 350px; float: left; font-size: 12px; line-height: 18px;}

.detail_content table{margin-top: 40px;}

/* =============================================================================
   Footer
   ========================================================================== */
#footer{background-color: #ededed; padding-top: 25px; height: 105px;}
	#footer .container{position: relative;}   
		#footer p{margin: 0;}
		#footer ul{padding: 0; list-style: none; margin: 0;}
		#footer ul li{float: left; max-width: 190px; margin-right: 25px;}
   
#ama{
	display:block;
	color: #939393;
	position:absolute;
	top:0;
	right:0;
	font-size: 11px;
	line-height: 14px;
	background-image:url(../failid/Project/ama.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 34px;
}
#ama:hover{background-position: 100% 100%;}


/* =============================================================================
   print
   ========================================================================== */

@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	#head, #sidebar, #footer, button,
	.error, .alert, .notice, .success, .info, .button
	{ display:none !important; }
	#wrapper, #content{ width:auto !important; float:none !important; margin:0 !important; padding:0 !important;}
}
/* =============================================================================
   MEDIA QUERY
   ========================================================================== */
@media (max-width: 959px){
	html {
		box-sizing: border-box;
	}
	*, *:before, *:after {
		box-sizing: inherit;
	}
	img{max-width: 100%; height: auto;}
	#large_img img{max-width: none;}
	#wrapper{overflow: hidden;}
	#main.container, .front #main.container, .container{width: 100%;}
	.box_content{height: auto;}	
	#site_nav{left: 0; width: 100%;
	  background: rgb(66,68,68);
	  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	  background: -moz-linear-gradient(top, rgba(66,68,68,1) 75%, rgba(44,44,44,1) 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(66,68,68,1)), color-stop(100%,rgba(44,44,44,1)));
	  background: -webkit-linear-gradient(top, rgba(66,68,68,1) 75%,rgba(44,44,44,1) 100%);
	  background: -o-linear-gradient(top, rgba(66,68,68,1) 75%,rgba(44,44,44,1) 100%);
	  background: -ms-linear-gradient(top, rgba(66,68,68,1) 75%,rgba(44,44,44,1) 100%);
	  background: linear-gradient(to bottom, rgba(66,68,68,1) 75%,rgba(44,44,44,1) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424444', endColorstr='#2c2c2c',GradientType=0 );
	}
	#site_nav ul{width: 100%; overflow: hidden;}
	#site_nav ul li{width: 16.66666666666667%;}
	#site_nav ul li a{padding: 10px 15px; display: block; text-align: center;}
	.row{margin-left: -15px; margin-right: -15px;}
	#content .box{width: 33%; margin: 0 0 26px 0; padding: 0 15px; box-shadow: none;}
	#content .box > a{display: block; position: relative; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);	}
	#content .box:nth-child(even){margin: 0 0 26px 0;}
	#content .one_quarter{width: 33%;}
	#content .three_quarters{width: 67%;}
	
	.front #content .one_quarter{width: 23%;}
	.front #content .three_quarters{width: 77%; padding-left: 15px;}
	.front #content .map_ul{padding-left: 20px;}
	
	#hero_unit h1{font-size: 25px; line-heihgt: 25px;}
	#hero_unit .button{max-width: none;}
	#footer{padding-left: 15px; padding-right: 15px;}
	
	.with_map #sidebar,	#sidebar{width: 20%;}
	.with_map.large .has_sidebar, 
	.has_sidebar, 
	.with_map .has_sidebar{width: 79%;}
	table{width: 99%!important;}
	.detail_content,
	div.map_area.fr,
	div.map_area.fr #map_canvas{width: 100%!important; float: none!important;}
	
	iframe{max-width: 100%!important;}
	.has_sidebar{padding-left: 10px;}
	#content .one-third:first-child,
	#content .one-third{width: 33%;}
	#content .one-third{margin-left: 0;}
	#content .one-third:nth-child(even){padding: 0 10px;}
	.form input[type=text], .form input[type=password], .form input[type=url], .form input[type=email], .form textarea, .form select{width: 100%; max-width: 100%;}
	#footer{position: relative; height: auto; overflow: hidden;}
	
	#main{padding: 15px;}
}
@media (max-width: 767px){
	.with_map #sidebar,	#sidebar{width: 100%; float: none;}
	.with_map.large .has_sidebar, .has_sidebar, .with_map .has_sidebar{border: none; width: 100%; padding: 0;}	
	.with_map ul{width: 100%;}
	.side_nav li{width: 33%; float: left;}
	.row{margin-left: -5px; margin-right: -5px;}
	#content .box{padding-left: 5px; padding-right: 5px;}
}
@media (max-width: 580px){
	#content .box, 
	#content .one-third:first-child,
	#content .one-third,
	.front #content .one_quarter,
	.front #content .three_quarters{width: 100%; margin-bottom: 15px;}
	.front #content .one_quarter{border-right: 0;}
	.front #content .three_quarters{padding-left: 0;}
	#content .one-third:nth-child(even){padding: 0;}	
		
	.box_img img{width: 100%; height: auto;}
	#site_nav ul li{width: 33.333333333333%;}
	.front #main{margin-top: -200px;}
	
	iframe{width: 100%!important;}
	#footer ul li{margin-right: 0; width: 100%; max-width: none; margin-bottom: 15px;}
	.side_nav li{width: 100%;}
	#hero_unit{padding-top: 0;}
	.front #main{padding: 15px 0;}
	.front #content{padding: 0 15px;}
	.front #content .map_ul{width: 100%; float: none!important; clear: both!important;}
	#hero_unit h1{width: 100%; max-width: 100%; text-align: center;}
	#hero_unit .button{float: none!important; display: block; margin: 10px 0 0 0; clear: both; text-align: center;} 
}
@media (max-width: 420px){
	#site_nav ul li{width: 50%;}
}