@font-face {
    font-family: 'optima_lt_stdroman';
    src: url('optima_normal-webfont.eot');
    src: url('optima_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('optima_normal-webfont.woff') format('woff'),
         url('optima_normal-webfont.ttf') format('truetype'),
         url('optima_normal-webfont.svg#optima_lt_stdroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'optima_lt_stdmedium_italic';
    src: url('optima_italic-webfont.eot');
    src: url('optima_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('optima_italic-webfont.woff') format('woff'),
         url('optima_italic-webfont.ttf') format('truetype'),
         url('optima_italic-webfont.svg#optima_lt_stdmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden; font-size:11px;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background:#111116; border:0; font:12px 'optima_lt_stdroman',  Helvetica, sans-serif; color:#9a9a9a; line-height:22px; min-width:960px; overflow:hidden}


.page_spinner{ position:absolute;background: url(../images/bg.jpg) 0 0 repeat #111116; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner div{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat;width:100%; height:100%; top:0; left:0}

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}

/* Global Structure ============================================================= */

.over{ position:relative; overflow:hidden}

/* ============================= main layout ====================== */

a{ color:#9a9a9a; text-decoration: none; outline:none}
a:hover{ text-decoration: none}
h1{ padding:0 0 0 0; float:left;}
h2{ font:20px 'optima_lt_stdmedium_italic', serif; color:#be9f57; line-height:1.2em; text-transform:uppercase; padding:0 0 26px 0; margin-top:-4px; letter-spacing:-1px; }
h2 span{ display:block; margin-top:-10px;}
p{ padding-bottom:22px;}

/* ============================= header ====================== */
header{ height:256px; position:relative; z-index:2}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:202px; height:201px; margin-top:24px; overflow:hidden; position:relative}
#logo span{  text-indent:0; display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
#logo span img{position:absolute; top:0; left:0; width:0; height:0;}

.menu{ float:right; margin-top:26px;}
#menu {}
#menu > li { position:relative; float: left; border-right:1px solid #35353b;}
#menu > .last{ border:0}
#menu > li > a{ position:relative; overflow:hidden; background:#161515; display:block; font:11px 'optima_lt_stdroman', serif; line-height:28px; padding-top:10px;   text-transform:uppercase; color:#fff}
#menu > li > a > span{ position:relative; display:block; padding:0 26px; height:100%}
#menu > li > a > .right_mask, #menu > li > a > .left_mask{ position:absolute; top:0; width:100%; padding:0}
#menu > li > a > .right_mask{ background:url(../images/bg_mask_right2.png) 0 0 no-repeat; right:-100%}
#menu > li > a > .left_mask{ background: url(../images/bg_mask_left2.png) right 0 no-repeat; left:-100%}

.submenu_1{ position: absolute; left:0; top:49px; width:158px; background:#333339; padding:21px 0}
.submenu_1 li{ margin-bottom:5px; position:relative; line-height:35px;}
.submenu_1 a{ display:block; font-weight:bold; color:#fff; position:relative; padding:0 15px;}
.submenu_1 span{ position:absolute; width:100%;  height:100%; background:#be9f57}
.submenu_1 a:hover, .submenu_1 .sfHover > a{}
.submenu_2{ position: absolute; left:159px; top:-21px; width:158px; background:#be9f57; padding:21px 0}
.submenu_2 span{ position:absolute; width:100%;  height:100%; background:#333339}

/* ============================= content ====================== */

#content{ position:relative; z-index:1; overflow:visible !important}
#content > ul > li{ position:relative; width:100%}

.close{ position:absolute; right:20px; top:20px; background:url(../images/close.gif) 0 0 no-repeat; width:26px; height:26px;}
.close span{ display:block; width:100%; height:100%; background:url(../images/close_active.gif) 0 0 no-repeat}

#splash{ position:absolute; width:952px; top:70%;   z-index:9999;}

#caption{ position:relative; margin-top:53px; height:427px;}
#caption li{ position:absolute;}
#caption li a{ font-family:'optima_lt_stdroman', serif; color:#fff;}
#caption strong{ font-size:130px; line-height:1.2em; display:block; letter-spacing:-5px; font-weight:normal}
#caption span{ font-size:30px; line-height:1.2em;  display:block; letter-spacing:-4px; margin-top:-61px;}
#caption em{ font-size:30px; line-height:1.2em;  display:block; letter-spacing:-2px; margin-top:-18px; color:#161515; font-style: normal}
#caption img{ display:inline-block; margin-top:19px}

#caption1 strong{padding-left:152px;}
#caption1 span{padding-left:2px;}
#caption1 em{padding-left:40px;}
#caption2 strong{ margin-left:-4px}
#caption2 span{padding-left:40px;}
#caption2 em{padding-left:40px;}
#caption3 strong{padding-left:15px;}
#caption3 span{padding-left:105px;}
#caption3 em{padding-left:50px;}
#caption4 strong{padding-left:20px;}
#caption4 span{padding-left:4px;}
#caption4 em{padding-left:70px;}

#bg_pagination{ padding:18px 0 35px 12px; background-image:url(../images/trasp.png);}
#bg_pagination ul{height:154px;}
#bg_pagination li{ float:left; margin-right:10px; position:relative; width:178px;}
#bg_pagination a{ font-size:12px; position:relative; display:block; height:172px; overflow:hidden}
#bg_pagination .act_box{ position:absolute; width:166px; height:100%; background:#0d0d0d; top:0; left:0}

#bg_pagination .box{ position:absolute; width:150px; background:#111116; height:97px; border:8px solid #333339; top:0; left:0}
#bg_pagination img{ position:relative; padding:8px; width:150px; height:98px;}
#bg_pagination .caption{ text-align:center; display: block; font:14px 'optima_lt_stdroman', serif; color:#fff; line-height:1.2em; position:relative; letter-spacing:-1px; margin-top:2px; padding-right:12px;}
#bg_pagination .caption span{ text-transform:uppercase}
#bg_pagination .caption em{ display:inline-block; background:url(../images/marker_1.gif) 0 0 no-repeat; width:8px; height:9px; margin-top:8px;}

#content > ul > li .box{ padding:60px 0;background-image:url(../images/trasp.png);}
.height{ min-height:154px;}

.line1{ background:url(../images/line_vert1.gif) 630px 0 repeat-y}
.line2{ background:url(../images/line_vert1.gif) 310px 0 repeat-y}
.line3{ background:url(../images/line_vert1.gif) 550px 0 repeat-y}
#page_contacts .line3{ background:url(../images/line_vert1.gif) 400px 0 repeat-y}

.pad_bot1{ padding-bottom:14px}
.pad_bot2{ padding-bottom:28px}
.pad_top1{ padding-top:8px; padding-bottom:0; margin-bottom:0; color:#fff;}
.marg_bot1{ margin-bottom:52px}
.marg_bot1 ul li a { color:#be9f57; text-decoration:none;}
.marg_right1{ margin-right:19px;}
#page_services .marg_bot1{ margin-bottom:65px}


.font1{ font-weight:bold; text-transform:uppercase; line-height:25px; color:#be9f57}

figure{ padding-top:7px;}

.list1{}
.list1 li{ line-height:22px; padding-bottom:1px;}
.list1 a{ color:#26251e; text-decoration:underline; padding-left:17px; background:url(../images/marker_1.gif) 0 4px no-repeat; font-weight:bold}

.button1{ display:inline-block; background:#333339; color:#fff; text-transform:uppercase; line-height:33px; position:relative; overflow:hidden}
.button1 strong{ position: relative; padding:0 9px;}
.button1 strong span{ padding-right:15px; background:url(../images/marker_1.gif) right 4px no-repeat}
.button1 .right_mask, .button1 .left_mask{ position:absolute; top:0; width:100%; padding:0; height:100%}
.button1 .right_mask{ background:url(../images/bg_mask_right1.png) 0 0 no-repeat; right:-100%}
.button1 .left_mask{ background: url(../images/bg_mask_left1.png) right 0 no-repeat; left:-100%}

.google_map{ width:310px; height:224px; background:#fff; padding-top:0; margin-top:7px; margin-bottom:22px;}


/* ============================= footer ====================== */

footer { text-align:center; padding-top:46px; color: #000; padding-bottom:52px;}
footer a{ color:#000}
footer span{ font:17px 'optima_lt_stdroman', serif; color:#000; }

/* ============================= forms ============================= */

#ContactForm{ padding-top:7px; position:relative}
#ContactForm .wrapper{ overflow:inherit; min-height:43px;}
#ContactForm .success{ display:none; position:absolute; left:0; bottom:0;}
#ContactForm label{ position:relative;min-height:31px; display: inline-block;}
#ContactForm .message{ height:328px;}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#000; line-height:14px; display:none; width:100%; color:#FFF;}
#ContactForm a{float:right;}
#ContactForm .input { margin:0;width:246px; height:17px; background:#fff; border:1px solid #b3b3b3; padding:6px 10px;color:#9b9b9b; font:13px 'optima_lt_stdroman', Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;resize:none;width:447px; height:297px; background:#fff; border:1px solid #b3b3b3; padding:6px 10px;color:#9b9b9b; font:13px 'optima_lt_stdroman', Helvetica, sans-serif;}


#ContactForm  .bg{display:inline-block;}

#ContactForm2{ padding-top:7px; position:relative}
#ContactForm2 .wrapper{ overflow:inherit; min-height:43px;}
#ContactForm2 .success{ display:none; position:absolute; left:0; bottom:0;}
#ContactForm2 label{ position:relative;min-height:31px; display: inline-block;}
#ContactForm2 .message{ height:328px;}
#ContactForm2 .error, #ContactForm2 .empty{ font-size:10px; color:#000; line-height:14px; display:none; width:100%; color:#FFF;}
#ContactForm2 a{float:right;}
#ContactForm2 .input { margin:0;width:246px; height:17px; background:#fff; border:1px solid #b3b3b3; padding:6px 10px;color:#9b9b9b; font:13px 'optima_lt_stdroman', Helvetica, sans-serif;}
#ContactForm2 textarea { overflow: auto; margin:0;resize:none;width:447px; height:297px; background:#fff; border:1px solid #b3b3b3; padding:6px 10px;color:#9b9b9b; font:13px 'optima_lt_stdroman', Helvetica, sans-serif;}


#ContactForm2  .bg{display:inline-block;}

/***Slide****/
.infiniteCarousel {

	height:200px;
  	position: relative;
	width:970px;
}
.infiniteCarousel .wrapper {
	width: 840px;  /*.infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	height: 200px;
	position: absolute;
	margin: 0 60px;
	top: 25px;
}
.infiniteCarousel ul a img {
/*  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;*/
  max-width: none;
  vertical-align: middle;
  border: 0 none;
  height:112px;
  width:150px;
}

.infiniteCarousel .wrapper ul {
  width: 850px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
/*  top: 0;*/
}
.infiniteCarousel li {
    float: left;
    height: 150px;
    /*margin-right: 20px;*/
    overflow: visible !important;
    width: 170px;
}
.infiniteCarousel li.empty {width:0; margin:0;}

.infiniteCarousel li strong {
    display: block;
    font-weight: normal;
    margin-bottom: 9px;
	color:#000;
}
.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  text-align:center;
  position: absolute;
  top: 60px;
  cursor: pointer;
  outline: 0;
  line-height: 36px;
  font-weight:bold;
    -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.infiniteCarousel .forward {
  right: 0;
  margin-right:0;
}

.infiniteCarousel .back {
  left: 0;
  margin-right:0;
}