/* 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;}
.text_right{ text-align:right}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

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

body{ background: url(../images/bg.jpg) top center repeat; border:0; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#7e7e7e; line-height:21px; min-width:950px; overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/bg.jpg) top center repeat #f4f4f4; z-index:999; width:100%; height:100%; top:0; left:0}
.page_spinner > div{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: 950px; position:relative;}

.block {height:40px;}
body > .wrapper {min-height:100%; height:auto !important; height:100%; margin: 0 auto -40px;}
body, html {height:100%;}

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

a{ color:#e9484b; text-decoration:none; outline:none}
a:hover{ color:#fff}
h1{ padding:62px 0 0 0; float:right;}
h2{ font-size:30px; color:#fff;font-family: 'Leckerli One', cursive; line-height:1.2em; padding:26px 0 33px 0; font-weight:normal}
h2 span{ display:block; font-size:18px;line-height:1.2em; padding-top:2px;}
h2.pad_bot1{ padding-bottom:18px}
h3{ font-size:18px; color:#fff;font-family: 'Leckerli One', cursive; line-height:1.2em; padding:4px 0 12px 0; font-weight:normal}
p{ padding-bottom:21px;}

/* ============================= header ====================== */
header{ height:170px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:288px; height:56px;}
#menu { float:left; padding:73px 0 0 17px}
#menu > li { float:left; position:relative; padding-right:1px;}
#menu > li > span{ position:absolute; width:100%; height:0; display:block; top:25px;}
#menu > li > span img{ width:100%; height:100%;}
#menu > li > a{ display:block; height:50px; position:relative; font-size:18px;font-family: 'Leckerli One', cursive; color:#333232; line-height:44px; position:relative; padding:0 19px; text-shadow:1px 1px 3px rgba(0,0,0,.3)}
#menu > li:hover > a, #menu > .active > a, #menu > .sfHover > a{ color:#fff}

.submenu{ position:absolute; top:37px; left:0; background:url(../images/marker_1.gif) center 0 no-repeat; width:136px; padding-top:12px;  z-index:98}
.submenu li{ position:relative;}
.submenu .nav1{ height:41px; padding-top:5px;}
.submenu .nav2{ height:37px;}
.submenu .nav3{ height:39px; padding-top:3px;}
.submenu a{ display:block; font-size:18px;font-family: 'Leckerli One', cursive; text-align:center; line-height:36px; color:#fff; position: relative; z-index:3; background:url(../images/spacer.gif) repeat}
.submenu img{ position:absolute; top:0; left:0; width:auto; height:100%; z-index:3}

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

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

.gallery{ position: absolute; top:265px; z-index:99}

.gallery{ position:absolute; width:100%; height:305px;}
.gallery li{ position:absolute; width:192px; height:192px; left:380px; top:0px;}
.gallery li a span{ display:block; position:relative; margin:0 auto}
.gallery li img{ background: url(../images/project_bg.gif) 0 0 no-repeat}
.gallery li a{ display:block; position:relative}
.gallery li strong{ position:absolute; left:61px; top:60px; color:#fff;font-size:18px; font-family: 'Leckerli One', cursive; line-height:1.2em; text-shadow:1px 1px 3px rgba(0,0,0,.3); font-weight:normal;}


.item1 span{ background:url(../images/project_bg1.png) 0 0 no-repeat;}
.item2 span{ background:url(../images/project_bg2.png) 0 0 no-repeat;}
.item3 span{ background:url(../images/project_bg3.png) 0 0 no-repeat;}
.item4 span{ background:url(../images/project_bg4.png) 0 0 no-repeat;}
.item5 span{ background:url(../images/project_bg5.png) 0 0 no-repeat;}
.item6 span{ background:url(../images/project_bg6.png) 0 0 no-repeat;}
.item7 span{ background:url(../images/project_bg7.png) 0 0 no-repeat;}
.item8 span{ background:url(../images/project_bg8.png) 0 0 no-repeat;}
.item9 span{ background:url(../images/project_bg9.png) 0 0 no-repeat;}

.scroll_gallery{ background:url(../images/gallery_scroll_track.png) 0 0 no-repeat; width:377px; height:26px; position:absolute; top:266px; left:275px; padding:0 12px; padding-top:8px;}
.drag{ position: relative; background:url(../images/gallery_scroll_drag.png) 0 0 no-repeat; width:27px; height:26px; top:0px; left:0; cursor:pointer; display:block;}

#fancybox-title{ display:none !important}
#fancybox-left, #fancybox-right{ display:block; position:absolute; top:50% !important; height:32px !important; width:32px !important; margin-top:-16px;}
#fancybox-close{ background:url(../images/close.png) 0 0 no-repeat; width:32px; height:32px; top:13px; right:13px}
#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-position:0 bottom}
.fancy-ico{ display:none !important; background: none !important}

.pad{ padding:53px 51px; position:relative; z-index:2}
.marg_right1{ margin-right:20px;}
#page_Contacts .marg_right1{ margin-right:10px;}
.pad_left1{ padding-left:88px;}
#page_About .pad_left1{ padding-left:40px;}
#page_Contacts .pad_left1{ padding-left:40px;}
.pad_bot1{ padding-bottom:18px}
.pad_bot2{ padding-bottom:10px}
#page_Clients .pad_bot2{ padding-bottom:33px}

.close{ position:absolute; height:32px; width:32px; display:block; top:38px; right:26px; z-index:3;}
.close span, .close strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/close.png) 0 0 no-repeat}
.close span{ background-position:0 bottom}

.font1{ font-size:15px; color:#fff}
#page_Privacy .font1{ padding-top:10px; padding-bottom:10px}
#page_More .font1{ padding-top:10px; padding-bottom:10px}

.button1{ display:inline-block; position:relative;}
.button1 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.button1 strong{ position:relative; font-size:12px; text-transform:uppercase; padding:0 15px 0 10px; color:#000; line-height:35px; display:block; letter-spacing:-1px}
.button1:hover strong{ color:#e5494c}

#gallery_1{ padding-bottom:16px; height:112px}
#gallery_1 li{ float:left; margin-right:-5px;}

.quote{ font-size:18px;font-family: 'Leckerli One', cursive; line-height:24px; color:#fff; padding-top:40px; padding-bottom:9px;}

.list1{}
.list1 li{}
.list1 a{ font-size:15px; padding-left:15px; background:url(../images/marker_2.png) 0 7px no-repeat; color:#fff}
.list1 a:hover{ text-decoration:underline}

.quot{ background:url(../images/line_hor1.png) 0 bottom repeat-x; padding-bottom:14px; margin-bottom:16px}
.quot span{ background:url(../images/quot.png) 0 0 no-repeat; height:18px; display:block}

.gallery_2{ width:111px;}
.gallery_2 li{ margin-top:-6px;}
.gallery_2 a{ position:relative; width:111px; height:111px; display:block;}
.gallery_2 img{ position:absolute;}

#map{ float:left; margin-right:15px; margin-top:-10px;border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; overflow:hidden}

.color1{ color:#e9484b;} 

.scroll{height:310px; width:730px; overflow:hidden}
.track{ width:23px; height:334px; padding:30px 0; top: 30px !important; left:750px !important; background: url(../images/scroll_track.png) 0 0 no-repeat}
.shuttle{ width:23px; height:25px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0px !important;}


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

footer { padding:65px 0 0 7px; font-size:14px; color:#151515;font-family: 'Leckerli One', cursive; line-height:32px; height:65px;}
footer a{ color:#151515}
footer a:hover{ color:#e5494c}

#icons{ float:right; padding: 0 15px 0 0;}
#icons li{ float:left; padding-left:10px}
#icons a{ position:relative; display: block;}
#icons .img_act{ position:absolute; top:0; left:0;}


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

#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:41px;}
#ContactForm .success{ padding-bottom:10px; display:none; line-height:18px; color:#fff}
#ContactForm label{ position:relative;min-height:30px; display: inline-block;}
#ContactForm .message{ min-height:200px;}
#ContactForm  span{ display:block;}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%; overflow:hidden; height:14px;}
#ContactForm a{ margin-left:17px; float:right;}
#ContactForm a strong{ padding:0; width:84px; text-align:center}
#ContactForm .input { margin:0;width:112px; height:14px; background: url(../images/spacer.gif) repeat; padding:8px 14px;color:#7e7e7e; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:262px; height:164px; background: url(../images/spacer.gif) repeat; padding:8px 14px;color:#7e7e7e; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.for_message{  overflow:hidden; width:100%}

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