@charset "utf-8";
/* CSS Document */

html {   width:100%;   height:100%; }

body { 
	margin:5px 0px; 
	padding:0;
    font:normal 14px Verdana, Geneva, Helvetica, sans-serif;
	background-repeat:repeat;
	background-position:left top;
	background-image:url(../images/weave.jpg);
	color:#403128;
}

div {	margin:0; padding:0; text-align:left; vertical-align:top; }
p { padding:5px 10px; margin:0; line-height:20px; }
a { outline:none; }
.page .title {display:block; margin:10px 0; }
.spaceAbove { margin-top:10px; }
.spaceBelow { margin-bottom:10px; }
.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }

.small { line-height:16px; font-size:0.8em; }
.small h3 { margin:4px 0; }

h1 { margin:0 0 5px 0; }
h2 { margin:0 0 5px 0; }


/* Contains the actual webpage */
div#container {
	position:relative;
	text-align:left;
	margin:0px auto;
	padding:0;	
	width: 1000px;
	min-height: 560px;
	background-image:url('../images/tile.jpg');
	background-repeat:repeat;
}

/* HEADER Styles*/

div.header {
	width:1000px;
	height:170px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	display:block;
/*	border-bottom: 1px solid #000; */
}
div.header div#title {
	position:absolute;
	height: 0px;
	width:0px;
	top:0px;
	right:20px;
    margin: 0;
    padding: 0;
	/*border: 1px solid #000; */
}



div.header div#logoHeader a {
	position:absolute;
	display:inline-block;
	margin:0; padding:0;
	top:0px;
	left:0px;
	z-index:15;
	text-indent:-9999px;
	height:170px;
	width:240px;
}

div.header div.logoHeader:hover {
	cursor:pointer;
}

div.header div#logoHeader {
	background-repeat:no-repeat;
    display:inline-block;
    height:160px;
    width:240px;
	text-indent:-9999px; /*Hide text*/
	z-index:50;
}



/* MENU Styles*/
div#horzMenuBackground {
	position:absolute;
	top:0px;
	right:0px;
	width:750px;
	height:40px;
	display:block;
	}

div#horzMenu  {
	position:relative;
	padding:0; 
	margin:0;
}



div#horzMenu ul {
	position:absolute;
	max-width:750px;
	height:40px;
	list-style: none;
	margin:0;
	padding:0;
}

	
div#horzMenu ul li {
	float:left; 
	list-style-type: none;
	display:inline-block;
	padding:0;
	margin:0 10px;
	/*border: 1px solid #fff; */
}

div#horzMenu ul#navBar li a {
	display: block;
	padding: 0;
	margin:0;
	height: 40px;
	float: left;
	text-indent: -9999px;
}

	#horzMenu ul#navBar li a.current, #vertMenu ul#vertBar li a.current { 
	outline:none;
	}
	
	#horzMenu ul#navBar li#home a {
	width: 80px;
	background:url(../images/horzMenu.png) no-repeat 0px 0px;
	}

	#horzMenu ul#navBar li#home:hover a, #horzMenu ul#navBar li#home a.current {
	width: 80px;
	background:url(../images/horzMenu.png) no-repeat 0px -40px;
	}

	#horzMenu ul#navBar li#education a{
	width: 140px;
	background:url(../images/horzMenu.png) no-repeat -80px 0px;
	}
	
	#horzMenu ul#navBar li#education:hover a, #horzMenu ul#navBar li#education a.current{
	width: 140px;
	background:url(../images/horzMenu.png) no-repeat -80px -40px;
	}

	#horzMenu ul#navBar li#experience a{
	width: 170px;
	background:url(../images/horzMenu.png) no-repeat -220px 0px;
	}
	
	#horzMenu ul#navBar li#experience:hover a, #horzMenu ul#navBar li#experience a.current {
	width: 170px;
	background:url(../images/horzMenu.png) no-repeat -220px -40px;
	}

	#horzMenu ul#navBar li#research a {
	width: 110px;
	background:url(../images/horzMenu.png) no-repeat -390px 0px;
	}
	
	#horzMenu ul#navBar li#research:hover a, #horzMenu ul#navBar li#research a.current {
	width: 110px;
	background:url(../images/horzMenu.png) no-repeat -390px -40px;
	}
	
	#horzMenu ul#navBar li#contact a {
	width: 120px;
	background:url(../images/horzMenu.png) no-repeat -500px 0px;
	}
	
	#horzMenu ul#navBar li#contact:hover a, #horzMenu ul#navBar li#contact a.current {
	width: 120px;
	background:url(../images/horzMenu.png) no-repeat -500px -40px;
	}

div#container div#page-wrap div#contentContainer
{
	display:block;
	width: 100$;
	text-align:left;
	margin:0;
}


div#wholeContainer {
	text-align:left;
}

div.reducedContent {
	width:90%;
	display:block;
	margin:10px auto;
}

.reducedContent p {
	margin:0 0 5px 0;
}

.reducedContent ul {
	margin:0 0 5px 0;
}

.reducedContent ul li {
	margin:0 0 2px 0;
}

div#vertMenu {
	display:inline-block;
	width: 200px;
	height:100%;
	overflow:hidden;
}

#vertMenu ul {
	margin:10px 0;
	padding: 0;
	}

#vertMenu ul li {
	list-style-type: none;
	text-align:center;
}

#vertMenu li a {
	display: block;
	text-decoration: none;
	padding:0;
	margin:5px auto;
	height: 50px;
	text-indent: -9999px;
	/*opacity:0.7;*/
	}
	
	#vertMenu ul#vertBar li#emit a {
	background:url(../images/vmenueducation.png) no-repeat 0px 0px;
	}

	#vertMenu ul#vertBar li#emit:hover a {
	width: 200px;
	background:url(../images/vmenueducation.png) no-repeat 0px -50px;
	opacity:1.0;
}

	#vertMenu ul#vertBar li#emit a.current {
	width: 200px;
	background:url(../images/vmenueducation.png) no-repeat 0px -100px;
	opacity:1.0;
}

#vertMenu ul#vertBar li#ephd a {
	background:url(../images/vmenueducation.png) no-repeat -200px 0px;
	}

	#vertMenu ul#vertBar li#ephd:hover a {
	width: 200px;
	background:url(../images/vmenueducation.png) no-repeat -200px -50px;
	opacity:1.0;
}

	#vertMenu ul#vertBar li#ephd a.current {
	width: 200px;
	background:url(../images/vmenueducation.png) no-repeat -200px -100px;
	opacity:1.0;
}

#vertMenu ul#vertBar li#ehons a {
	background:url(../images/vmenueducation.png) no-repeat -400px 0px;
	}

	#vertMenu ul#vertBar li#ehons:hover a {
	width: 200px;
	background:url(../images/vmenueducation.png) no-repeat -400px -50px;
	opacity:1.0;
}

	#vertMenu ul#vertBar li#ehons a.current {
	width: 200px;
	background:url(../images/vmenueducation.png) no-repeat -400px -100px;
	opacity:1.0;
}

#vertMenu ul#vertBar li#ebsc a {
	background:url(../images/vmenueducation.png) no-repeat -600px 0px;
	}

	#vertMenu ul#vertBar li#ebsc:hover a {
	width: 200px;
	background:url(../images/vmenueducation.png) no-repeat -600px -50px;
	opacity:1.0;
}

	#vertMenu ul#vertBar li#ebsc a.current {
	width: 200px;
	background:url(../images/vmenueducation.png) no-repeat -600px -100px;
	opacity:1.0;
}


#partContainer {
	display:inline-block;
	width:780px;
	height:100%;
	padding:0;
	margin:0px 5px;
}




/* FOOTER Styles*/

#void div {
	clear:both;
	display:block;
	width:1000px;
}

div#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	font-size: 12px;
	text-align: center;
	color:#000;
	width:1000px;
	display:block;
}

div#footer p {
	margin:0 0 2px 0;
	font-family:Verdana, Geneva, sans-serif;
	padding:0;
}

div#footerMenuBackground {
	position:relative;
	width:800px;
	height:30px;
	display:block;
	margin: 0 auto;
	padding: 0;
	/*background-image:url(../images/footerBackground.png);
	background-repeat:repeat;*/
	}
	
div#footerMenu {
	position:relative;
	width:800px;
	height:30px;
	left:30px;
	padding:0; 
	margin:0 auto;
}



div#footerMenu ul {
	width:100%;
	list-style: none;
	margin:0; padding:0;
}


#footerMenu > ul#fnavBar > li {
	float:left; 
	list-style-type: none;
	display:inline-block;
	padding:0 ;
	margin:0 10px;
}

div#footerMenu > ul li a {
	display:inline-block;
	padding:0; margin:0;
	height: 30px;
	text-indent: -9999px;
}


	#footerMenu > ul#fnavBar > li#fhobbies a {
	width: 75px;
	background:url(../images/footerMenu.png) no-repeat 0px 0px;
	}

	#footerMenu > ul#fnavBar > li#fhobbies:hover a {
	width: 75px;
	background:url(../images/footerMenu.png) no-repeat 0px -30px;
	}

	#footerMenu > ul#fnavBar > li#faudio a {
	width: 170px;
	background:url(../images/footerMenu.png) no-repeat -75px 0px;
	}
	
	#footerMenu > ul#fnavBar > li#faudio:hover a {
	width: 170px;
	background:url(../images/footerMenu.png) no-repeat -75px -30px;
	}

	#footerMenu > ul#fnavBar > li#fphoto a {
	width: 120px;
	background:url(../images/footerMenu.png) no-repeat -245px 0px;
	}
	
	#footerMenu > ul#fnavBar > li#fphoto:hover a {
	width: 120px;
	background:url(../images/footerMenu.png) no-repeat -245px -30px;
	}

	#footerMenu > ul#fnavBar > li#fmotorbikes a {
	width: 110px;
	background:url(../images/footerMenu.png) no-repeat -370px 0px;
	}
	
	#footerMenu > ul#fnavBar > li#fmotorbikes:hover a {
	width: 110px;
	background:url(../images/footerMenu.png) no-repeat -370px -30px;
	}
	
	#footerMenu > ul#fnavBar > li#fcontact a {
	width: 100px;
	background:url(../images/footerMenu.png) no-repeat -480px 0px;
	}
	
	#footerMenu > ul#fnavBar > li#fcontact:hover a,
	#footerMenu > ul#fnavBar > li#fcontact a.current{
	width: 100px;
	background:url(../images/footerMenu.png) no-repeat -480px -30px;
	}