/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}

/*GLOBAL*/
html{min-width:940px;}
body{
	background:#f9f9f9;
	font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000;	
}

#glob{
	color: #B0EFB0;
    font: 12px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
    min-height: 450px;
    left: 50%;
    margin-left: -400px;
    position: relative;
    top: 0;
    width: 950px;
    z-index: 1;
}
#glob1{
	height:570px;
	min-width: 1150px;
}
.mmet {
	font-size: 5px;
	display:none;
}
.mmet > a{
	color: #000;
}

.works_page{
	margin-left: -120px;
    position: absolute;
    top: 310px;
	width: 918px;
	height: 554px;
}
.f-style {
	position:relative; 
	margin-left:-130px; 
	top:10px; 
	width: 666px; 
	height:333px; 
	padding-left:40px;
}
.hand1{
	position:absolute;
	width:100px;
	height:69px;
	background-image: url('/images/h1.png');
	top:200px;
	left:6px;
	z-index:100;
}
.hand2{
	position:absolute;
	width:100px;
	height:69px;
	background-image: url('/images/h2.png');
	top:200px;
	right:6px;
	z-index:100;
}

#main{
//	width:1000px;	
	position:relative;
	left:50%;	
	margin-left:-400px;
	//margin:-400px 0 0 -470px;
}

#gspinner,#gspinner>div{
	background:#f4f4f4 url(/images/bg.png) 50% 50%;
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:fixed;
	z-index:999;
}

#gspinner>div{
	background:url(/images/ajax-loader.gif) 50% 50% no-repeat;
}

/*ELEMENTS*/
a {color:#8ebf0b;outline:none;}
a:hover{text-decoration:none;}


p,.blo{
	line-height:20px;
	margin-bottom:10px;
}


/*header */
h1{
	position:absolute;
	text-align:center;
	font-size: 14px;
	color: #005000;	
    top: 50px;	
	left:50%;
	margin-left:-550px;
}

nav{
	position:absolute;
	top:333px;
	left:0px;
}

nav li{	
	clear: both;
    float: left;
    margin-right: 13px;
    padding-bottom: 20px;
}

nav a{
	color: #000;
	width:51px;
	height:51px;
	display:block;
	background:url(/images/nav-sp.png);
	position:relative;	
	text-decoration: none;
}

nav a>span{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:url(/images/nav-sp.png) 0 100%;
	-webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -ms-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
	opacity:0;
}
nav a>div{
	font-size: 18px;	
	font-family: 'PT Sans Narrow',Arial,Helvetica;
    padding-left: 60px;
    padding-top: 15px;
    width: 100px;
}

nav a:hover>div,nav .active a>div{
	color:#005000;
}

nav a:hover>span,nav .active a>span{
	opacity:1;
}

nav .services a{
	background-position:-153px 0;
}

nav .services a>span{
	background-position:-153px 100%;
}

nav .works a{
	background-position:-51px 0;
}

nav .works a>span{
	background-position:-51px 100%;
}

nav .contacts a{
	background-position:-102px 0;
}

nav .contacts a>span{
	background-position:-102px 100%;
}

nav .quest a{
	background-position:-204px 0;
}

nav .quest a>span{
	background-position:-204px 100%;
}



/*#content*/

#content{	
	position:relative;	
	width: 670px;
	left:273px;
	top:50px;
	min-height: 510px;
	z-index:10;
}

#content>ul>li{
	height: 708px;
    left: 0;
    position: absolute;
    top: 0;
    width: 670px;
}

#content>ul>li>.bg{
	left:0;
	top:0;
	right:4px;
	bottom:38px;	
	position:absolute;	
	z-index:-1;
}

#content>ul>li>.bg img{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

#content>ul>li>.inner{
	text-align:center;
	padding:160px 130px 130px 130px;
	position:absolute;	
	width:406px;
	height:347px;
}

h2{
	font:35px 'PT Sans Narrow', Arial,Helvetica;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:20px;
}

#content .soc-ico{
	margin-left:127px;
}

#content .soc-ico li{
	float:left;
	margin-right:9px;
	overflow:hidden;
	padding-bottom:20px;
}

#content .soc-ico li a{
	display:block;
	width:43px;
	height:42px;
	position:relative;
}

#content .soc-ico li a>span{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
	-webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -ms-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
	opacity:0;
}

.ie #content .soc-ico li a>span{
	display:none;
}

.ie #content .soc-ico li a:hover>span{
	display:block;
}

#content .soc-ico li a:hover>span{
	opacity:1;
}

#content .soc-ico .facebook{
	background:url(/images/soc-ico-sp.png) 0 0;
}

#content .soc-ico .facebook>span{
	background:url(/images/soc-ico-sp.png) 0 100%;
}

#content .soc-ico .twitter{
	background:url(/images/soc-ico-sp.png) -43px 0;
}

#content .soc-ico .twitter>span{
	background:url(/images/soc-ico-sp.png) -43px 100%;
}

#content .soc-ico .rss{
	background:url(/images/soc-ico-sp.png) -86px 0;
}

#content .soc-ico .rss>span{
	background:url(/images/soc-ico-sp.png) -86px 100%;
}

#content p{
	//text-transform:uppercase;
	font-size:14px;
}

#contacts .google_map{
	width:404px;
	height:193px;	
}

#contacts .address dd{
	width:164px;
	margin-left:120px;
}

/*footer*/
footer{	
	height: 570px;
	width:100%;
	left:0;
	bottom:0;
}

footer .privacy{
	color:#9c9c9c;
	font:14px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	top:530px;
	left: 50px;
	width:200px;
}

/*forms css*/

/*js css*/
.gallery{
	width:670px;
	height:708px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;	
}

.gallery .close{
	position:absolute;
	right:0;
	top:0;
	line-height:11px;
	z-index:10;
}

.gallery ul li a{
	position:absolute;
	//z-index:8;
	display:block;	
	//z-index:1;
}

.gallery ul li a>._hover{	
	position:absolute;
	left:111px;
	top:111px;
	width:0%;
	height:0%;	
	-webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -ms-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}

.over2 {
	z-index:1000;
}

.gallery ul li a.over>._hover{
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.gallery>ul{
	position:absolute;
	left:0;
	top:38px;
}

.gallery .li-1 a{top:0;left:0;}
.gallery .li-2 a{top:0;left:223px;}
.gallery .li-3 a{top:0;left:446px;}

.gallery .li-4 a{top:112px;left:111px;}
.gallery .li-5 a{top:112px;left:334px;}

.gallery .li-6 a{top:223px;left:0;}
.gallery .li-7 a{top:223px;left:223px;}
.gallery .li-8 a{top:223px;left:446px;}

.gallery .li-9 a{top:335px;left:111px;}
.gallery .li-10 a{top:335px;left:334px;}

.gallery .li-11 a{top:446px;left:0;}
.gallery .li-12 a{top:446px;left:223px;}
.gallery .li-13 a{top:446px;left:446px;}

.gallery .li-14 a{top:557px;left:111px;}
.gallery .li-15 a{top:557px;left:334px;}

.gallery .li-16 a{top:668px;left:0;}
.gallery .li-17 a{top:668px;left:223px;}
.gallery .li-18 a{top:668px;left:446px;}


.gallery .li-19 a{top:779px;left:111px;}
.gallery .li-20 a{top:779px;left:334px;}

.gallery .li-21 a{top:890px;left:0;}
.gallery .li-22 a{top:890px;left:223px;}
.gallery .li-23 a{top:890px;left:446px;}

.gallery .li-24 a{top:1001px;left:111px;}
.gallery .li-25 a{top:1001px;left:334px;}

.gallery .li-26 a{top:1112px;left:0;}
.gallery .li-27 a{top:1112px;left:223px;}
.gallery .li-28 a{top:1112px;left:446px;}

.gallery .pic{
	position:absolute;
	z-index:7;
	left:1px;
	top:39px;
}

.gallery .pic img{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
}

/*additional classes*/
.lime{
	color:#8ebf0b;
}

.fl{float:left;}
.fr{float:right;}
.col-1,.col-2,.col-3{float:left;}
.all{text-align:left;}
.alr{text-align:right;}
.alc{text-align:center;}
.wrapper{width:100%;overflow:hidden;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
a.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.bold{font-weight:bold;}
.wrap{overflow:hidden;}
.nopa{padding:0;}
.noma{margin:0;}
.nobg{background:none;}
.nobd{border:none;}
.nofl{float:none;}
.dn{display:none;}
.clear{clear:both;line-height:0;}



/*custom boxes*/

.btn{
	font:20px/44px 'Gruppo', cursive;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	background:#8a8a8a;
	padding:0 17px;
	display:inline-block;
	-webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -ms-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}

.btn:hover{
	background:#8ebf0b;
}

dl.address dd{text-align:right;clear:both;}
dl.address dd span{float:left;}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{overflow:hidden;}
dl.img-box dt,.img-box-set dl dt{float:left;}
.c2 {
	min-height:1050px !important;
}

#txtbutt {
background-color: #200000;
    border: 1px solid #404040;
    color: #FFFFFF;
    margin-top: 30px;
    padding: 10px;
}