/* 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.jpg) 0 0 repeat; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666666; line-height:19px; min-width:1070px; overflow:hidden}

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

.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 ============================================================= */

.main {	width:1070px; overflow:hidden}

.block {height:80px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -80px; position: relative; overflow:hidden}
body, html {height:100%;}

.bg1{ background:url(/images/bg.jpg) 0 0 repeat; height:80px; position:relative}

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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ text-decoration: none}
h1{ padding:51px 0 122px 58px;}
h2{ font-size:22px; line-height:1.2em; color:#fff; text-transform:uppercase; padding:41px 0 22px 0; word-spacing:2px} 
#welcome h2{ font-size:155px; line-height:1.2em; border-bottom:1px solid #c6117b; padding:27px 0 14px 12px; margin-bottom:38px;}
h3{ font-size:16px; line-height:21px; padding:5px 0 19px 0; font-weight:normal; color:#fff}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
header{ float:left; width:240px;}
header h1 {padding: 31px 0 142px 58px;}
#logo{ display:block; text-indent:-9999px; background:url(/images/logo.png) 0 0 no-repeat;  width:400px; height:85px;}

#menu { width:207px;}
#menu > li { margin-top:-1px; font-size:26px; line-height:48px; position:relative}
#menu > li > a{ display:block; padding-left:22px; color:#fff; text-transform:uppercase; padding-top:1px; position:relative;}
#menu > li > span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/menu_hover.jpg) 0 0 no-repeat}
#menu > li > a:hover, #menu > .active > a{ }

.submenu_1{ background: url(/images/button_bg.jpg) repeat; position:absolute; top:0; left:208px; z-index:10; width:180px; padding:10px 0}
.submenu_1 li{font-size:14px; line-height:30px; position:relative}
.submenu_1 a{ display:block; padding-left:20px; color:#fff; text-transform:uppercase; word-spacing:2px;}
.submenu_1 a:hover, .submenu_1 .sfHover > a{ background:#323232}

.submenu_2{ background: url(/images/button_bg.jpg) repeat; position:absolute; top:-10px; left:181px; z-index:10; width:180px; padding:10px 0}

#pagination { padding:239px 0 0 23px; overflow:hidden}
#pagination li{ float:left; margin-right:6px;}
#pagination a{ display:block; background:url(/images/buttons.png) right 0 no-repeat; width:24px; height:24px;}
#pagination a:hover, #pagination .active a{ background-position:0 0}

#caption{ position: absolute; bottom:142px; left:609px; width:562px; height:210px;}
#caption li{ position:absolute; top:0; left:-1600px; height:0; width:0}
#caption li img{ width:100%; height:100%}

.bottom{ position:absolute; bottom:151px; left:0}

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

#content{margin-top:149px; float:left; width:771px; position:relative; min-height:460px; margin-bottom:129px;}
#content > ul > li{ position:relative; height:806px; width:100%; background:url(/images/bg_content.png) repeat}

.close{ position:absolute; top:22px; right:22px; width:16px; height:16px; background:url(/images/close.png) 0 0 no-repeat; z-index:10}

.pad1{ padding:26px 50px 40px 62px}
.pad2{ padding:0 17px;}
.pad_left1{ padding-left:30px;}
.pad_bot1{ padding-bottom:38px;}
.pad_top1{ padding-top:8px;}
#page_Links .pad_left1{ padding-left:70px;}

.scroll{height:130px; width:620px; overflow:hidden;}
.scrollfull .scroll{height:730px !important;}
.track{ width:41px; height:15px; padding:0 0; top:177px !important; left:581px !important; background: none}
.scrollfull .track {top:766px !important;}
.shuttle{ width:0px; height:0px; background: none;}
._up-butt, ._down-butt{ height:15px !important; width:20px !important; background: url(/images/markers.png) 2px 3px no-repeat;}
._up-butt{ background-position:-19px 3px; left:21px !important}

#welcome p{ color:#dbdbdb}

.underline{ border-bottom:1px solid #6b6b6b; padding-bottom:58px;}

.font1{ font-weight:bold; text-transform:uppercase; color:#fff; padding-bottom:8px;}
#page_Privacy .font1{ padding-top:7px;}

.button1{ display:inline-block; position:relative; font-size:18px; color:#fff; text-transform:uppercase; background:url(/images/button_bg.jpg) repeat; word-spacing:2px; line-height:41px;}
.button1 span{ position:relative; display:block; padding:0 20px;}
.button1 strong{ background:#c6117b; position:absolute; top:0; left:0; width:100%; height:100%}

.catalogue{}
.catalogue li{ float:left; width:186px;}
.catalogue .box{ margin-bottom:20px; background:#1d1d1d; padding:15px; padding-bottom:17px;}
.catalogue a{ position:relative; display:block; margin-bottom:15px; background:url(/images/border.gif) 0 0 no-repeat}
.catalogue img {
	max-width: 156px; max-height: 111px;
}
.link1{ position:relative;}
.link1 span{ position:absolute; width:0; height:1px; left:0; bottom:0}

#map{ float:left; margin-right:27px; margin-top:-8px;}

#icons{}
#icons li{ float:left; margin-right:5px;}
#icons a{ position:relative; z-index:1; width:44px; height:44px; display:block}
#icons img{ position:absolute; top:0; left:0; z-index:2} 

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

footer { font:14px Tahoma, Geneva, sans-serif; line-height:20px; color:#4b4b4b; padding:27px 0 0 23px}
footer a{ color:#9d9d9d}
footer a:hover{ color:#fff}
footer span{ float:left; padding-right:11px; background:url(/images/footer_line.png) right 0 no-repeat; margin-right:11px;}

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

#ContactForm{ margin-top:-2px; position: relative; width:618px}
#ContactForm .wrapper{ overflow:inherit; min-height:60px;}
#ContactForm .success{display:none; position:absolute; bottom:10px}
#ContactForm label{ position:relative;min-height:33px; display: inline-block;}
#ContactForm .message{ height:202px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:27px; float:right;}
#ContactForm .input { margin:0;width:253px; height:15px; background:#1b1b1b; border:1px solid #383838; padding:8px 10px;color:#fff; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:282px; height:135px; background:#1b1b1b; border:1px solid #383838; padding:8px 10px;color:#fff; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#ContactForm .col1{ width:275px; margin-right:39px;}
#ContactForm .col2{ width:304px;}