/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position: relative}

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

body{ background: url(../images/bg.gif) center 0 repeat; border:0; font:14px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:19px; min-width:980px; overflow:hidden}

.page_spinner{ position:absolute; background: url(../images/bg.gif) center 0 repeat #1a1a1a; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner div{ width:100%; height:100%;background: url(../images/ajax-loader.gif) 50% 50% no-repeat;}
#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.dark{ position:fixed; background:#000; width:100%; height:100%}

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

.main {        margin: 0 auto;        width: 980px; }

body, html{ height:100%}
.extra{ height:auto; min-height:100% !important; margin-bottom:-69px}
.block{ height:69px;}

.bg1{ height:69px; background:#fff; position:relative}

.center{ padding:69px 10px 69px 10px;  position:relative; height:493px; overflow:hidden}

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

a{ color:#4090cd; text-decoration: none; outline:none}
a:hover{ color:#fff;}
h1{ padding:7px 0 28px 0;}
h2{ font-size:18px; color:#FFFFFF; font-weight:normal; line-height:1.2em; padding:19px 0 21px 0}
h3{ font-size:22px; color:#FFFFFF; font-weight:normal; line-height:1.2em; padding:5px 0 10px 0}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
header{float:left; width:244px; position:relative; z-index:2; margin-right:26px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:244px; height:148px;}

#menu { background:#000; margin-right:2px;border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 1px 1px 2px rgba(0, 0, 0, .4); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, .4); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, .4); position: relative; padding:34px 19px 22px 23px}
#menu > li { position:relative; padding-bottom:6px; font-size:30px; line-height:44px;}
#menu > li > a{ position:relative; display:block; text-transform:uppercase; padding:0 7px; color:#fff; overflow:hidden;}
#menu > li > span{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/menu_active.gif) 0 2px no-repeat;}
#menu > li.with_ul > span{ background:url(../images/menu_active_with_ul.gif) 0 2px no-repeat; right:-19px;}
#menu > li > a:hover, #menu > .active > a{ }
#menu > li.with_ul.active > span{ background:url(../images/menu_active.gif) 0 2px no-repeat;}
#menu > li.with_ul.active:hover > span{ background:url(../images/menu_active_with_ul.gif) 0 2px no-repeat; right:-19px;}

.submenu{ position:absolute; top:2px; left:196px; width:202px; z-index:3}
.submenu ul{ position:relative; background:#1f1f1f;border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding:15px 6px 11px 7px;}
.submenu li{ padding-bottom:4px; font-size:14px; line-height:36px; position:relative;}
.submenu a{ display:block; padding:0 0 0 16px; position:relative; text-transform:uppercase; overflow:hidden}
.submenu span{ position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/submenu_active.gif) 0 0 no-repeat;}

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

#content{ height:488px; position:relative; z-index:1; float:left; width:690px; margin-top:5px;}
#content > ul{ height:100%}
#content > ul > li{ height:100%; position:relative; width:100%; overflow:inherit !important}

#content > ul > li > img{ position:absolute; top:0; left:0; width:100%; height:100%;}

.box{ position:relative; padding:20px 40px; padding-right:34px;}
#page_models .box{ position:relative; padding:8px 0 0 3px; margin-top:-5px; overflow:hidden}

.close{ position:absolute; top:-5px; right:-5px; display:block; width:22px; height:22px;}
.close img{ position:absolute; top:0; left:0;}
#page_models .close{ position:absolute; top:0px; right:18px; display:block; width:22px; height:22px; z-index:2}

.link1{ font-size:12px; text-transform:uppercase;  color:#7cc6ff;}
.link2{ color:#7cc6ff;} 
a.link1{ text-decoration:none; padding-left:18px; background:url(../images/marker_1.gif) 0 3px no-repeat;}
.link1 a{ text-decoration:underline;}
.link1 a:hover, a.link1:hover{ text-decoration:underline; color:#4090cd;}

.pad_left1{ padding-left:40px;}
.pad_bot1{ padding-bottom:24px;}
.marg_right1{ margin-right:20px;}
#page_contacts .pad_bot1{ padding-bottom:38px;}

.font1{ font-size:11px; color:#fff; text-transform:uppercase}
.text_right{ text-align:right; color:#fff; font-size:12px; display:block; margin-right:15px}

.scroll{height:360px; width:560px; overflow:hidden}
.track{ width:15px; height:401px; padding:0 0; top: 46px !important; left:600px !important; background: url(../images/scroll_track2.png) 0 0 no-repeat}
.shuttle{ width:15px; height:175px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0px !important;}

.gallery1 { position:relative; z-index:1;}
.gallery1 li{ float:left; margin-right:8px; margin-bottom:12px;}
.gallery1 .last{ margin-bottom:0}
.gallery1 a{ position:relative; display:block;}
.gallery1 .bord{ position:absolute; top:0; left:0}

#page_models .scroll{height:483px; width:670px; overflow:hidden}
#page_models .track{ width:15px; height:483px; padding:0 0; top: 85px !important; left:672px !important; background: url(../images/scroll_track.png) 0 0 no-repeat}

.none{ display:none;}
#fancybox-content > div > div{ position:relative;}
#fancybox-content img{ position: relative; width:100%; height:100%}

#fancybox-title{ display:none !important}
#fancybox-left, #fancybox-right{ display:none !important;}
#fancybox-close{ background:url(../images/close.png) 0 0 no-repeat; width:22px; height:22px; top:-5px; right:-5px}
#fancybox-left{left:10px !important; background:url(../images/prev.png) 0 bottom no-repeat}
#fancybox-right{ right:10px !important; background:url(../images/next.png) 0 bottom no-repeat}
#fancybox-left:hover, #fancybox-right:hover{ background-position:0 0}
#fancybox-close:hover{ background:url(../images/close_active.png) 0 0 no-repeat;}
.fancy-ico{ display:none !important; background: none !important}

.caption{ position:absolute; background:url(../images/bg_caption.png) 0 0 no-repeat; width:185px; height:240px; padding:20px; right:14px; bottom:13px; overflow:hidden; opacity:0; filter:  alpha(opacity=0); ZOOM: 1;}
.caption h2{ font-size:18px; line-height:1.2em; font-weight: normal; color:#fff; padding:7px 0 10px 0; border-bottom:1px solid #1c1c1c; margin-bottom:16px}
.caption p{ font-size:12px; line-height:30px; color:#747474; padding-bottom:0}
.caption span{ float:right; color:#c4cb21;}


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

footer { font-size:11px; color:#000; font-weight:bold; padding:28px 10px 0; text-transform:uppercase}
footer a{ color:#000}
footer a:hover{ text-decoration:underline; color:#000}

#footer_menu{ float:right; padding: 0 0 0 0;}
#footer_menu li{ float:left; padding-right:11px; background:url(../images/footer_menu_line.gif) right 3px no-repeat; margin-right:10px;}
#footer_menu .active a{ text-decoration:underline;}
#footer_menu .last{ padding-right:0; margin-right:0; background:none}

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

#form_1{ padding-top:3px;}
#form_1 span{ color:#c4cb21}
#form_1 .row{ min-height:71px;}
#form_1 .input{ width:266px; height:17px; padding:9px 10px; background:#fff; border:1px solid #777777; margin:0; margin-top:8px; font:14px Arial, Helvetica, sans-serif; color:#000}
#form_1 .font1{ color:#c4cb21; display:block; margin-top:37px;}
#form_1 .link1{ float:right; margin-right:8px; margin-top:3px; background-position:0 6px}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

/* Selects
 * ------------- */

.jqTransformSelectWrapper{ width:288px !important; margin-top:8px;}
.jqTransformSelectWrapper ul{ width:288px !important;}
.jqTransformSelectWrapper {position:relative; min-height:37px; float:left}
.jqTransformSelectWrapper div {font: 14px Arial, Helvetica, sans-serif; color:#000; display:block;position: relative;white-space: nowrap;height:35px;line-height:29px;overflow: hidden;cursor:pointer; background: #fff; border:1px solid #777; position: relative;}
.jqTransformSelectWrapper div span{padding: 0 0 0 10px; display:block;}
a.jqTransformSelectOpen {display: block;position: absolute; margin-top:5px; top:0; margin-left:0;        right:4px;        width:23px;height:24px;background: url(../images/select.gif) 0 0 no-repeat; }
.jqTransformSelectWrapper ul {position: absolute;top:38px;left: 0px; background: #fff;display: none;z-index:10;  padding:10px 0; height:60px; overflow:auto; }
.jqTransformSelectWrapper ul a {display: block;text-decoration: none;font: 14px Arial, Helvetica, sans-serif; color:#000; margin-left:0; margin-top:0 ; padding-left:10px; line-height:19px;}
.jqTransformSelectWrapper ul a.selected {}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#dfdfdf;}