body {
	
	margin-left: auto;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #7d7d7d;
	background-image: url(/images/background4.png);
	height: 700px;
	margin-bottom: 1px;
	margin-top: -9px;
	width: 1050px;
	margin-right: auto;
}

.logo {
	color: #c2c2c2;
	margin-left: 277px;
	margin-top: 40px;
	position: absolute;
	height: 14px;
	z-index: 2;
	width: 100px;
	word-spacing: 0px;
	background-repeat: no-repeat;
	background-position: 0;
	font-size: 11px;
	overflow: visible;
}

.logo a {
	text-decoration: none;
	z-index: 0;
	word-spacing: 0px;
	background-repeat: no-repeat;
	color: #c2c2c2;
	font-size: 11px;
	font-family: Helvetica, arial, "sans serif";
}

.logoimg {
	visibility: hidden;
	position: absolute;
	margin-left: 35px;
	margin-top: 35px;
}

.logoV  {
	z-index: 2;
	background-color: white;
	height: 99px;
	width: 31px;
	position: absolute;
	margin-left: 159px;
	margin-top: 35px;
}

.logoH {
	z-index: 2;
	background-color: white ;
	height: 29px;
	width: 98px;
	position: absolute;
	margin-left: 159px;
	margin-top: 35px;
}

.contact {
	margin-left: 795px;
	margin-top: 40px;
	position: absolute;
	list-style-type: none;
	z-index: 3;
	background-position: 0px 0px;
	line-height: 15px;
	color: #c2c2c2;
	font-size: 11px;
}

.phone {
	margin-left: -6px;
	list-style-type: none;
	z-index: 0;
	background-position: 0px 0px;
	color: #c7c7c7;
	font-size: 11px;
}

.contact a {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #c2c2c2;
}

.cv a {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #c2c2c2;
}

.nav {
	z-index: 1;
	line-height: 15px;
	color: #c2c2c2;
	margin-top: 40px;
	margin-left: 531px;
	position: absolute;
	list-style-type: none;
	text-decoration: none;
	font-size: 11px;
}



.cv {
	z-index: 1;
	line-height: 15px;
	color: #c2c2c2;
	margin-top: 40px;
	margin-left: 655px;
	position: absolute;
	list-style-type: none;
	text-decoration: none;
	font-size: 11px;
}



.nav a {
	color: #c2c2c2;
	text-decoration: none;
}

.nav a:hover {
	line-height: 15px;
	color: #c2c2c2;
	list-style-type: none;
	text-decoration: none;
	font-size: 11px;
}

#about {
	width: 570px;
	font-weight: bold;
	margin-left: 276px;
	margin-top: 132px;
	position: absolute;
	font-size: 26px;
	color: #c2c2c2;
}

#home {
	list-style-type: none;
	position: absolute;
	width: 744px;
	margin-top: 120px;
	margin-left: 153px;
	overflow: visible;
}


#projects {
	list-style-type: none;
	position: absolute;
	width: 744px;
	margin-top: 70px;
	margin-left: 153px;
	overflow: visible;
}


#projects a {
	color: #6a6b71;
	text-decoration: none;
}

#home a {
	color: #6a6b71;
	text-decoration: none;
}

#home_project {
	color: #686868;
	margin-bottom: 12px;
	background-color: white;
	margin-left: 6px;
	float: left;
	position: relative;
	margin-right: 6px;
	background-position: 0px -25px;
	line-height: 17px;
	font-size: 11px;
	height: 151px;
	background-repeat: no-repeat;
	width: 236px;
	overflow: hidden;
}

#projects_footer {
	margin-left: 6px;
	float: left;
	position: relative;
	margin-right: 6px;
	background-position: 0px -25px;
	line-height: 17px;
	font-size: 11px;
	height: 75px;
	background-repeat: no-repeat;
	width: 732px;
	overflow: hidden;
}

#home_project_intro {
	color: #e4e4e4;
	border-bottom-color: #9c9c9c;
	border-top-color: #9c9c9c;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 12px;
	margin-left: 6px;
	float: left;
	position: relative;
	margin-right: 6px;
	background-position: 0px -25px;
	line-height: 17px;
	font-size: 11px;
	height: 150px;
	background-repeat: no-repeat;
	width: 236px;
	overflow: hidden
}

#projects_category {
	border-bottom-color: #9c9c9c;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 12px;
	margin-left: 6px;
	float: left;
	position: relative;
	margin-right: 6px;
	background-position: 0px -25px;
	line-height: 17px;
	font-size: 11px;
	height: 150px;
	background-repeat: no-repeat;
	width: 236px;
	overflow: hidden
}

.academia {
	height: 148px;
	border-bottom-color: #F0F309;
	border-bottom-style: inset;
	border-bottom-width: 3px;
}

#intro {
	margin-top: 112px;
	margin-left: 6px;
	width: 360px;
	text-align: left;
	line-height: 14px;
	color: #c2c2c2;
	position: absolute;
	list-style-type: none;
	text-decoration: none;
	font-size: 9px;
}



.home_intro {
	margin-top: -60px;
	margin-left: 254px;
	width: 236px;
	text-align: left;
	line-height: 14px;
	color: #c2c2c2;
	position: absolute;
	list-style-type: none;
	text-decoration: none;
	font-size: 9px;
	letter-spacing: 1px;
}



#introbox {
	line-height: 33px;
	font-size: 22px;
	font-weight: bold;
	width: 236px;
	margin-top: 12px;
	position: absolute;
	color: #c2c2c2;
}


#project_view {
	padding-top: 165px;
	position: relative;
	width: 744px;
	color: #d3d3d3;
	line-height: 15px;
	list-style-type: none;
	font-size: 11px;
	margin-left: 153px;
	overflow: visible;
	
}

#project_info {
	padding-left: 0px;
	border-right-width: 278px;
	border-left-style: none;
	margin-top: -4px;
	padding-top: 4px;
	border-top-color: #b0b0b0;
	border-top-style: solid;
	border-top-width: 1px;
	position: absolute;
	height: 108px;
	margin-left: 124px;
	width: 236px;
	overflow: hidden
}

#project_image {
	margin-top: 0px;
	position: relative;
	background-repeat: no-repeat;
	margin-left: 502px;
	background-position: 0px -25px;
	line-height: 17px;
	color: #ecedee;
	font-size: 11px;
	height: 151px;
	width: 236px;
	overflow: hidden;
}

#p_images img {
	margin-bottom: 5px;
	margin-top: 5px;
}


.text {
	line-height: 16px;
	margin-left: 3px;
	margin-top: 112px;
	position: absolute;
}

#category {
	width: 112px;
	color: #b6b6b6;
	margin-left: 35px;
	position: absolute;
	margin-top: 315px;
	font-size: 9.5px;
}



#caption  {
	padding-top: 2px;
	margin-top: 2px;
	position: absolute;
	color: #b6b6b6;
	font-size: 10px;
	margin-left: -118px;
	width: 112px;
	visibility: hidden;
}

#p1 {
	float: left;
	border-top-style: none;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-top: 1px;
	height: auto;
	margin-left: 124px;
	width: 368px;
	overflow: visible;
}

#p2 {
	display: none;
	border-top-color: #9c9c9c;
	border-top-width: 1px;
	height: 1px;
	margin-left: 496px;
	margin-top: -12px;
	text-align: right;
	position: relative;
	float: left;
	width: 112px;
}

#footer  {
	border-bottom-width: 0px;
	border-right-width: 0px;
	z-index: 1;
	font-size: 10px;
	margin-right: -50px;
	text-align: justify;
	border-top-color: #9c9c9c;
	margin-top: 1px;
	border-left-width: 0px;
	border-top-width: 1px;
	border-style: solid;
	margin-left: 124px;
	padding-top: 6px;
	height: 70px;
	width: 608px;
	overflow: hidden;
}

#footer_info  {
	border-bottom-color: #9c9c9c;
	z-index: 0;
	font-size: 10px;
	margin-right: -50px;
	text-align: justify;
	margin-top: 8px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
	margin-left: 124px;
	height: 55px;
	width: 608px;
	overflow: hidden;
}

#footer_nav {
	margin-left: 208px;
	z-index: 0;
	margin-top: -15px;
	width: 400px;
	text-align: right;
	position: absolute;
	float: right;
}

#footer a {
	color: white;
	font-size: 10px;
}

#footer a:hover {
	font-size: 10px;
	color: #f0f309;
}

#p_images  {
	float: left;
	width: 608px;
	border-top-color: #9c9c9c;
	padding-top: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	margin-left: 124px;
	overflow: visible;
}



li#project_name  {
	font-weight: bold;
	color: #f0f309;
}


img  {
	border: none

}

#pagenav  {
	bottom: 3px;
	position: fixed;
}

.project_image_top {
	border-style: none;
	height: 108px;
	width: 236px;
	position: absolute;
	z-index: 2;
	overflow: hidden
}


.project_image_behind {
	margin-top: -25px;
	height: 108px;
	width: 236px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	outline: none;
	border: none
}

.imageNonAction {
	position: relative;
	padding-top: 0px;
	border: none
	
}



#BackToTop {
	z-index: 2;
	bottom: 6px;
	position: fixed;
	list-style-type: none;
	padding-left: 746px;
	background-position: 0px 0px;
	
}

#BackToTop.absolute {
	margin-top: -89px;
	top: auto;
	bottom: auto;
	position: absolute;
	list-style-type: none;
	background-position: 0px 0px;
	
}

#NextProject {
	left: inherit;
	margin-left: 770px;
	bottom: 6px;
	position: fixed;
	list-style-type: none;
	background-position: 0px 0px;
	
}

a {
	text-decoration: none;
	color: white;
}

#about a:hover {
	text-decoration: none;
	color: white;
}

.bold {
	font-weight: bold;
}

.nav a.selected {
	font-weight: bold;
}

.nav a.selected:hover {
	font-weight: bold;
}

.visible {
	visibility: visible;
}

#comingsoon {
	visibility: hidden;
	font-size: 10px;
	padding-left: 3px;
	z-index: 3;
	font-weight: bold;
	background-color: black;
	color: white;
	height: 15px;
	width: 236px;
	position: absolute;
}

#project_description {
	margin-top: 18px;
}