/* 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) 0 0 repeat #f0f0f0; border:0; font:13px Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:19px; min-width:960px; 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: url(../images/bg.jpg) 0 0 repeat #333333; 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 ============================================================= */



body, html{ height:100%;}

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





.bg1{ background:url(../images/bg2.gif) repeat}

.bg2{ background:url(../images/bg3.gif) repeat; border-top:6px solid #1a1a1a; padding-bottom:10px; position:relative; z-index:2}

.bg3{ background:url(../images/bg3.gif) repeat; border-bottom:6px solid #1a1a1a; padding-top:10px; position:absolute; bottom:0; width:100%; left:0; z-index:2}



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



a{ color:#e44741; text-decoration: none; outline:none}

a:hover{}

h1{ left:383px; position:absolute; top:76px;}

h2{ font:28px 'Arial', sans-serif; color:#2b2b2b; line-height:1.2em; padding:39px 0 19px 0; text-transform:uppercase;}

h2 span{ display:block; margin-top:-3px;}

h3{ font:18px 'Arial', sans-serif; color:#fff; text-transform:uppercase; line-height:1.2em; padding:11px 0 17px 0;  font-weight:normal}

p{ padding-bottom:19px;}



/* ============================= header ====================== */

header{ height:166px; position:relative; z-index:2}



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



.menu{ float:left; padding:1px 0 0 1px;}

#menu {}

#menu > li { float:left; width:124px; border-right: 1px solid #d9d9d9; position:relative;}

#menu > li > span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/menu_active.jpg) repeat}

#menu > li > strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:#2b2b2b}

#menu > li > a{ display:block; font-size:12px; text-transform:uppercase; line-height:54px; color:#606060; position:relative; text-align:center}

#menu > .with_ul > a{ background:url(../images/menu_marker.gif) center 42px no-repeat;}

#menu > .with_ul.active > a, #menu > .with_ul.sfHover > a{ background:url(../images/menu_marker_active.gif) center 42px no-repeat;}



.submenu_1{ position:absolute; left:0; top:54px; width:100%; z-index:9}

.submenu_1 li{ position:relative; font-size:12px; line-height:75px; background:#fff}

.submenu_1 a{ position:relative; display:block; text-align:center; text-transform:uppercase; color:#606060}

.submenu_1 strong{ position: absolute; top:0; left:0; width:100%; height:100%; background:#e44741}



.submenu_2{ position:absolute; left:125px; top:0px; width:250px;}

.submenu_2 li{ width:124px; margin-right:1px; float:left;}

.submenu_2 strong{  background:#2b2b2b}







#search{ float:right; margin-top:11px; border:1px solid #dadada}

#search input{ float:left; background:url(../images/bg_search.png) repeat; font-size:10px; color:#a3a3a3; text-transform:uppercase; height:15px; padding:8px; width:185px;}

#search a{ float:left; background:url(../images/search.gif) 0 0 no-repeat; width:31px; height:31px; position:relative;}

#search a span{ display:block; width:100%; height:100%; background:url(../images/search_active.gif) 0 0 no-repeat}



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



#content{ height:575px; padding-bottom:143px; position:relative; z-index:1}

#content > ul > li{ position:relative; padding-top:29px;}



#folio{ position:relative; width:707px; margin-left:123px;}

#images{}

#gallery{ position:relative; height:511px; width:707px;}

#gallery ul{ height:511px; overflow:hidden}

#gallery li{ float:left; position:relative; height:511px; width:305px;}

#gallery img{ width:100%; height: auto; position: absolute; bottom:0}

#gallery .info{ position:absolute; top:0; right:0;}

#gallery .info span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000}

#gallery .info strong{ position: relative; background:url(../images/info.gif) 0 0 no-repeat; width:33px; height:33px; display:block}



.scroll_gallery{ position:relative; width:707px; height:6px;background:#dfdfdf; margin-top:4px}

.scroll_drag{ position:absolute; left:0; top:0px; height:6px; background:#0b0c10; width:117px; cursor:pointer}



.caption{ position:absolute; top:0; right:34px; background:url(../images/bg_caption.png) repeat; padding:58px 55px; width:210px; text-align:center; color:#9b9b9b}

.caption p{ font-size:14px; font-style:italic; line-height:24px; padding-bottom:34px}

.caption .color1{ color:#dddddd;}

.close{ position:absolute; background:url(../images/close.gif) 0 0 no-repeat #000; width:22px; height:22px; top:0; right:0}

.button1{ display:inline-block;font:18px 'Arial', sans-serif; color:#fff; text-transform:uppercase; line-height:31px;  background:#e6463f; padding:0 11px;}



.box{ background:url(../images/bg_cont.gif) 0 0 repeat-x #f2f2f2; border:1px solid #fff;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-height:509px;}



.pad_bot1{ padding-bottom:10px;}

.pad_top1{ padding-top:20px;}

.marg_right1{ margin-right:10px;}

.marg_right2{ margin-right:20px;}



.list1{}

.list1 li{ padding-bottom:11px}

.list1 a{ color:#e44741; font-style:italic; padding-left:25px; background:url(../images/marker_1.gif) 0 1px no-repeat}



.link1{font:18px 'Arial', sans-serif; color:#4d4d4d; line-height:1.2em; text-transform:uppercase}



.scroll{height:360px; width:390px; overflow:hidden;}

.track{ width:18px; height:420px; padding:5px 0; top:1px !important; left:412px !important; background: url(../images/scroll_track.gif) 0 0 no-repeat}

.shuttle{ width:13px; height:85px; background: url(../images/scroll_drag.gif) 0 0 no-repeat; margin-left:2px;}

._up-butt, ._down-butt{ height:0px !important;}



#page_Products .scroll{ width:840px; height:400px;}

#page_Products .track{ left:852px !important;}



.date{ float:left; width:28px; margin-right:35px; font:18px 'Arial', sans-serif; text-align:center; color:#0b0c10; text-transform:uppercase; line-height:1.2em; padding-top:12px; letter-spacing:-1px;}

.date span{ display:block; margin-top:-2px; color:#d4d4d4}



.font1{ line-height:22px;}

.font2{ font-size:14px; color:#e44741; text-transform:uppercase}



.underline{ background:url(../images/line_hor1.gif) 0 bottom repeat-x; margin-bottom:15px}



.color1{ color:#2b2b2b}



.fancybox{ position:relative; display:block;}

.fancybox span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/border.gif) 0 0 no-repeat}



.google_map{ padding:7px; width:335px; height:244px; background:#ebebeb;}



.address{ width:170px;}



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



footer {height:91px; padding-top:36px; font-size:12px; line-height:40px; color:#585858; text-transform:uppercase;}

footer a{ color:#585858;}

footer a:hover{}

footer span{ font:16px 'Arial', sans-serif; color:#565656; line-height:35px; text-transform:uppercase}



#icons{ float:right;}

#icons li{ margin-left:3px; float:left;}

#icons a{ display:block; position:relative;}

#icons .first{ margin-right:10px}

#icons .img_act{ position:absolute; top:0; left:0;}



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



#ContactForm{ position:relative; padding-bottom:0px;}

#ContactForm .wrapper{ overflow:inherit; min-height:44px;}

#ContactForm .success{ display:none; position:absolute; left:0; bottom:0;}

#ContactForm label{ position:relative;min-height:35px; display: inline-block;}

#ContactForm .message{ height:240px;}

#ContactForm  span{ display:block}

#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#0b0c10; line-height:14px; display:none; width:100%}

#ContactForm a{ margin-left:18px; float:right;}

#ContactForm .input { margin:0;width:327px; height:17px; background:#fff; padding:8px 10px;color:#8f8f8f; font:13px Arial, Helvetica, sans-serif; border:1px solid #dadada;}

#ContactForm textarea { overflow: auto; margin:0;resize:none;width:448px; height:191px; background:#fff; padding:8px 10px;color:#8f8f8f; font:13px Arial, Helvetica, sans-serif; border:1px solid #dadada;}



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