@charset "utf-8";

* {
  	font-size:16px;
  	font-family:Arial, Helvetica, sans-serif;
  	text-decoration:none;
}

*:focus { outline:none; }

body {
  	margin:0;
  	padding:0;
	height:100%;
	color:#4a4949;
}

@font-face {
	font-family: 'Novecentowide-Book';
	src: url('fonts/Novecentowide-Book-webfont.eot');
	src: local('☺'), url('fonts/Novecentowide-Book-webfont.woff') format('woff'), url('fonts/Novecentowide-Book-webfont.ttf') format('truetype'), url('fonts/Novecentowide-Book-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 {
	font:36px 'Novecentowide-Book', Helvetica, Arial, sans-serif;
	letter-spacing:-0.02em;
	line-height:32px;
	color:#fff;
	margin:10px 0 10px 0;
}

h2 {
	font:36px 'Novecentowide-Book', Helvetica, Arial, sans-serif;
	letter-spacing:-0.02em;
	line-height:31px;
	color:#e67700;
	margin:0 0 5px 0;
}

h3 {
	font:26px 'Novecentowide-Book', Helvetica, Arial, sans-serif;
	letter-spacing:-0.02em;
	line-height:31px;
	color:#e67700;
	margin:0 0 5px 0;
}

h4 {
	font-size:18px;
	font-weight:normal;
	color:#e67700;
	margin:0 0 4px 0;
}

p {
	margin:8px 0 0 0;
}

a img {
	border:none;
}

a {
	color:#e67700;	
}

a:hover {
	color:#ffffff;
}

label {
	width:105px;
	margin:4px 0 0 0;
	display:block;
	float:left;
}

.form_item {
	float:left;
	margin:2px 0;
}

input {
	width:150px;
	height:20px;
	padding:3px 5px 1px 5px;
	background:#ccc;
	color:#666;
	border-top: 1px solid #818181;
	border-left: 1px solid #818181;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

textarea {
	width:244px;
	height:40px;
	padding:2px 5px;
	background:#ccc;
	border-top: 1px solid #818181;
	border-left: 1px solid #818181;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

input#submit {
	width:135px;
	height:26px;
	padding:0 15px 3px 7px;
	margin-top:2px;
	background:url(arrow_small.png) no-repeat;
	color:#fff;
	border:none;
	cursor:pointer;
	float:right;
}

input#submit:hover {
	background:url(arrow_small_active.png) no-repeat;
}

.content_text ul {
	padding:0;
}

.content_text li {
	list-style-type: none;
	background: url(img/listitem.gif) no-repeat left 3px;
	padding: 0 0 10px 20px;
}


/* ------ nav ------ */

#logo {
	margin: 32px 105px 0 0;
	float:left;
}

#top {
	height:120px;
	width:100%;
 	position:fixed;
	top:0;
	left:0;
	z-index:60;
	background:#fff;
}

#nav_container {
	margin:0 auto;
	width:980px;
}

#nav_container ul {
    height:30px;
    padding:0;
	margin: 68px 0 0 0;
	float:left;
}

#nav_container ul a {
  	display:block;
  	font:25px 'Novecentowide-Book', Arial, serif;
	letter-spacing:-0.04em;
  	padding:0 30px 0 0;
  	color:#7c7c7c;
}
#nav_container ul a.active, #nav_container ul a:hover {
  	color:#e67700;
}

#nav_container ul li {
  	margin:0;
  	padding:0;
  	list-style:none;
  	float:left;
}

#nav_container ul li a {
   display:block;
   margin:0;
   text-decoration:none;
}

#nav_container ul li:hover a{
	color:#e67700;
	text-decoration:none;
}


/* ------ index ------ */

#slogan {
	margin:0 auto;
    width:980px;
}

#slogan h1{
	position:absolute;
	top:445px;
	margin:0 0 0 25px;
	z-index:17;
	text-shadow: 1px 1px 10px #000;
}

#img_container {
	width:100%;
	padding:0;
	margin:120px auto 2px auto;
	background:#a6a6a6;
}

#shadow {
	background:url(img/shadow_top.png) repeat-x top;
	height:8px;
	width:100%;
	position:absolute;
	top:120px;
	z-index:20;
}

#areas_bg {
	margin: 0 auto;
	padding:0;
	width:100%;
	height:214px;
	background:#f9ac34;
	border-top:1px solid #fcc16b;
	border-bottom:1px solid #d9962d;
}

#areas {
	margin: 0 auto;
	width:980px;
}

.area_item {
	float:left;
	width:326px;
	height:214px;
	background: url(img/bg_areaitem.png) no-repeat left top;
	padding-top:15px;
}

.area_item_last {
	float:left;
	width:328px;
	height:214px;
	background: url(img/bg_areaitem.png) no-repeat left top;
	padding-top:15px;
}

.area_item h1, .area_item_last  h1 {
	font:32px 'Novecentowide-Book', Helvetica, Arial, sans-serif;
	width:auto;
	background:none;
	padding:0 25px;
}

.area_text {
	padding:0 25px 28px 25px;
	margin:0;
	color:#4a4949;
	line-height:20px;
}

.btn {
	font:18px 'Novecentowide-Book', Helvetica, Arial, sans-serif;
	letter-spacing:-0.02em;
	line-height:22px;
	text-align:center;	
	width:100%;
}

a.area_item:hover, a.area_item_last:hover {
	background:url(img/bg_areaitem_active.png) no-repeat left top;
}

#news_container {
	background:url("img/text_bg.gif") repeat-x scroll center top #e4e4e4;
	margin:0 auto;
    padding:0;
    width:100%;
}

#news {
	margin:0 auto;
    padding:30px 25px;
    width:930px;
}

#newstitle {
	float:left;
	margin:0 26px 0 0;
	width:302px;
}


#news img {
	float:left;
	margin:0 30px 30px 0;
}


/* ------ content ------ */

.white_line {
	width:100%;
	height:2px;
}

.content_text_bg {
	margin:0 auto;
	padding:0;
	width:100%;
	background:#e4e4e4 url(img/text_bg.gif) repeat-x top;
}

.content_text {
	margin:0 auto;
	padding:30px 25px;
	width:930px;
}

.area_title {
	background:#f9ac34;
	padding:20px 0;
	margin:0;
	width:100%;
	display:block;
}

.content_text_bg h1, .refs h1 {
	width:930px;
	margin:0 auto;
}

.content_text h2, .refs h2 {
	margin:0 0 15px 0;
}

.content_text h3, .refs h3 {
	margin:20px 0 5px 0;
}

.content_text img, .refs img {
	float:right;
	margin:0 0 15px 15px;
}

.refs_bg {
	margin:0 auto;
	padding:0;
	width:100%;
	background:#e4e4e4;
}

.ref_items_bg {
	margin:0 auto;
	padding:0;
	background:#fff url(img/shadow_dark.gif) repeat-x top;
	width:100%;
}

.refs {
	margin:0 auto;
	padding:30px 25px;
	width:930px;
}

.ref_items {
	margin:0 auto;
	padding:30px 0 0 0;
	width:980px;
}

li.ref_item {
	width:295px;
	background:#e4e4e4 url(img/shadow_dark.gif) repeat-x bottom;
	margin:0 0 23px 25px;
	overflow:hidden;
    min-height:330px;
    display:-moz-inline-stack;
    display:inline-block;
    vertical-align:top;
    zoom:1;
    *display:inline;
    _height:330px;

}

.ref_title {
	font:24px 'Novecentowide-Book', Helvetica, Arial, sans-serif;
	letter-spacing:-0.02em;
	line-height:26px;
	color:#e67700;
	margin:18px 20px 0 20px;
}

.loc {
	font:24px 'Novecentowide-Book', Helvetica, Arial, sans-serif;
	letter-spacing:-0.02em;
	line-height:26px;
	color:#9f9e9e;
}

.ref_item  p {
	margin:10px 20px 25px 20px;
}


/* ------ image slider ------ */

#s3slider {
   width: 980px; /* important to be same as image width */
   height: 390px; /* important to be same as image height */
   position:relative;
   overflow:hidden;
   margin: 0 auto;
   z-index:15;
}

#s3sliderContent {
   width: 980px; /* important to be same as image width or wider */
   height: 390px;
   position: absolute;
   top: 0;
   margin: 0 0 0 -40px;
}

.s3sliderImage {
   float: left;
   position: relative;
   display: none;
}

.s3sliderImage span {
   position: absolute;
   left: 0;
   width: 0;
   display: none;
   top: 0;
}

.clear {
   clear: both;
} 


/* ------ footer ------ */

#footer {
	width:100%;
	background:#fff url(img/footer_bg.gif) repeat-x top left;
	height:85px;
	padding:26px 0 20px 0;
}

#info {
	width:980px;
	margin:0 auto;
}

.footeritem {
	font-size:14px;
	color:#7c7c7c;
	width:276px;
	padding:0 25px;
	float:left;
}

.footeritem  a {
	font-size:14px;	
	color:#7c7c7c;
	line-height:28px;
}

.footeritem a:hover {
	color:#e67700;	
}

.footeritem  h4 {
	color:#7c7c7c;
}

.contact_phone {
	background:url(img/icon_phone.png) left 3px no-repeat;
	padding: 0 0 5px 30px;
}

.contact_mail {
	background:url(img/icon_mail.png) left 4px no-repeat;
	padding: 0 0 0 30px;
}

a.contact_mail:hover {
	background:url(img/icon_mail_active.png) left 4px no-repeat;
}

.contact_phone, a.contact_mail {
	font-size:20px;
}