/* Left & Right alignment */

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

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

body{ background: url(../images/bg.jpg) center bottom no-repeat fixed #24241d; border:0; font:13px Arial, Helvetica, sans-serif; color:#616158; line-height:18px; min-width:940px; overflow:hidden}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

.page_spinner{ position:absolute;background:#24241d; 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:-42px;
	left:6px
}


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

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

body, html {height:100%;}

.over{ position:relative; overflow:hidden;min-height:100%; height:auto !important; height:100%;}


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

a{ color:#616158; text-decoration: none; outline:none}
a:hover{ color:#fff}
h1{ padding:127px 0 43px 293px;}
h2 { font-size:30px; color:#31C5F4;  text-transform:uppercase; line-height:1.2em; padding:1px 0 29px 0; letter-spacing:-1px;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ height:571px; padding-top:33px; overflow:visible !important; position:relative; z-index:2}

#logo{ display:block; width:354px; height: 181px; margin-bottom:12px;}
#logo img{ height:100%; width:100%}

#slogan{ background:url(../images/slogan.png) 0 0 no-repeat; width:100px; height:13px; text-indent:-9999px; display:block; margin-left:127px;}

#menu {}
#menu > li { float:left; width:172px; margin-right:20px; position:relative;}
#menu > .nav5{ margin-right:0;}
#menu > li > a{ display:block; font-size:30px; line-height:1.2em; color:#fff; text-transform:uppercase; text-align:center; position:relative; letter-spacing:-1px; padding:72px 0 64px 0; background:url(../images/spacer.gif) repeat; z-index:3}
#menu > li > a:hover, #menu > .active > a{ }
#menu > li > span{border:86px solid #c6bd32; position:absolute; z-index:3; top:0px; left:0px; width:0; height:0;border-radius: 86px; -moz-border-radius: 86px; -webkit-border-radius: 86px; background:url(../images/nav_active.png) repeat}
#menu > .nav1 > span{ border-color:#000258;}
#menu > .nav2 > span{ border-color:#000258;}
#menu > .nav3 > span{ border-color:#000258;}
#menu > .nav4 > span{ border-color:#000258;}
#menu > .nav5 > span{ border-color:#000258;}

.submenu{
	padding:38px;
	height:96px;
	width:96px;
	position:absolute;
	top:196px;
	left:0;
	background:#31C5F4;
	border-radius: 86px;
	-moz-border-radius: 86px;
	-webkit-border-radius: 86px;
	z-index:2;
	background-color: #D900E4;
}
.submenu li{ font-size:18px; position:relative; line-height:24px;}
.submenu a{ text-transform:uppercase; color:#fff; text-align:center; display:block}
.submenu a:hover{ color:#000}

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

#content{ height:1000px; position:relative; z-index:1}
#content > ul > li{ position:relative; width:100%}

.box{ background:#24241d;border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; position:relative; height:405px; width:100%}

.pad{  padding:50px 30px 45px; height:310px; position:relative}
.pad_left1{ padding-left:60px;}
.pad_left2{ padding-left:30px;}
.pad_bot1{ padding-bottom:25px;}
.pad_bot2{ padding-bottom:9px;}
.pad_top1{ padding-top:13px;}
.pad_top2{ padding-top:5px;}

.marg_right1{ margin-right:20px;}

.line1{ background:url(../images/line_vert1.gif) 440px 0 repeat-y; height:310px;}
#page_about .line1{ background-position:220px 0}

#suppliers .line1{ background-position:220px 0}

figure{ padding-top:7px;}

.font1{ font-size:13px; color:#fff;}
a.font1:hover{ text-decoration:underline}
.caps{ text-transform:uppercase}

.scroll{height:225px; width:357px; overflow:hidden;}
.track{ width:27px; height:237px; padding:0px 0; top:57px !important; left:383px !important; background: url(../images/scroll_track.gif) 0 0 no-repeat}
.shuttle{ width:27px; height:117px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0px !important;}
#page_about .scroll{width:560px; }
#page_about .track{  left:603px !important; }


#suppliers .scroll{width:560px; }
#suppliers .track{  left:603px !important; }


#carol .scroll{width:800px; }
#carol .track{  left:820px !important; }



#page_works .scroll{width:843px; }
#page_works .track{  left:853px !important; }

.news{ float:left; margin-right:19px; background:url(../images/marker_1.gif) 0 0 no-repeat; width:23px; height:31px;}

.underline{ border-bottom:1px solid #2f2f27; padding-bottom:6px; margin-bottom:26px;}
#page_view .underline{  margin-bottom:12px;}

#gallery1{}
#gallery1 li{ float:left; margin-right:20px;}
#gallery1 figure{ padding-bottom:10px;}
#gallery1 a{ position:relative; display:block;}
#gallery1 span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/border1.gif) 0 0 no-repeat}

.list1{}
.list1 li{ padding-bottom:12px;}
.list1 a{ font-size:15px; color:#fff; padding-left:20px; background:url(../images/marker_2.gif) 0 6px no-repeat}

#icons{ overflow:hidden; padding-top:9px; height:59px;}
#icons li{ margin-right:15px; float:left;}
#icons a{ display:block}

.link1{ display:inline-block; background:url(../images/marker_2.gif) right 7px no-repeat; font-size:15px; color:#fff; text-transform:uppercase; padding-right:17px; margin-right:5px;}

#google_map{ width:598px; height:418px; padding-top:0; background:#fff}

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

footer { height:40px; font-size:18px; color:#fff; text-transform:uppercase; text-align:center; padding-top:34px; word-spacing:5px;}
footer a{ color:#fff; position:relative; display:inline-block; overflow:hidden}
footer a span{ position:absolute; bottom:0; width:0; height:1px; left:50%; background:#fff}
footer img{ margin-top:5px;}

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

#ContactForm{ padding-top:7px; position:relative; width:359px; color:#fff; padding-bottom:10px;}
#ContactForm .wrapper{ overflow:inherit; min-height:41px;}
#ContactForm .success{ display:none; position:absolute; bottom:0; right:0;}
#ContactForm label{ position:relative;min-height:35px; display: inline-block;}
#ContactForm .message{ height:118px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ float: left; margin-right:19px;}
#ContactForm .input { margin:0;width:335px; height:15px; background: url(../images/spacer.gif) repeat; padding:10px 12px;color:#616158; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;resize:none;width:335px; height:75px; background: url(../images/spacer.gif) repeat; padding:10px 12px;color:#616158; font:13px Arial, Helvetica, sans-serif;}
#ContactForm .button{ width:85px; float:left;}

#ContactForm  .bg{ background:#cecece; position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display:inline-block;}