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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}

ol, ul {list-style: none;}
a{text-decoration: none;}

/* Прилепить footer */	
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 50px;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
 
body {
	font: 100%/1.25 Verdana, sans-serif;
	background-color: #000000;
	color: #fffeff;}
	
#start{
	width: 104px;
	padding-top: 140px;
	padding-left: 120px;}

/* @group Header */

#header{
	height: 102px;
	padding-top: 16px;
	padding-left: 16px;
	width: 466px;
}

#logo{
	float: left;
}
#menu{
	padding-left: 40px;
	float: right;
	font-variant: small-caps;
}
#menu ul li{
	float: left;
}

#menu a{
	color: white;
	font-size: 16px;
	display: block;
	padding: 41px 12px;
}
#menu a:hover{
	background-color: #fffeff;
	color: #000;
}
#menu span{
	display: block;
	padding: 41px 12px;
	background-color: #25201d;
	color: #fffeff;
}

/* @end */

/* @group Footer */
#footer {
	position: relative;
	margin-top: -50px; 
	height: 50px;
	clear:both;
	margin-left: 120px;
	font-size: 11px;
} 

/* @end */

/* @group Content */

#content{
	font-size: 0.8em;
	padding-left: 118px;
}
#contact p.email{
	margin-top: 1em;}
#contact {
	background-color: #25201d;
	width: 350px;
	padding-top: 96px;
	padding-bottom: 18px;
	padding-right: 14px;
	text-align: right;}
#about{
	height: 649px;
	position: relative;
}
#about #pic{
	float: left;
}
#about #text{
	position: absolute;
	bottom: 0;
	width: 500px;
	display: inline;
	left: 348px;
}
#links{
	margin-left: 348px;
	padding-top: 10px;}
#links p{padding-top: 30px;}
#links .accounts img{padding-right: 25px;}
#links .projects img{padding-right: 45px;}

.buttons{
	display: block;
	padding-top: 10px;
}
.error{
	font-size: 11px;
	color: #f00;
}

/* @end */

/* @group Gallery */

.simple_overlay {
-moz-box-shadow:0 0 90px 5px #000000;
background-color:#333333;
border:1px solid #666666;
display:none;
min-height:200px;
width:675px;
z-index:10000;
} 

.simple_overlay .close{
	cursor:pointer;
	height:35px;
	position:absolute;
	right:-26px;
	top:-26px;
	width:35px;
	background: url(../images/close.png) no-repeat;
}

.simple_overlay .next, .prev, .info { 
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:#333333 none repeat scroll 0 0 !important;
}
.simple_overlay .next, .prev{
border:1px solid #666666;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:11px;
padding:10px 20px;
position:absolute;
top:40%;
}
.simple_overlay .prev {
border-left:0 none;
left:0; 
}
.simple_overlay .next{
border-right:0 none;
right:0;
}
.simple_overlay .disabled {
visibility:hidden;
}
.simple_overlay .info {
color:#FFFFFF !important;
font-size:12px !important;
padding:10px 15px !important;
border-top:1px solid #666666;
bottom:0;
color:#FFFFFF;
font-size:11px;
left:0;
padding:10px 15px;
position:absolute;
} 
/* progress indicator (animated gif). should be initially hidden */ 
.simple_overlay .progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
}

/* @end */

/* @group Project */
#projects{
	width: 835px;
	
}
.project {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	//padding-bottom: 3px;
}




img.new{
	border: 1px solid #6bc6ff;
}
img.old{
	border: 1px solid #000;
}
#projects a.view{
	display: block;
}

/* @end */

#sign_in label{
	display: block;
}

#sign_in{
	margin-top: 50px;
	margin-left: 50px;
}

/* @group Pagination */
.first, .previous, .next, .last{
	display: none;
}
#pager{
	width: 835px;
	height: 20px;
	clear: both;
	padding-bottom: 20px;
	margin-left: 118px;
	padding-top: 10px;
}
#pager ul li{
	float: left;
	padding-right: 3px;
}
#pager ul{
	float: right;
}

#pager a{
	font-size: 13px;
	color: #fffeff;
}
#pager .active a{
	color: #6BC6FF;
}
/* @end */

.tooltip { 
    display:none; 
    background: transparent url(../images/black_arrow.png) no-repeat; 
    font-size:11px; 
    height:66px; 
    width:157px; 
    color:#fff;
	padding-top: 15px;
	padding-left: 13px;
	margin-top: 40px;
	margin-left: -4px;
}