/* 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 top repeat #1c1c1b; border:0;
	font:13px Arial, "Times New Roman", Times, serif;
	color:#7b7a7a;
	line-height:18px;
	min-width:980px;
	overflow:hidden
}

.page_spinner{ position:absolute;background: url(../images/bg.gif) 0 0 repeat #1c1c1b; 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}

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

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

body, html{ height:100%}
.bg1{ width:100%; min-height:100%; height:auto !important; background:url(../images/bg_img.png) center 0 no-repeat}

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

a{ color:#0066cc; text-decoration: none; outline:none}
a:hover{ color:#FFFFFF;}
h1{ font-size:14px; font-weight: normal; color:#FFFFFF; line-height:1.2em; padding:0px 0 0px 0}
h2{ font-size:27px; font-weight: normal; color:#FFFFFF; line-height:1.2em; padding:35px 0 16px 0}
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{ width:300px; float:left; height:583px; background:#232221; position:relative; z-index:10}

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

#menu { padding:74px 0 0 56px; width:189px;}
#menu > li { position:relative}
#menu > li > a{ color:#7b7a7a; padding-left:13px; display:block; position:relative;}
#menu > li > span{ position: absolute; top:0; left:0; width:100%; height:20px; background:#0066cc;}
#menu > li > a:hover, #menu > .active > a, #menu > .sfHover.with_ul > a{ color:#FFFFFF;}

.submenu{ position:relative; padding:10px 7px; overflow:hidden}
.submenu li{ float:left; position:relative;}
.submenu a{ display:block; padding:0 6px; position:relative;color:#7b7a7a;}
.submenu span{ position: absolute; top:0; left:0; width:100%; height:20px; background:#0066cc;}
.submenu a:hover{ color:#FFFFFF;}

.slider{ width:640px; height:521px;}
.items{ display:none;}

.banner{ position:absolute; z-index:1; bottom:-40px; left:23px; font-size:16px;line-height:1.2em; color:#777676}

.pagination{ position:absolute; bottom:-34px; right:20px; z-index:9}
.pagination li{ float:left; padding-left:4px;}
.pagination a{ display:block; background:url(../images/buttons.gif) right 0 no-repeat; width:6px; height:6px;}
.pagination a:hover, .pagination .current a{ background-position:left}

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

#content{ width:640px; float:left;}
#content > ul > li{ position:relative; height:583px; background:#1d1c1c}

.pad{ padding:0 50px 0 40px}
.pad_bot1{ padding-bottom:31px;}
.pad_left1{ padding-left:22px;}
.marg_right1{ margin-right:9px;}
#page_Products p{ padding-bottom:27px;}
#page_Products .pad_bot1{ padding-bottom:21px;}
#page_Offer .marg_right1{ margin-right:19px;}
#page_Offer .pad_bot1{ padding-bottom:26px;}
#page_Testimonials .marg_right1{ margin-right:20px;}
#page_Testimonials .pad_bot1{ padding-bottom:19px;}

.scroll{height:440px; width:505px; overflow:hidden}
.track{ width:1px; height:450px; padding:0 0; top: 90px !important; left:546px !important; background:#272625}
.shuttle{ width:5px; height:189px; background:#403e3d; margin-left:-2px;}
._up-butt, ._down-butt{ height:0px !important;}

#page_About .scroll{height:425px; }
#page_About .track{  height:430px; }

#page_Offer .scroll{width:285px; }
#page_Offer .track{left:323px !important;}


figure{ padding-top:5px;}

.font1{ font-size:16px; color:#FFFFFF; padding-bottom:12px;} 

.color1{ color:#FFFFFF;}

.clients{ padding:33px 0 0 0;}
.clients li{ float: left; border-right:1px solid #151514;}
.clients .last{ border:none}
.clients a{ position:relative; display:block;}
.clients .img_act{ position:absolute; top:0; left:0}

#page_Products figure a, #page_Offer figure a{ position:relative; display:block; background:url(../images/border.gif) 0 0 no-repeat;}
#page_Offer figure a{ background:url(../images/border2.gif) 0 0 no-repeat}

.list1{}
.list1 li{ padding-bottom:6px;}
.list1 a{ color:#FFFFFF; padding-left:12px; background:url(../images/marker_1.gif) 0 4px no-repeat;}
.list1 a:hover{ color:#0066cc;}

.quot_caption{ font-size:16px; padding-left:18px; font-style:italic; color:#FFFFFF;}
.quot{ font-size:13px; padding-left:18px; background:url(../images/quot1.gif) 0 3px no-repeat; line-height:24px;}
.quot img{ display:inline-block; margin:7px 0 0 0}

#map{ float:left; margin-right:18px; margin-bottom:8px;}

.button1{ display:inline-block; position:relative; font-size:16px; color:#FFFFFF; background:#0066cc; line-height:28px;}
.button1 span{ display:block; position:relative; padding:0 18px;}
.button1 strong{ position:absolute; top:0; left:0 ; width:100%; height:100%; background:#FFFFFF;}
.button1:hover{ color:#1d1c1c;}

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

footer { color:#7b7a7a; padding-top:19px; padding-bottom:20px;}
footer a{ color:#7b7a7a;}
footer a:hover{ color:#7b7a7a}

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

#SupportForm{ padding-top:4px; position:relative; width:549px;}
#SupportForm .wrapper{ overflow:inherit; min-height:41px;}
#SupportForm .success{ display:none; position:absolute; left:0; bottom:0; color:#FFFFFF;}
#SupportForm label{ position:relative;min-height:31px; display: inline-block;}
#SupportForm .message{ height:96px;}
#SupportForm  span{ display:block}
#SupportForm .error, #SupportForm .empty{ font-size:10px; color:#FFFFFF; line-height:14px; display:none; width:100%; text-transform:none}
#SupportForm a{ margin-left:6px; float:right;}
#SupportForm .input { margin:0;width:252px; height:13px; background:#1d1c1c; border:1px solid #333232; padding:8px;color:#7b7a7a; font:11px Arial, "Times New Roman", Times, serif; text-transform:uppercase}
#SupportForm textarea { overflow: auto; margin:0;width:531px; height:62px; background:#1d1c1c; border:1px solid #333232; padding:8px;color:#7b7a7a; font:11px Arial, "Times New Roman", Times, serif; text-transform:uppercase; resize:none}
#SupportForm  .bg{ display:inline-block;}

#ContactForm{ padding-top:4px; position:relative; width:549px;}
#ContactForm .wrapper{ overflow:inherit; min-height:41px;}
#ContactForm .success{ display:none; position:absolute; left:0; bottom:0; color:#FFFFFF;}
#ContactForm label{ position:relative;min-height:31px; display: inline-block;}
#ContactForm .message{ height:96px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#FFFFFF; line-height:14px; display:none; width:100%; text-transform:none}
#ContactForm a{ margin-left:6px; float:right;}
#ContactForm .input { margin:0;width:252px; height:13px; background:#1d1c1c; border:1px solid #333232; padding:8px;color:#7b7a7a; font:11px Arial, "Times New Roman", Times, serif; text-transform:uppercase}
#ContactForm textarea { overflow: auto; margin:0;width:531px; height:62px; background:#1d1c1c; border:1px solid #333232; padding:8px;color:#7b7a7a; font:11px Arial, "Times New Roman", Times, serif; text-transform:uppercase; resize:none}
#ContactForm  .bg{ display:inline-block;}