html, body {
	margin:0;
	padding:0;
}
body{
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;*/
	background-color: #e5e5e5;
	color: #000;
	font-size: 75%;
}

a{
	color: #a29aaf; /*777*/
	text-decoration: none;
	outline: none; 
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
p, li {
	line-height: 1.8em;
}
h1, h2 {
    margin: 0 0 10px 0;
	letter-spacing:-1px;
}
h1 {
	padding: 0;
	font-size: 3em;
	color: #333;
}
h2 {
	padding-top: 10px;
	font-size:2em;
}

h1, h2,h3 {font-family: Arial, Helvetica, sans-serif;}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}

img { border: none;}

div#page {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	
}
div#container {
    width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}
#header {
}
div#logo{
	width: 220px;
	float: left;
	font-size: 18px;
}

div#footer {
    width: 900px;
	clear: both;
	color: #777;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0;
	font-size: 0.8em;
}

/*===navigation menu===*/

ul.dropdown {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #a29aaf;
 }

ul.dropdown li {
	 padding: 0px 10px;
	 margin-top: 0;
	 border-left: 1px solid #000;
	 /*text-transform: uppercase;*/
	 font-weight: 600;
	 line-height: 12px;
	 
}
ul.dropdown li.first{ border-left: 1px solid transparent;}
	 
ul.dropdown li.first:hover, ul.dropdown li.first.hover{ border-left: 1px solid #000;}

ul.dropdown li.hover,
ul.dropdown li:hover {
	 color: #000;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ text-decoration: none;}
ul.dropdown a:hover		{ color: #000;}
ul.dropdown a:active	{ color: #000; }


/* -- level mark -- */

ul.dropdown ul {
	padding-top:5px;
	border-left: 1px solid #777;
	margin-left:-1px;
}
	
ul.dropdown ul.hover,
ul.dropdown ul:hover {
	 color: #000;
	 border-left: 1px solid #000;
}
	
ul.dropdown ul li {
		 font-weight: normal;
		 background-color: #f6f6f6;
		 width: 85px;
		 padding: 3px 0px 3px 10px;
		 line-height: 1.3em;
}
ul.dropdown li li {
	color: #000;
	border-left: none;
}
ul.dropdown li ul li{
	/*text-transform: capitalize;*/
	font-size: 11px;}


/* float clearing */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* No gallery other pages */
#left {
	float: left;
	width: 230px;
}
#right {
	float: left;
	width: 600px;
}

div.page-container {
	padding-top:40px;
	position: relative;
	clear: both; 
	min-height: 360px;}
	
.navtitle{ 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	vertical-align:top;
	line-height: 25px;
	width: 150px;}
	
div.englishV {
	height: 25px;
	width: 150px;
	float: right;
	font-size: 0.8em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
div.englishV a {
	padding: 5px;
	font-weight: bold;
}

.page-container ul.cv {
	list-style-type: none;
	padding: 0;
}

.page-container ul.cv li{
	padding: 14px 0 0 0;
}

dl.vita, dl.vita2{
	margin: 0 0;
	padding: 0 0 18px 0; 
}

.vita dt{
	position: relative;
	left: 0;
	top: 1.4em;
	width: 50px;
}

.vita dd{
	margin: 0px 0 0 5em;
	padding: 0 0 .3em 0;
	width: 520px;
}
.vita2 dt{
	position: relative;
	left: 0;
	top: 1.4em;
	width: 85px;
}
.vita2 dd {
	margin: 0px 0 0 8em;
	padding: 0 0 .3em 0;
	width: 520px;
}

/* homepage */
			
.boxgrid{ 
width: 142px; 
height: 142px;
margin:3px; 
float:left; 
background:#161613; 
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.boxgrid p{ 
padding: 0 10px; 
margin: 0;
}
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 162;
left: 0;
}
.caption .boxcaption {
top: 30;
left: 0;
}
.caption{ font-weight: bold;}
.boxcaption a:hover{ text-decoration:none;}
.boxcaption a { color:#fff; text-decoration:none;}
				
a h3 { margin: 10px 10px 0 10px;  font:1.1em Arial, sans-serif; font-weight: bold; letter-spacing:-1px; text-decoration: none;  }
			
.frontpage	{
padding-top:100px;
position: relative;
clear: both; 
min-height: 320px;
}

/* list inline images */

ul.inline {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
}
ul.inline li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}

.horizontal{
	float: left;
	width: 90000px;
	overflow-x:auto;
	}
.horizontal-page { overflow-x:auto; overflow-y:scroll}