html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
vertical-align : baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
content : none;
}
.clearfix:before, .clearfix:after {
content : "";
display : table;
}
.clearfix:after {
clear : both;
}
* {
margin : 0;
padding : 0;
}
body {
	font-size : 16px;
	color : #fff;
	background-color : #fff;
	overflow : hidden;
	font-family : "Myriad Pro", "Trebuchet MS", sans-serif;
	text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.2);
	background-image: url(../images/album/1.jpg);
	background-repeat: repeat;
}
h3 {
font-size : 40px;
}
h6 {
font-size : 25px;
}
h1, h2, h3, h4, h5, h6 {
margin : 20px;
}
a {
color : #FFF;
}
a:hover .cufon {
background : rgba(0, 0, 0, 0.5);
transition : all 1s ease-out;
}
nav a:hover .cufon {
background : none;
}
.overlay {
width : 100%;
height : 100%;
position : fixed;
top : 0;
left : 0;
background : url(../images/dotted.png);
opacity : 0.300000011920928955078125;
}
.main img.preview {
position : absolute;
left : 0;
top : 0;
width : 100%;
}
ul.navigation {
position : absolute;
width : 100%;
top : 140px;
left : 0;
list-style : none;
}
ul.navigation li {
float : left;
clear : both;
margin-bottom : 8px;
position : relative;
width : 100%;
}
ul.navigation li span.arrow_down, ul.navigation li span.arrow_up {
background-color : rgba(0, 0, 0, 0.75);
position : absolute;
width : 40px;
height : 50px;
cursor : pointer;
box-shadow : 0 0 2px #000;
background-image : url(../images/icons/asterisk_orange.png);
left : 0;
}
ul.navigation li span.arrow_down {
background-color : rgba(0, 0, 0, 0.75);
background-image : url(../images/icons/asterisk_orange.png);
background-repeat : no-repeat;
background-position : center center;
}
ul.navigation li span.arrow_up {
background-color : rgba(0, 0, 0, 0.75);
position : absolute;
width : 40px;
height : 50px;
cursor : pointer;
box-shadow : 0 0 2px #000;
background-image : url(../images/icons/asterisk_orange.png);
left : 0;
}
ul.navigation li span.arrow_up {
background : url(../images/icons/up.png) center center no-repeat rgba(0, 0, 0, 0.75);
}
.wrapper {
display : none;
position : absolute;
width : 100%;
height : 126px;
overflow-y : hidden;
top : 50px;
left : 0;
box-shadow : 1px 1px 5px #000;
}
.thumbs {
height : 126px;
margin : 0;
}
ul.menu {
	margin : 2;
	padding : 0;
	list-style : none;
	font-size : 14px;
	width : 1020px;
}
ul.menu a {
text-decoration : none;
outline : none;
}
ul.menu li {
	float : left;
	width : 515x;
	height : 50px;
	position : relative;
	cursor : pointer;
	margin-left : 2px;
}
ul.menu li > a {
	position : absolute;
	top : 0px;
	width : 510px;
	height : 30px;
	z-index : 12;
	background-color : rgba(0, 0, 0, 0.75);
	box-shadow : 0 0 2px #000 inset;
	background-image : url(../images/asterisk_green.png);
	background-repeat : no-repeat;
	background-position : 98%;
	padding-right : 5px;
	padding-bottom : 10px;
}
ul.menu li a img {
	border : #999 solid medium;
	position : absolute;
	width : 0;
	height : 0;
	bottom : 0;
	left : 92px;
	z-index : 100;
	box-shadow : 0 0 4px #000;
	margin-left : 20px;
}
ul.menu li span.wrap {
	position : absolute;
	top : 0;
	width : 515px;
	z-index : 15;
	margin-left : 10px;
	margin-top : -50px;
}
ul.menu li span.active {
	position : absolute;
	width : 515px;
	height : 0;
	z-index : 14;
	box-shadow : 0 0 4px #000 inset;
	border-bottom-right-radius : 15px;
	border-bottom-left-radius : 15px;
	background-color : rgba(0, 0, 0, 0.35);
}
ul.menu li span span.link, ul.menu li span span.descr, ul.menu li div.box a {
margin-left : 15px;
text-transform : uppercase;
text-shadow : 1px 1px 1px #000;
margin-top : 0;
}
ul.menu li span span.link {
color : #fff;
font-size : 22px;
float : left;
clear : both;
}
ul.menu li span span.descr {
color : #0B75AF;
float : left;
clear : both;
width : 510px;
font-size : 10px;
letter-spacing : 1px;
}
ul.menu li div.box a:hover {
color : #fff;
}
ul.menu {
	margin-top : 150px;
	margin-left : 0px;
}
.thumbs_wrapper {
padding-top : 15px;
padding-bottom : 15px;
background-color : rgba(0, 0, 0, 0.75);
}
.image {
border : rgba(255, 255, 255, 0.3) solid 5px;
border-radius : 5px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.1);
margin-top : 5px;
margin-bottom : 5px;
}
#popupAbout, #popupProjects, #popupContact, #popupBlog {
	height : 660px;
	width : 630px;
	background-color : rgba(0, 0, 0, 0.75);
	border : #cecece solid 2px;
	z-index : 15;
	padding : 20px;
	color : #FFF;
	box-shadow : 0 0 4px #000 inset;
	border-radius : 10px;
	margin-top : 30px;
	margin-left : 130;
	margin-right : 20;
}
#popupAboutClose, #popupProjectsClose, #popupContactClose, #popupBlogClose {
	top : 6px;
	top : 6px;
	position : absolute;
	display : block;
	background-position: right;
	text-align: right;
}
*:focus {
outline : none;
}
input:focus, textarea:focus {
box-shadow : 0 0 25px #ccc;
transform : scale(1.05);
}
input:not(:focus), textarea:not(:focus) {
opacity : 0.5;
}
#social-network img:hover {
opacity : 1;
transition : all 1s ease-out;
}