@charset "utf-8";

a {
	color: #675;
}

a img {
	border: none;
}

a:visited {
	color: #342;
}

a:hover {
	color: #9a8;
}
body {
	color:#666;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background:#fff url("../img/gradient_top.png") repeat-x 0px 96px;
}

#wrapper {
	
}
.for-search-engines {
    display:none;
}
#header {
	height:95px;
	width:100%;
	background:#333 url("../img/bg_header.png") repeat-x top left;
	position:relative;
}
#header #logo {
	display:block;
	width:235px;
	outline:none;
}
#header #logo img {
	width:235px;
	display:block;
	border:none;
	padding:14px 67px 0px;
}

ul#menu {
	position:absolute;
	top:0px;
	right:70px;
	list-style:none;
	padding:0px;
	margin:0px;
}
ul#menu li {
	float:left;
}
ul#menu li a:link, ul#menu li a:visited {
	color:#bbb;
	text-decoration:none;
	text-align:center;
	display:block;
	width:140px;
	height:55px;;
	padding-top:40px;
	font-size:120%;
}
ul#menu li a:hover {
	color:#fff;
}
ul#menu li a.on {
	background:transparent url("../img/arrow.png") no-repeat top center;
	color:#fff;
	padding-top:35px;
	border-top:5px #6b7bb3 solid;
}
/* #menu-cv {
	border-top:5px #33FF00 solid;
}
#menu-projects {
	border-top:5px #03f solid;
}
#menu-blog {
	border-top:5px #FFFF00 solid;
} */

#container {
	text-align:center;
	margin-top:30px;
}
#content {
	width:780px;
	margin:0px auto;
	text-align:left;
	padding-bottom:50px;
}
#content h1 {
	color:#6b7bb3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:200%;
  font-weight: normal;
	margin-bottom:0px;
	padding-bottom:0px;
}
#content h2 {
	color:#6b7bb3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:140%;
	border-bottom:1px #999 solid;
}
div#works {
  position:relative;
	z-index:20;
	padding:0px;
	margin:0px;
}
a#prev {
  display:block;
  width:28px;
  height:64px;
  background: #fff url("/img/arrows.gif") no-repeat top left;
  position: absolute;
  top:85px;
  left:-50px;
}
a#next {
  display:block;
  width:28px;
  height:64px;
  background: #fff url("/img/arrows.gif") no-repeat 0px -68px;
  position: absolute;
  top:85px;
  right:0px;
}
a#next span, a#prev span {
  display: none;
}

ul#latest-works {
  list-style: none;
  padding: 0px;
  margin: 25px 0px 0px;
  position:relative;
}
ul#latest-works li {
  display:block;
  width:220px;
  height:220px;
  float:left;
  text-align: center;
  margin-right:30px;
	margin-bottom:60px;
}
ul#latest-works li img {
  display: block;
  border:7px solid #eee;
}
ul#latest-works li h3 {
  color:#6b7bb3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:125%;
  margin:0px;
  font-weight:normal;
}
ul#latest-works li span {
  color:#aaa;
}


#see-full-list {
	 margin:0px auto;
	 width:780px;
	 text-align:right;
	 padding-top:20px;
	 z-index:100;
	 /* position:absolute;
	 left:400px; */
}


#footer {
	height:29px;
	background:#333 url("../img/bg_footer.png") repeat-x top left;
	color:#bbb;
	position: fixed;
	bottom: 0px;
	padding: 0% 10%;
	\width: 100%;
	w\idth: 80%;
	text-align:center;
}

#footer p {
	margin:0px;
	padding-top:6px;
}
#footer a {
	color:#bbb;
}
.bgr {
	position:absolute;
	bottom:30px;
    left:0px;
	height:140px;
	width: 100%;
	padding:0% 0%;
	background:transparent url("../img/gradient_bottom.png") repeat-x top left;
	z-index:-800;
}
/* ------------------------------- CV --------------------------------------- */
.cv #footer, .cv .bgr/*, .projects #footer, .projects .bgr*/ {
	position:static;
}

.cv-key { font-weight:bold; width:170px; }
.cv-value { font-style:italic; }
.cv .high-level { font-weight:bold; color:#000;}
.cv h3, .projects h3, .portfolio h3 a {
	color:#900; 
	text-transform:uppercase; 
	margin:19px 0px 0px; 
	padding-bottom:0px; 
	font-size:110%; 
	font-weight:normal;
	text-decoration:none;
}
.projects p {margin:0px 0px 25px;}
.cv .exprience { padding-left:16px;}

/* ------------------------------- Portfolio -------------------------------- */
.work-image {
	border:7px solid #EEEEEE;
	display:block;
}
.portflio-descr {
	padding-left:30px;
}
.portfolio #footer, .portfolio .bgr {
	position:static;
}
/* ------------------------------- Helpers ---------------------------------- */
/* Wea are all loving Internet Exporer :-) */
.clearer:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}