@import url(reset.css);
@import url(text.css);
@import url(gallery.css);
@import url(fancybox.css);

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: bold;
  src: local('Play-Bold'), url('../fonts/play-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: normal;
  src: local('Play'), url('../fonts/play.ttf') format('truetype');
}

body{
 color:#444;
 font-size:13px;
 background: #fc0;
 font-family: Play, Helvetica, Arial, sans-serif;
}

#header {
 clear: both;
}

#guy, .buttons, iframe, .logo, .nc {
 -moz-transition: all 150ms linear;
 -o-transition: all 150ms linear;
 -webkit-transition: all 150ms linear;
 transition: all 150ms linear;
}

#guy {
 padding: 10px 0;
}

#guy img {
 position: relative;
 left: 3px;
 top: 1px;
}

.name {
 font-size: 1.9em;
 font-family: Play;
 font-weight: 400;
 color: #454545;
 opacity: 0.7;
 float: left;
}

.guys {
 width: 750px;
 float: right;
 position: relative;
 top: 65px;
}

.phone {
 vertical-align: center;
 color: #454545;
 opacity: 0.7;
 font-size: 1.9em;
 font-family: Play, Helvetica, Arial, sans-serif;
 font-weight: 200;
 float: right;
}

#description {
 margin-top: 30px;
 background: rgba(0,0,0,.1);
 padding: 10px;
 border-radius: 10px;
}

.skill_name {
 font-size: 1.2em;
 cursor: pointer;
 border-radius: 10px;
}

.skill_name:hover {
 box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.skill_name:active {
 box-shadow: inset 0 0 3px rgba(0,0,0,.3);
}

.skill_desc {
 color: #555;
 text-shadow: 0 1px 1px #fff;
 background: #eee;
 background: -o-linear-gradient(#f7f7f7, #eee);
 background: -webkit-linear-gradient(#f7f7f7, #eee);
 background: -moz-linear-gradient(top, #f7f7f7, #eee);
 padding: 7px 30px;
 margin: 0 15px;
}

.skill_name {
 font-size: 2em;
 background: #eee;
 background: -o-linear-gradient(#f7f7f7, #eee);
 background: -webkit-linear-gradient(#f7f7f7, #eee);
 background: -moz-linear-gradient(top, #f7f7f7, #eee);
 margin-top: 10px;
 border: solid 1px rgba(0,0,0,.2);
}

.skill_desc a {
 text-decoration: underline;
}

.skill_desc dt {
 text-align: center;
 font-weight: bold;
 margin-bottom: 10px;
 font-size: 1.2em;
}

.skill_desc dl {
 text-align: left;
 margin: 3px 0;
 font-size: 1.5em;
}

iframe {
 border-radius: 10px;
 border-radius: 15px;
 margin: 20px 0;
 background: #;
 border-radius: 15px;
}

iframe:hover {
 box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.hidden {
 display: none;
 font-size: 1.4em;
 width: 920px;
}

.hidden dt {
 font-weight: bold;
}

.bwWrapper {
 position:relative;
 display:block;
}

.icq {
 text-align: center;
 font-size: 1.9em;
 color: #777;
}

.logo {
 margin: 50px 0;
 display: block;
 background: url(../img/logo.png);
 width: 90px;
 height: 143px;
 float: left;
 opacity: 0.8;
}

.logo:hover {
 opacity: 1;
}

.logo:active {
 opacity: 0.8;
}

.scheme {
 color: #555;
 margin-bottom: 50px;
 font-size: 2em;
 display: block;
}

.scheme:hover {
 text-decoration: underline;
}

.nc {
	opacity: 0.3;
	background: rgba(0,0,0,0.5);
	border-radius: 4px 4px 0 0;
	padding: 12px;
	color: #fff !important;
	font-size: 16px;
}

.nc:hover {
 opacity: 1;
}

.nc:active {
 opacity: 0.5;
}