@charset "utf-8";
html,body{margin:0;padding:0;border:none;width:100%;height:100%;overflow:hidden;}
* {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#545454;border:none;outline:none;}
* ::-moz-focus-inner{border:0;}

body{margin:0 0;padding:0 0 0 0;}
a, a:visited{color:#3366cc;outline:none;}
a:hover{color:#3399cc;}


#box-01{position:relative;width:100%;height:100%;
	/* http://www.colorzilla.com/gradient-editor/ */
}

#box-01.bg-orange{background: #fecb02; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZWNiMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNlNTcxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fecb02 10%, #e57100 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#fecb02), color-stop(90%,#e57100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fecb02 10%,#e57100 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fecb02 10%,#e57100 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fecb02 10%,#e57100 90%); /* IE10+ */
background: linear-gradient(top, #fecb02 10%,#e57100 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecb02', endColorstr='#e57100',GradientType=0 ); /* IE6-8 */
}

#box-01.bg-green{background: #c6dd09; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2M2ZGQwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzIzNzY0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #C6DD09 5%, #237648 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#C6DD09), color-stop(90%,#237648)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #C6DD09 5%,#237648 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #C6DD09 5%,#237648 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #C6DD09 5%,#237648 90%); /* IE10+ */
background: linear-gradient(top, #C6DD09 5%,#237648 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6dd09', endColorstr='#237648',GradientType=0 ); /* IE6-8 */
}

#box-01.bg-red{background: #fb710e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiNzEwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzg5MGYwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #FB710E 0%, #890F0A 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB710E), color-stop(99%,#890F0A)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FB710E 0%,#890F0A 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FB710E 0%,#890F0A 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FB710E 0%,#890F0A 99%); /* IE10+ */
background: linear-gradient(top, #FB710E 0%,#890F0A 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb710e', endColorstr='#890f0a',GradientType=0 ); /* IE6-8 */
}


#box-01.bg-blue{background: #74e0ed; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM3NGUwZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDM2ZmIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #74E0ED 20%, #036FB0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#74E0ED), color-stop(100%,#036FB0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #74E0ED 20%,#036FB0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #74E0ED 20%,#036FB0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #74E0ED 20%,#036FB0 100%); /* IE10+ */
background: linear-gradient(top, #74E0ED 20%,#036FB0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74e0ed', endColorstr='#036fb0',GradientType=0 ); /* IE6-8 */
}



#logotype{width:134px;height:90px;position:absolute;top:50%;left:50%;background:url(../img/logotype.png) 0 0 no-repeat;margin:-50px 0 0 -67px;overflow:visible;}
	#menu-hold{position:relative;width:134px;height:90px;overflow:visible;}

#box-about, #box-services, #box-contacts{position:absolute;z-index:50;}

	#box-about{width:180px;height:140px;top:-140px;left:-130px;background:url(../img/arr_about.png) 0 0 no-repeat;}
	#box-services{width:275px;height:60px;top:50px;left:-280px;background:url(../img/arr_services.png) 0 0 no-repeat;}
	#box-contacts{width:220px;height:115px;top:-65px;left:150px;background:url(../img/arr_contacts.png) 0 0 no-repeat;}

#link-about, #link-services, #link-contacts{position:absolute;display:block;z-index:100;}
	#link-about{width:70px;height:30px;top:-145px;left:-142px;background:url(../img/link_about.png) -6px 5px no-repeat;}
		#link-about:hover{background-position:-6px -55px;}
	#link-services{width:70px;height:30px;top:67px;left:-284px;background:url(../img/link_services.png) -6px 5px no-repeat;}
		#link-services:hover{background-position:-6px -52px;}
	#link-contacts{width:112px;height:30px;top:-68px;left:262px;background:url(../img/link_contacts.png) -1px 5px no-repeat;}
		#link-contacts:hover{background-position:-1px -52px;}


#hider-box{display:none;}
	#inline-about{line-height:24px;}
	#inline-services{line-height:24px;}
	#inline-contacts{line-height:30px;}


#box-content{position:relative;top:60px;margin:0 auto;width:1150px;min-height:400px;background:white;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.40);}


#mini-logo{display:block;position:absolute;top:48px;left:58px;width:96px;height:66px;background:url(../img/mini-logotype.png) 0 0 no-repeat;}

h1{font-size:24px;font-family:Georgia;font-weight:400;margin-bottom:22px;}
h4{font-size:16px;font-weight:700;margin-bottom:8px;}

ul{list-style-type:none;margin:4px 0 8px 0;padding:0;}
ul li{background:url(../img/ico8.gif) 0px 0px no-repeat;margin:8px 0 16px 0;padding-left:16px}


#text-content{margin:0 60px 0 230px;padding:140px 0 70px 0;}
#main-menu{position:absolute;top:65px;left:230px;}
	#main-menu span{font-size:16px;margin-right:40px;}
	#main-menu a{font-size:13px;color:#39f;margin-right:40px;}
#text-box{font-size:14px;}
#text-box p{line-height:26px;margin-bottom:22px;}

#text-content.show-works{
	margin:0 0 0 0 !important;
}
.hold-my-work{
	margin-bottom:20px;
	padding-bottom:0px;
	border-bottom:1px dashed #ccc;
	text-align:center;
}
#text-content.show-works h5{
	text-align:center;
	display:block;
	margin-bottom:10px;
}
#text-content.show-works h5 span{
	display: inline-block;
	width:auto;height:40px;
	font-size:24px;
	font-weight:400;
	font-family:Georgia;
	color:#39f;
	text-decoration:none;
	margin-bottom:10px;
	border:3px solid #c7e3a6;
	padding:10px 20px 0 20px;
	cursor:pointer;
	-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;
}
#text-content.show-works h5 span:hover{color:#39c;border:3px solid #a7d57e;}
#text-content.show-works img{
	display:none;
	margin-bottom:30px;
}