* {
	padding: 0;
	margin: 0;
}

html{height: 100%;}

body{
	height: auto !important;
	background: #fff url(i/bg-inner.jpg) repeat-x top left;
	height: 100%;
	min-height: 100%;
	position: relative;
	font: normal 87.5%/140% Tahoma, Arial, Verdana, sans;
	color: #333;
}

input,textarea{
	font: normal 10.5pt/120% Tahoma, Arial, Verdana, sans;
}

body.main{background-image:none;}

a{color: #0074ad;}
a:hover{text-decoration: none;}

.header{
	background: transparent url(i/house.png) no-repeat bottom center;
	padding-top: 100px;
	height: 102px;
	color: #000;
}

.header,
.footer{
	font-family: Georgia, "Times New Roman", times, serif;
}

.bg{
	background: transparent url(i/bg.jpg) no-repeat center bottom;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1007px;
	left: 0;
	z-index: -1;
}

.logo{
	height: 68px;
	padding: 6px 0 0 70px;
	display: block;
	font-size: 1.4em;
	color: #000;
	text-decoration: none;
	width: 8em;
	line-height: 100%;
	background: transparent url(i/logo.png) no-repeat top left;
	float: left;
	position: relative;
	left: 3%;
}

.right{
	float: right;
	font-size: 1.2em;
	margin-top:30px;
	position: relative;
	margin-right: 10%;
}

* html .right{margin-right: 0;right: 10%;}
*+html .right{margin-right: 0;right: 10%;}

.right small{
	position: absolute;
	margin: 1em 0 0 -3em;
}

.right big{
	font-size: 1.78em;
	line-height: 1.4em;
}
.header .right sup{
	margin-top: -2em;
	width: 6.8em;
}

.main sup,
.header sup{
	font-size: 10.5pt;
	font-style: italic;
	position: absolute;
	margin: -0.8em 0 0 0.4em;
}

h1, h2, h3{
	font: normal 2.85em/120% Georgia, "Times New Roman", times, serif;
	color: #000;
	margin: 0 0 0.4em;
}

h2{
	font-size: 1.85em;
	color: #900;
	margin: 1em 0 0.4em;
}

h3{font-size: 1.6em}

.clr{clear: both;}

.content p,
.content ul{
	margin: 1em 0;
	line-height: 140%;
}

.content{
	padding: 3em 0 4em 0;
	overflow: hidden;
	margin: 0 13% 0 auto;
	width: 55%;
}

.prefooter{
	height: 8em;
}

.main .content{
	width: 94%;
	margin: 0 auto;
	padding: 3em 0 20em 0;
}

.menu{
	margin-top: 7.4em;
	float: left;
	width: 22%;
	list-style: none;
	position: relative;
	left: 3%;
	padding-left: 70px;
	line-height: 180%;
}

.main .left-column,
.main .right-column{
	float: left;
	width: 55%;
	margin: 3em 5% 0 0;
}

.main .left-column p{width: 35em;}

.main .content p,
.main .content ul{
	margin-left: 30px;
}

.content ul{
	list-style: none;
	padding-left: 1.18em;
}

.content ul li:before{
	content: "— ";
	margin-left: -1.18em;
}

* html .content ul li:before{content: '';margin-left: 0;}
*+html .content ul li:before{content: '';margin-left: 0;}
* html .content ul{
	list-style-type:disc;
	list-style-image: url('i/list.gif');
}
*+html .content ul{
	list-style-type:disc;
	list-style-image: url('i/list.gif');
}

.main .content .right-column ul li:before{
	content: "";
	margin-left: 0;
}

.main .content .right-column ul{
	padding-left: 0;
}

.main .right-column{
	width: 35%;
	margin: 0;
}

.footer{
	position: absolute;
	margin-left: -30px;
	left: 32%;
	bottom: 4em;
	font-size: 0.85em;
	color: #333;
}

.main .footer{
	width: 94%;
	left: 3%;
	margin-left: 0;
}

.footer a{color: #333;}

.footer p.copy{
	padding-left: 30px;
	float: left;
}

.footer .developer{float: right;}

.footer span.copy{
	position: absolute;
	margin-left: -1.1em;
}

.footer a#sl{
	position: relative;
	margin: auto;
	cursor: pointer;
	text-decoration: none;
	padding: 0 0.05em;
	border-bottom: 1px dashed;
}

.footer a#sl:hover{border: 0}

.footer .sl{
	position: absolute;
	top: -3.5em;
	margin-left: 6em;
	background: #259BC2;
	color: #fff;
	padding: 0.6em 1.4em;
	display: none;
}

.footer.nonmain .sl {
	left: 0;
}

.footer .developer .sl {
	margin-left: 3em;
	top: -5em;
}

.footer .sl p{
	margin: 0;
}

.footer .sl a{
	color: #fff;
}

.footer .sl .st{
	position: absolute;
	left: 60%;
	bottom: -10px;
	width: 0;
	height: 0;
	display: block;
	font-size: 0;
	line-height: 0;
	border-top: 0;
	border-left: 0;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #259BC2;
}

.cnt-footer-auth
{
	text-align: left;
	position: relative;
	left: 450px;
	top: -20px;
	width: 200px;
}

.cnt-footer-auth a
{
	font: normal normal normal 12px/normal Georgia, serif;
	color: #333;
	text-decoration: underline;
}

.cnt-footer-auth a:hover{
  background: transparent;
}


.cnt-footer-auth span
{
	font: normal normal normal 12px/normal Georgia, serif;
	color: #333;
	text-decoration: underline;
	position: relative;
	left: 9px;
	top: -4px;
}

.cnt-footer-auth a:hover
{
	text-decoration: none;
}

.cnt-footer-auth img
{
	position: relative;
	top: 15px;
	left: -30px;
	border: none;
}



.footer span.js{
	position: absolute;
	margin-left: -28px;
	margin-top: 0.5em;
	width: 23px;
	height: 38px;
	background: transparent url(i/js.png) no-repeat top left;
}

.footer span.js,{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/templates/ats/i/js.png",sizingMethod="crop");
}

/*
 *	gallery
 */

.thambs{
	margin: 0 12% 0 32%;
	overflow: hidden;
	position: relative;
	zoom:1;
}

.gallery{
	clear: both;
	width: 100%;
	overflow: hidden;
	padding: 0;
}

.thambs div{
	float: left;
	width: 110px;
	font-size: 0.75em;
	height: 160px;
	text-align: center;
	position: relative;
	padding: 0 5px;
	color: #666;
}

.thambs p{margin-top: 2.4em;line-height: 130%;}

.thambs img{
	padding:5px;
	position: absolute;
	bottom:5px;
	left: 5px;
}

.thambs span{
	width: 50%;
	float: right;
}
.view{
	margin: 3em 0 0 0;
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
}
#view{
	left: 25%;
	width: 100%;
	height: 500px;
	position: relative;
}

.loading{background: transparent url('i/loading.gif') no-repeat center 130px;}
#view .cnt{
	width: 100%;
	position: relative;
	height: 300px;
}
#view p{
	position:absolute;
	top: 320px;
	width: 400px;
	left: 25%;
	margin-left: -200px;
}

.thambs a{
	color: #666;
	text-decoration: none;
}

.thambs a:hover{color: #000}

#view .cnt div{
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.thambs #th_active{
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	margin: 69px 0 0 4px;
	width: 110px;
	height: 85px;
	padding:0;
	border: 1px solid #ccc;
	z-index: 1000;
}
.cnt img{margin: 0.6em;}
#view .cnt div img{
	width: 400px;
	float: none;
	margin: 0 auto;
	display: block;
	cursor: pointer;
}

#view .cnt div p{
	margin-top: 1em;
}

#gleft, #gright{
	position: absolute;
	display: block;
	top: 136px;
	left: 25%;
	height: 28px;
	width: 28px;
	background: url('i/gleft.png') no-repeat top left;
	text-indent: -2em;
	z-index: 100;
	overflow: hidden;
}

#gright{
	background: url('i/gright.png') no-repeat top left;
	left: auto;
	right: 25%;
}

.feedback{
	float: right;
	width: 17.5em;
	height: auto;
}

.feedback p{
	line-height: 130%;
	font-size: 0.75em;
	width: 22.8em;
	margin: 0.2em 0 1em 0;
	color: #999;
}

.feedback p.phint{margin: -0.4em 0 1.6em 0;}

.feedback .errors{
	font-size: 0.75em;
	margin-bottom: 0.8em;
	width: 22.8em;
}

.feedback input.text, .feedback textarea{
	border: 1px solid #999;
	font-size: 8pt;
	padding: 3px 4px;
	width: 235px;
	background: transparent;
}

.feedback textarea{height: 86px;}

.feedback .button{
	border: 1px solid #999;
	width: 7em;
	height: 1.8em;
	font-size: 1em;
	background: transparent;
}
div.map{
	position: relative;
	width: 520px;
	height: 230px;
	left: 45%;
	margin-left: -360px;
}

div.map img{
	margin-top: -150px;
	left: 0;
	position: absolute;
}

#m1{display: block;}
#m2{display: none;}
p.mlinks{
	position: absolute;
	bottom: 0;
	right:-2em;
}
p.mlinks a{margin-right: 2em;text-decoration: none;border-bottom: 1px dashed}
p.mlinks a.active{color: #333;border:0}
p.mlinks a#ym{
	border:0;
	text-decoration: underline;
	padding-right: 12px;
	background: url('i/nw.gif') no-repeat top right;
	margin-right: 0;
	margin-left: 2em;
}
p.mlinks a#ym:hover{text-decoration: none;}
.foto {
	padding-left: 15px;
}

