@import url('reset.css');

html,  body {
	height:100%;
	margin:0;
	padding:0;
	height:100%; 
	}

body {
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size:13px;
	color:white;
	line-height:20px;	
	}
	
#index {
	background-image: url(../i/bg-violet.png);
	background-color: #490053;
	}
	
#photo {
	background-image: url(../i/bg-gray.png);
	background-color: #000;
	}
	
#web, #jobs  {
	background-image: url(../i/bg-light-gray.png);
	background-color: white;
	color: #000;
	}
		
	
/* #wrapper {max-width:1500px;} */
	
h1 {
	margin: 0 0 40px -3px;
	font-size:28px;
	font-family: "Georgia";
	font-style: italic;
	font-weight:100 !important;
	/*font-variant: small-caps;	*/
	line-height: 40px;
	}
	
#photo h1 {padding-right: 33%;}

#web h1 {padding-right: 33%;}

		
a {
	color:#ffdf58;
	}
	
			
#web a, #jobs a {
	color:#8a009c;
	}
	
a:hover {
	text-decoration:none;
	}
	
#header {
	position: relative;
	margin:0 20px 0px 10%;
	padding-top: 50px;
	}

	#logo {margin-bottom:50px;}
	
#index #logo img {width:164px;height:171px;}
	
#photo #logo img {width:360px;height:38px;margin-left:-36px;}

#jobs #logo img {width:360px;height:38px;margin-left:-36px;}

#web #logo img {width:360px;height:38px;margin-left:-36px;}

#content {
	margin: 0 0 0 10%;
	}

.portfolio-link {
	float: left; margin: 0 4% 30px 0;
	height:235px;
	}
	

.portfolio-link p {
	width:250px;
	display:block;
	margin-top:3px;
	}
	
.portfolio-link p a {
	color:#fff;
	text-decoration:none;
	}
		
	
.photo-show img {margin-bottom:30px;clear:both;display:block;}



#contacts {
	position:absolute;
	width:338px;
	top:25px;
	right:15%;
	}
	
	#contacts li {background: none !important;}

	#contacts ul {display: block; width:169px;float:left;}
	
	#contacts .email {padding-bottom: 10px;}

.Spb {padding-top:30px;}



	

/* P O R T F O L I O */

.descr {padding-bottom:15px;}

.pic {margin-bottom:55px;}

.browser {
	background-image: url(../i/browser-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width:750px;
	margin-left:-25px;
	margin-bottom: 30px;
	padding-bottom: 27px;
	}


.browser a {
	background-image: url(../i/browser-top.png);
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 5px;
	}
	
.browser a img {
	margin:15px 25px -5px 25px;
	}
	
.browser a span {
	margin:0px 25px 0 25px;
	padding: 15px 0 -5px 0;
	display:block;
	}
	
.pic {margin-top:17px;}


#nav {
	position: fixed;
	width:169px;
	top:191px;
	right:15%;
	}
	
	#nav li {padding-bottom: 10px;}
	
	#nav li img {opacity: 0.2;}
	
	#nav .cur img {opacity: 0.8;}
	
	#nav li img:hover {opacity: 1;}
	
	#nav a {color:#888;}
	
.mouseover
	{
	padding-left:18px;
	background-image: url(../i/mouseover.png);
	background-repeat: no-repeat;
	background-position: left;
	}
	

/* J O B S */

#jobs h2 {
	padding-bottom: 15px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 20px;
	font-family: "Georgia";
	font-weight:100 !important;
	line-height: 30px;	
	}
	
#jobs h3 {
	padding-bottom: 5px;
	font-size:13px;
	font-weight:bold;
	}
	
#content ul {
	margin-bottom: 15px;
	max-width:700px;
	}
	
#content ul li {
	padding-left: 17px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-image: url(../i/marker.png);
	}
	
#content ol {
	list-style-position: inside;
	list-style-type: decimal;
	}

#content ol ul li {
	padding-left: 34px;
	background-position: 17px 6px;
	}
	
#content ol ul {margin-bottom: 10px !important;}
	
#content p {padding-bottom:15px;max-width:700px;}
	

.comeon {padding-bottom:48px !important;}


.alarm {background-color:#ffe85d;}
	
	
#footer {
	position: relative;
	margin:40px 20px 50px 10%;
	}
	
.clearasil {clear:left;}


::selection {
	background: #6d007c; /* Safari */
	}
::-moz-selection {
	background: #6d007c; /* Firefox */
}


/* L O G O R O C K S */

#logo-rocks {
	width:164px;
	height:221px;
	margin:-50px 0 50px 0;
	}
	
#logo-type {
	position:absolute;
	top:139px;
	}
	
#logo-crown {
	position:fixed;
	left:11%;
	bottom:50px;
	-ms-transform: rotate(105deg); /* IE 9 */
    -webkit-transform: rotate(105deg); /* Chrome, Safari, Opera */
    transform: rotate(105deg);
	}
	
#logo-rocks-pic {
	position:absolute;
	top:-100px;
	}