@import "../css/reset.css";@import "../css/grid_12.css";@import "../css/superfish.css";@import url(http://fonts.googleapis.com/css?family=Lobster|Oswald);
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}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:21px; color:#9a9a9a; min-width:1008px; background:url(../images/body_bg.jpg) 50% 0 repeat #000;}
.main {width:960px;padding:0;margin:0 auto;}
/*********************************fonts*************************************/
p {margin-bottom:21px}
.p2{ margin-bottom:10px;}
.p3{ margin-bottom:5px;}
.p4{ margin-bottom:20px;}
.p5{}
.p6{}

.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.italic{font-style:italic}
.letter {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}

/*==================================== Links ======================================================== */
a {color:#696969;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#696969; text-decoration:none;}
.more{ display:inline-block; padding:0 12px 0 0; margin: 24px 0 0 0; font-size: 18px; line-height: 22px; color:#1f1f1f; background: url(../images/more_marker.jpg) right -45px no-repeat;}
.more:hover{ background-position: right 8px; color:#ff5800;}
/*================================>> hovers <<========================================*/
.project .title, .sf-menu li li li a, .lightbox-image span, .more, .idea .title, .kwicks li div.description .details{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding:0 10px 0;}
header h1{width:72px; float:left; padding-top:8px;}
header h1 a {display:block;width:72px;height:57px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:33px 0px 59px 0px;}
/*================================>> LISTS <<========================================*/
.list1{ margin-bottom:2px;}
.list1 li{ margin-bottom:7px;background:url(../images/marker1.png) 0 8px no-repeat; padding-left:12px;}
.list1 a{  display:inline-block; color:#64615c; font-style:italic;}
.list1 a:hover{ color:#ff5800;}
.list2{}
.list2 li{ background:url(../images/marker2.png) 0 7px no-repeat; padding-left:20px;}
.list2 a{}
.list3{}
.list3 li{ background:url(../images/marker3.png) 0 7px no-repeat; padding-left:20px;}
.list3 a{}

/*================================>> H <<========================================*/
h2,h3,h4,h5{ font-weight:normal;}
.h2_wrap{ border-top:1px solid #bdbdbd; border-bottom:1px solid #fff;}
h2{font-size: 24px; line-height: 29px; color:#322f2a; border-bottom:1px solid #bdbdbd; border-top:1px solid #fff; text-align:center; padding:12px 0 14px;}
h2 span{ display:inline-block; background:url(../images/h2_span1.jpg) no-repeat; margin: 11px 10px 0;width:34px;height:10px;}
h2 span:first-child{ background:url(../images/h2_span.jpg) no-repeat;}
.ind{ margin-bottom:32px;}
.ind1{ margin-bottom:30px;}
.ind2{ margin-bottom:41px;}
h3{font-size: 32px; line-height: 38px; color:#322f2a;}
/*================================>> GOOGLE FONTS  <<========================================*/
.project .title, h5, footer .f_left span, .inter_design h3, .idea .title{font-family: 'Lobster', cursive;}
.control figure, .order, h4, .inter_design h3 span, .more ,h2, .kwicks li div.description, #top_block .log_box .f_right a, nav a, .title1{font-family: 'Oswald', sans-serif; text-transform:uppercase; letter-spacing:0px;}

/*================================>> GLOBAL BOXES <<========================================*/
#top_block{}
#top_block .top{ background:url(../images/top_block_bg1.jpg) 50% 0 repeat; padding:12px 0 20px 0; border-bottom:1px solid #000;}
#top_block .top1{background:url(../images/top1_bg.jpg) 50% bottom repeat-x; padding:12px 0 24px 0;}
#top_block .log_box .f_left{ padding-top:1px;}
#top_block .log_box{padding:0 0px 26px;}
#top_block .log_box .f_right a{font-size: 14px; color:#f0f0f0; display:inline-block; letter-spacing:0;}
#top_block .log_box a:hover{ color:#cf7803;}
#top_block .log_box .f_right span{ display:inline-block; background:url(../images/log_marker.jpg) no-repeat; width:3px;height:3px; margin: 9px 7px 0 8px;}
#top_block .bottom{ background:url(../images/bottom_bg2.jpg) 50% 0 repeat; border-top:1px solid #3a3a3a; border-bottom:1px solid #dadada;}
#top_block .bottom .bg{ background:url(../images/top_block_bg2.jpg) 50% 0 repeat; padding:23px 0 19px 0;}
#middle_block{ background:url(../images/midddle_block_top.jpg) 50% 0 repeat-x #f0f0f2; border-bottom:1px solid #272727;}
#bottom_block{ border-top:1px solid #030303; border-bottom:1px solid #252525; background:url(../images/bottom_block_bg2.jpg) 50% 0 repeat; color:#878581;}
#bottom_block a{ color:#878581;}
#bottom_block .bg{ background:url(../images/bottom_block_bg.jpg) repeat-x; min-height:289px; border-bottom:1px solid #010000; padding-top:37px;}
#bottom_block h4{font-size: 18px; line-height: 22px; color:#fff; margin-bottom:22px;}
#bottom_block .more{ margin-top:22px; color:#FFF; background:url(../images/more_marker2.png) right 8px no-repeat; padding-right:13px;}
#bottom_block .more:hover{ color:#ff5800;}
#bottom_block h4.ind{ margin-bottom:26px;}
/*********************************page_1*************************************/
.img_box{ overflow:hidden;}
.img_box figure{ float:left;}
.img_box div{ float:right;}
.ideas_box{margin: 0 0 47px 0;}
.idea{ background:#1d1c1a;border: 1px solid #e5e5e5; padding:15px 9px 7px; margin-bottom:24px;}
.idea .title{ display:block;font-size: 22px; margin: 8px 0 0 0; padding:3px 0 7px 5px; line-height: 29px; color:#fff; text-shadow: 1px 1px rgba(0,0,0,0.07);}
.idea .title:hover{ background-color:#ff5800;}
.title1{font-size: 16px; line-height: 21px; color:#64615c; text-transform:none; margin-bottom:4px; letter-spacing:0;}
.inter_design{}
.inter_design h3{ padding-bottom:5px; margin-bottom:12px;}
.inter_design h3 span{font-size: 18px; line-height:30px; padding:3px 0 3px 0; margin: 2px 13px 0 0; color:#fefefe; display:inline-block; background:url(../images/h3_span.jpg) repeat; width:36px; text-align:center;}
strong{ color:#64615c; font-style:italic;}
.column{width:277px;}
.m_left{ margin:0 63px 0 62px;}
.inter_design .end{width:260px;}
.news strong{ color:#FFFFFF; font-style:normal;}
.news li{ margin-bottom:19px; line-height:19px;}
.news a:hover{ color:#FFF !important;}
.test div{width:274px; padding-top:6px; margin-right:10px;}
.test{ margin-bottom:5px;}
.color1{ color:#FFFFFF;}
.popular{ overflow:hidden;}
.popular li{ float:left;}
.popular a{ display:inline-block; position:relative; margin-bottom:5px;}
.popular a span{ display:block; position:absolute;width:102px; height:73px; border: 3px solid #414141;}
.popular a:hover span{border: 6px solid #d4d4d3;width:96px;height:67px;}
/*********************************page_2*************************************/
.services{ margin-bottom:35px;}
.services img{ margin-bottom:20px;}
.top_ind{ margin-top:47px;}
h5{font-size: 32px; line-height: 38px; color:#322f2a; margin-bottom:17px;}
h5 span{ display:inline-block; margin-top:-8px;}
h5.ind{ margin-bottom:9px;}
.serv_list{padding:0 10px 0; margin-bottom:26px;}
.serv_list .col-1{width:300px;}
.serv_list .col-2{width:313px;margin: 0 0 0 39px;}
.serv_list .col-3{width:260px;margin: 0 0 0 27px;}
/*********************************page_3*************************************/
.project_box{margin: 0 0 21px 0;}
.project{ background:#1d1c1a;border: 1px solid #e5e5e5; padding:10px 9px 7px;}
.project .title{ display:block; background:#403d37;font-size: 20px; margin: 8px 0 0 0; padding:3px 0 7px 5px; line-height: 29px; color:#fff; text-shadow: 1px 1px rgba(0,0,0,0.07);}
.project .title:hover{ background-color:#ff5800;}
.top_ind1{ margin-top:50px;}
.bot_stripe{ background:url(../images/bot_stripe.jpg) 0 bottom repeat-x; min-height:172px; padding-bottom:20px;}
.order{font-size: 18px; line-height: 22px; color:#1f1f1f; display:inline-block; margin: 20px 0 0;}
.prices{ margin-bottom:43px;}
.m_left1{ margin-left:60px;}
/*********************************page_4*************************************/
.events{padding:0px 10px 0;}
.events .f_left{width:610px;}
.events .f_right{width:269px; padding-top:11px;}
.event{padding:1px 0 0 0; margin-bottom:29px;}
.event figure{ margin-top:-1px;}
.event div{width:290px;padding:4px 0 0 0;}
.event .more{ margin-top:18px;}
.info{ color:#a8a8a8;}
/*********************************page_5*************************************/
.p_top{ padding-top:9px;}
.bot_ind{ margin-bottom:25px !important;}
.top_ind2{ margin-top:45px;}

.control_box{ margin-bottom:29px;}
.control{ margin-bottom:18px;}
.control div{width:220px; padding-top:1px;}
.control figure{width:64px; padding-top:9px;height:55px; text-align:center;font-size: 36px; line-height: 43px; color:#fff; background:#cf7803;border-radius:100%;}
.bot_ind1{ margin-bottom:33px}

/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px;}
#contact-form textarea, #contact-form input {margin:0;font-size:14px; border:none; color:#969696; padding:8px 10px 9px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#contact-form input {width:280px; float:left;}
#contact-form textarea {overflow:auto; width:360px; height:176px;resize:vertical; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; padding-bottom:17px; overflow:hidden;}
#contact-form label .feed_name{ display:block; float:left;width:80px;margin: 0 0 0 0; padding:5px 0 0 0;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:8px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none; margin-left:80px;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; clear:both;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:19px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
	margin-left:26px;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden; display:inline-block; padding: 10px 9px 8px;border: 1px solid #e5e5e5; background:#fefefe;}
#map_canvas {
    width:678px;
	height:349px;
	border: 1px solid #d2d1d1;
}
.adress{ padding-top:9px;}
.adress span{ display:inline-block; width:74px;}
.adress dt{ margin-bottom:25px;}
.adress a, .link{ color:#ff5800;}
.adress a:hover, .link:hover{ text-decoration:underline;}
/****************************footer************************/
footer{padding:25px 10px 26px;background:none;}
footer .f_left>span{font-size: 21px; line-height: 25px; color:#fff;}
footer, footer a{ color:#959494; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
footer .f_left div{ margin-top:-4px;}
.social{ overflow:hidden; padding-top:2px;}
.social a{ display:block; width:31px;height:31px; overflow:hidden; float:left;margin: 0 1px 0 1px;}
.social a img{ margin-top:0px;}
.social a:hover img{ margin-top:-31px;}
#easyTooltip {font-size:12px;background:#fff;padding:3px 5px;border:1px solid #000}