/*
	layout 
*/

body {
	margin: 0px;
	padding: 0px;		
	background: #dbae6a;
	font: 14px arial;
}

#header {	
	height: 173px;
	width: 1189px;	
	margin: 0px auto;
	background: url('/static/images/top.png') no-repeat top center;	
}

#language {
	display: block;
	margin: -60px 0px 0px 480px;	
	position: absolute;	
}

#logo {		
	margin: 0px 0px 0px 130px;
	padding: 10px 0px 0px 0px;
	height: 128px;
	width: 363px;	
}

#navigation {	
	margin: -56px 0px 0px 610px;	
	height: 35px;
	width: 550px;
}

#container {
	width: 1189px;
	margin: 0px auto;	
}

#sideBar {
	width: 250px;
	padding: 20px;
	margin: -30px 0px;
	float: left;	
}

#content {
	width: 630px;	
	float: left;
	margin: -30px 0px;
	padding: 20px 20px 10px 20px;
	border-left: 1px solid #c4b2ae;	
}

#body {
	background: url('/static/images/body.png') repeat-y;		
	padding: 0px 107px 10px 107px;	
}

#bottom {
	background: url('/static/images/bottom.png') no-repeat bottom center;
	height: 107px;
}

/*
	Navigation
*/

#navigation ul {
	padding: 0px;
	margin: 0px;
}

#navigation ul li {
	display: inline;
	
}

#navigation ul li a {
	height: 35px;		
	display: block;
	float: left;	
}

#navigation ul li a#home { background: url('/static/images/navigation.png') 0px 0px no-repeat; width: 100px; }
#navigation ul li a#education { background: url('/static/images/navigation.png') -100px 0px no-repeat; width: 130px; }
#navigation ul li a#about { background: url('/static/images/navigation.png') -230px 0px no-repeat; width: 100px; }
#navigation ul li a#contacts { background: url('/static/images/navigation.png') -330px 0px no-repeat; width: 120px; }

#navigation ul li a#home.en { background: url('/static/images/navigation-en.png') 0px 0px no-repeat; width: 100px; }
#navigation ul li a#education.en { background: url('/static/images/navigation-en.png') -100px 0px no-repeat; width: 130px; }
#navigation ul li a#about.en { background: url('/static/images/navigation-en.png') -230px 0px no-repeat; width: 100px; }
#navigation ul li a#contacts.en { background: url('/static/images/navigation-en.png') -330px 0px no-repeat; width: 120px; }

#navigation ul li a#home:hover, #navigation ul li a#home.selected { background: url('/static/images/navigation.png') 0px -35px no-repeat; }
#navigation ul li a#education:hover, #navigation ul li a#education.selected { background: url('/static/images/navigation.png') -100px -35px no-repeat;  }
#navigation ul li a#about:hover, #navigation ul li a#about.selected { background: url('/static/images/navigation.png') -230px -35px no-repeat; }
#navigation ul li a#contacts:hover, #navigation ul li a#contacts.selected { background: url('/static/images/navigation.png') -330px -35px no-repeat;}

#navigation ul li a#home.en:hover, #navigation ul li a#home.selected.en { background: url('/static/images/navigation-en.png') 0px -35px no-repeat; }
#navigation ul li a#education.en:hover, #navigation ul li a#education.selected.en { background: url('/static/images/navigation-en.png') -100px -35px no-repeat;  }
#navigation ul li a#about.en:hover, #navigation ul li a#about.selected.en { background: url('/static/images/navigation-en.png') -230px -35px no-repeat; }
#navigation ul li a#contacts.en:hover, #navigation ul li a#contacts.selected.en { background: url('/static/images/navigation-en.png') -330px -35px no-repeat;}

/*
	Language
*/

#language img {
	border: 0px;
}

/*
	sideBar
*/

#sideBar h1 {
	font: 18px arial black;
	color: #76995e;
	padding: 10px;
	margin: 0px;	
	border-bottom: 1px solid #c4b2ae;		
}

#sideBar ul#menu {
	padding: 0px;
	margin: 0px 0px;
	list-style: none;
	font: 14px arial;
	color: #7d635d;
}

#sideBar ul#menu li {
	padding: 10px 5px;		
	border: 1px solid transparent;
	border-bottom: 1px solid #c4b2ae;	
}

#sideBar ul#menu li span {
	padding: 0px 5px;	
	font: bold 16px arial;
}

#sideBar ul#menu li:hover {
	background: #f2dfb4;
}

#sideBar ul#menu li:hover a {
	color: #3f3f3f;
	
}

#sideBar ul#menu li a {
	color: #7d635d;
	text-decoration: none;
}

#sideBar img {
	margin: 2px;
	border: 3px solid white;	
	width: 241px;
	overflow: hidden;
}

/*
	Content
*/

#content h1 {
	font: 22px arial black;
	color: #bc4627;
	padding: 7px;
	margin: 0px 0px 10px 0px;  		
	border-bottom: 1px solid #c4b2ae;	
}

#content p {
	font: 14px arial;
	color: #3f3f3f;
	padding: 0px 10px;
	margin: 18px 0px 0px 0px;
	line-height: 20px;
	text-align: justify;
}

#content p strong {
	color: #76995e;
	border-bottom: 1px dashed #c4b2ae;
}

#content img {
	width: 220px;
	height: 150px;	
	background: white;
	padding: 2px;
	border: 1px solid #c4b2ae;
}

#content img.big {
	width: 620px;
	height: 447px;
}

#content img.left {
	float: left;
	margin: 20px 10px 10px 10px;
}

#content img.right {
	float: right;
	margin: 20px 10px 10px 10px;
}

#content img.first {
	margin: 10px;
}

#content ul li span{
	padding: 0px 5px;
	color: #bc4627;	
	font: bold 16px arial;
}

#content ul {
	padding: 0px;
	margin: 0px 40px 10px 40px;
	color: #3f3f3f;
	list-style: none;	
}

#content ul li {
	padding: 2px 0px;
}

#content a {	
	margin: 10px;
	color: #3f3f3f;
	border-bottom: 1px dotted #76995e;	
	text-decoration: none;	
	text-align: right;
	font-style: italic;
}

#content a:hover {	
	color: #bc4627;
	border-bottom: 1px dotted transparent;	
}

/*
	Projects
*/

#content ul#projects {	
	margin: 20px 0px;
}

#content ul#projects li {
	border-top: 1px dotted #c4b2ae;		
	margin: 10px 0px;
	padding: 20px 0px;
}

#content ul#projects li p {
	padding: 0px 30px 0px 10px;	
}

#content ul#projects li img.logo {
	background: white;
	padding: 2px;
	border: 1px solid #c4b2ae;
	float: left;
	margin: 10px;
	width: 200px;
	height: 153px;
}

#content ul#projects li h2 {
	font: 18px arial black;
	color: #bc4627;
	padding: 0px;
	border-bottom: 1px solid #c4b2ae;
	margin: 20px;
}

#content ul#projects li h3 {
	font: 12px arial;
	color: #3f3f3f;
	padding: 0px;	
	margin: -15px 0px 0px 0px; 
}

#content ul#projects li ul.list {
	font: 13px arial;
	color: #3f3f3f;
	margin: 10px;
	list-style: none;
}

#content ul#projects li ul.list li {
	padding: 0px;
	border: 0px;
	margin: 0px 0px;
}

#content ul#projects li ul.info {
	font: 13px arial;
	color: #3f3f3f;
	margin: 10px;	
	list-style: none;
}

#content ul#projects li ul.info li {
	padding: 0px;
	margin: 3px 0px;
	border: 0px;
}

#content ul#projects li ul.info li strong {
	color: #76995e;
	font-style: italic;
}

/*
	News
*/

#content ul#news div.calendar {
	background: url('/static/images/calendar.png') no-repeat;
	height: 95px;
	width: 75px;	
	float:left;
	margin: 20px 0px 0px 0px;
}

#content ul#news div.calendar span.day {
	display: block;
	margin: 34px 9px;
	position: absolute;
	font: bold 21px arial;	
}

#content ul#news div.calendar span.month {
	display: block;
	position: absolute;
	margin: 58px 12px;
	font: bold 20px arial;
	color: #3f3f3f;	
}

#content ul#news li {
	border-top: 1px dashed #c4b2ae;		
}

#content ul#news li:first-child{
	border-top: 0px dashed #c4b2ae;		
}

#content ul#news div.box {		
	width: 460px;
	padding: 0px 20px 10px 20px;
	min-height: 110px;
	display: block;
	margin: 0px 0px 0px 60px;
}

/*
	Educations List
*/

#content ul#educations {
	margin: 20px 0px;
}

#content ul#educations li {
	margin: 0px 10px;
	padding: 0px;
}

#content ul#educations li h2 {
	font: 18px arial black;
	color: #bc4627;	
	border-bottom: 1px solid #c4b2ae;
	margin: 20px 0px;
	padding: 0px 10px;
}

#content ul#educations li ol {
	font: 14px arial black;
	color: #bc4627;
	margin: 0px 0px;
}

#content ul#educations li ol li {
	margin: 10px 20px;
}

#content ul#educations li ol li p {
	font: 14px arial;
	color: #3f3f3f;
	margin: 0px 0px;
}

#content ul#educations li ol li ol {
	font: 12px arial black;
	color: #76995e;
	margin: 10px 0px;
}

#content ul#educations li ol li ol li {
	margin: 0px 20px;
}

#content ul#educations li ol li ol li p{
	font: 12px arial;
	color: #3f3f3f;
	margin: 0px 0px;
}

/*
	Contacts
*/

#googleMap {
	margin: 20px 10px 10px;
}

#googleMap #map {
	height: 250px;
	width: 330px;	
	float: left;
	border: 1px solid #bc4627;
	overflow: hidden;
}

#googleMap #map img {
	background: transparent;
}

#googleMap #map a {
	border-bottom: 0px;
}

#googleMap #title {
	font: italic 10px arial;
}

p#address {			
	float: right;
	margin: 0px;
	text-align: right;	
}

p#address strong {
	font: 16px arial black;
}

fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

h1 {	
	clear: both;
}

form {
	margin: 10px;	
}

form label {
	display: block;
	margin: 10px 0px 0px;
	font: 12px arial black;
	color: #76995e;
}

form button {
	display: block;
	margin: 10px 0px 0px;
}

form input, form textarea {	
	padding: 3px;
	width: 300px;	
}

form textarea {
	height: 200px;
}

.loading {
	height: 32px;
	width: 32px;
	background: url('/static/images/ajax-loader.gif') center center no-repeat;
	padding: 20px;
}

/*
	Copyright
*/

#copyright {
	position: relative;
	text-align: right;
	float: right;	
	top: 51px;
	right: 122px;
	font: bold 8px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: white;	
}

#copyright p {
	margin: 0px;
}

#copyright #author {	
	float: right;	
}

#copyright #author a {	
	color: #fff;	
	display: block;
	text-decoration: none;
	float: left;
}

#copyright #author a:first-letter {
	color: #3778ff;
}

#copyright #author p {	
	float: left;
}