@import"reset.css";@import"pro_pages_style.css";@import"grid.css";@import"forms.css";@import"prettyPhoto.css";@import"jquery.snippet.min.css";@import"ui.totop.css";
@import"../skin/blue.monday/jplayer.blue.monday.css";@import"../css/smoothness/jquery-ui-1.8.17.custom.css";@import url(http://fonts.googleapis.com/css?family=Oswald);@import url(http://fonts.googleapis.com/css?family=Lobster);
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:Times New Roman, Arial,Helvetica, sans-serif; font-size:13px; line-height:21px; color:#696969; 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; color:#FB8F18;}
.p3{ margin-bottom:5px;}
.p4{ margin-bottom:20px;}
.p5{}
.p6{}
h1,h2,h3,h4,h5,h6{line-height:1.3em;color:#322F2A;font-family: Times New Roman, Arial,Helvetica, cursive; font-weight:normal;  margin-bottom:10px;}
h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:32px;} 
h4{font-size:30px;}  
h5{font-size:25px;}
h6{font-size:20px;}
.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}
.fleft {
    float: left;
}

/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#ff2100;}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
}

.wrapper {width:100%; overflow:hidden;}
 
.reg {text-transform:uppercase;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px !important;}

.spacing {margin-right:35px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.prev-indent-bot {margin-bottom:10px;}	

.buttons a:hover {cursor:pointer;}
.main_h2 {font-size: 29px; line-height: 29px; color:#322f2a; border-bottom:1px solid #dedede; text-align:center; padding:13px 0 14px;}

/*********************************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, .last5 { margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.link1 {
	color:#9b9b97;
	font-size:13px;
	font-family:Times New Roman, Arial,Helvetica, sans-serif;
}
/*==================================== Links ======================================================== */
a {color:#fb8f18;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:#e58402;}
/*================================>> 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;}

/*********************************Menu*************************************/
nav{ position:relative; margin: 0 -16px 0 0; float:right;}
.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */z-index:999;}
.sf-menu ul li {width:100%}
.sf-menu li {float:left;position:relative}
.sf-menu>li{ background:url(../images/nav_li.jpg) left 0 no-repeat; }
.sf-menu>li:first-child{ background:none;}
.sf-menu>li>a{display:inline-block;position:relative; font-size: 14px; line-height: 24px; color:#9b9b97; text-align:center;font-family: 'Oswald', sans-serif;padding:18px 22px 19px 23px;}
.sf-menu>li>a:hover,.sf-menu>li.sfHover>a{ color:#f18b02;}
.sf-menu>li.current>a{ color:#FFFFFF;}
.sf-with-ul span{ background:url(../images/nav_marker.png) 0px 0px no-repeat; position:absolute; display:inline-block; width:11px;height:6px; bottom:8px; left:47px;}
/*================================>> 2 Level <<========================================*/
.sf-menu>li>ul,.sf-menu>li.sfHover>ul{left:-21px;top:76px;width:132px;padding:19px 0 5px 14px;/* match top ul list item height */z-index:99; background:url(../images/sub_ul.jpg) repeat;}
.sf-menu>li>ul>li{ background:url(../images/sub_marker1.png) 0 7px no-repeat; padding:0 0 0 10px; margin-bottom:15px;}
.sf-menu>li>ul>li>a{font-size: 12px; line-height: 18px; color:#fff;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{ color:#f18b02;}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:133px;top:-7px;width: 156px;padding:0 0 0 0;/* match top ul list item height */z-index:99}
.sf-menu li li li{ margin-bottom:1px;background:url(../images/sub_ul.jpg) repeat; }
.sf-menu li li li a{ display:block; background:url(../images/sub_marker2.png) 9px 17px no-repeat; padding:7px 0 7px 17px; font-size:12px; color:#fff}
.sf-menu li li li a:hover{ background-position: 9px -19px; color:#FFFFFF; text-shadow: 1px 1px rgba(0,0,0,0.12); background-color:#fb8f18;}

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

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

/*********************************content*************************************/
#content {padding:33px 0px 59px 0px;}
#page1 #content {padding:31px 0px 59px 0px;}
#page2 #content {
    padding: 33px 0 55px;
}

#page3 #content {
    padding: 33px 0 56px;
}

#page5 #content {
    padding: 33px 0 57px;
}

.p7 {
	margin-bottom:9px !important;
}

/* LightBox */
.lightbox-image {position:relative;overflow:hidden;display:inline-block;z-index:99;}
.lightbox-image img {position:relative;z-index:2;background:#f1f1f1;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/pro_images/magnifying-glass.png) no-repeat 50% 50%;z-index:1;}

/*================================>> 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:#e58402;}
.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 #dedede;}
.ind{ margin-bottom:33px;}
.ind1{ margin-bottom:30px;}
.ind3{ margin-bottom:31px;}
.ind2{ margin-bottom:41px;}
h3{font-size: 32px; line-height: 38px; color:#322f2a;}
/*================================>> GOOGLE FONTS  <<========================================*/
.project .title, h5, .inter_design h3, .idea .title{font-family: Times New Roman, Arial,Helvetica, cursive;}
footer .f_left{font-family: Times New Roman, Arial,Helvetica}
.control figure, .order, .inter_design h3 span, .more, .main_h2, .main_h4, .kwicks li div.description, #top_block .log_box .f_right a, nav a, .title1{font-family: Times New Roman, Arial,Helvetica, 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 11px; border-bottom:2px solid #3b3b3a;}
#top_block .top1{background:url(../images/top1_bg.jpg) 50% bottom repeat-x; padding:12px 0 14px;}
#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;font-family: Times New Roman, Arial,Helvetica, sans-serif;}
#top_block .log_box a:hover{ color:#fb8f18;}
#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 .bg{ background:#e2e0de; padding:22px 0 19px; border-bottom:3px solid #d5d4d2;}
#middle_block{ background: url(../images/divider1.jpg) repeat-x 0 1px #fff; border-bottom:2px solid #3b3b3a;position: relative;    z-index: 1;}
#page1 #middle_block{ background-image: none !important; border-color:#D5D4D2;}
#bottom_block{ border-bottom:1px solid #252525; background:#e2e0de; color:#878581;}
#bottom_block li{ color:#878581;}
#bottom_block .bg{  min-height:289px; border-bottom:1px solid #010000; padding-top:37px;}
.main_h4{font-size: 18px; line-height: 22px; color:#322f2a; margin-bottom:22px; display:block;}
.bot1 {
	margin-bottom: 26px;
}
#bottom_block .more{ margin-top:22px; color:#585451; background:url(../images/more_marker2.png) right 8px no-repeat; padding-right:13px;}
#bottom_block .more:hover{ color:#e58402;}
#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:#e2e0de;border: 1px solid #d5d4d2; padding:15px 9px 7px; margin-bottom:24px;}
.idea .title{ display:block; background:url(../images/idea_marker.png) 8px 17px no-repeat #403d37;font-size: 24px; margin: 8px 0 0 0; padding:3px 0 7px 20px; line-height: 29px; color:#fff;font-family: 'Lobster', cursive; text-shadow: 1px 1px rgba(0,0,0,0.07);}
.idea .title:hover{ background-color:#e58402;}
.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;}
.column{width:277px;}
.m_left{ margin:0 63px 0 62px;}
.inter_design .end{width:260px;}
.news a{ color:#fb8f18; font-weight:bold;}
.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:#fb8f18;}
.popular{ overflow:hidden;}
.popular li{ float:left;}
.popular a{ display:inline-block; position:relative; margin-bottom:5px;width:108px;}
.popular a span{ display:block; position:absolute;width:102px; height:73px; border: 3px solid transparent;}
.popular a:hover span{border: 6px solid #fff;width:96px;height:67px;}
/*********************************page_2*************************************/
.services{ margin-bottom:35px;}
.services img{ margin-bottom:20px;}
.top_ind{ margin-top:47px;}
.main_h3{font-size:29px; line-height: 38px; color:#322f2a; margin-bottom:17px;}
.main_h3 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:#E2E0DE;border: 1px solid #D5D4D2; padding:10px 9px 7px;}
.project .title{ display:block; font-size: 24px; margin: 8px 0 0 0; padding:3px 0 7px 20px; line-height: 29px; color:#fff; text-shadow: 1px 1px rgba(0,0,0,0.07);font-family: Times New Roman, Arial,Helvetica, cursive;background: url("../images/idea_marker.png") no-repeat scroll 8px 17px #403D37;}
.project .title:hover{ background-color:#e58402;}
.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:24px;}
/*********************************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;}
.bot_stripe strong {font-style:italic;}
/*********************************page_5*************************************/
.p_top{ padding-top:9px;}
.bot_ind{ margin-bottom:25px !important;}
.top_ind2{ margin-top:45px;}
.page3-box1 {width:116px;}	
.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:#fb8f18;border-radius:100%;}
.bot_ind1{ margin-bottom:33px}


#map_canvas {
    width:700px;
	height:371px;
}
.adress{ padding-top:9px;}
.adress span{ display:inline-block; width:74px;}
.adress dt{ margin-bottom:25px;}
.adress a, .link{ color:#fb8f18;}
.adress a:hover, .link:hover{ text-decoration:underline; color:#000;}
/****************************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:Times New Roman, Arial,Helvetica, sans-serif; font-size:11px;}
footer a:hover { color:#fb8f18;}
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;}


.author_img{float:left; margin-right:8px; border: 1px solid #696969;}