@charset "utf-8";

body{
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(images/background_nd_patch.jpg) repeat;
}
body, p, td, tr, label, select, textarea, #content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	color: #513A2C;
}
ul#nav{
	float: left;
	text-decoration: none;
	list-style-type: none;
	position: absolute;
	left: 38px;
	top: 185px;
	width: 205px;
	height: 306px;
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
.name   {
	font-size: x-large;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#body_proj #content li {
	padding-bottom: 10px;
}
ol {
	list-style: none;
	display: block;
}
label {
	display: block;
	float: left;
	width: 100px;
}
fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}
fieldset ol {
margin: 0px;
padding: 0px;
}
fieldset li {
	margin: 0px;
	padding-bottom: 10px;
}
select {
	font-weight: bold;
}
/*------------
begin links
---------------*/
a:link {
	color: #52362B;
}
#underlinelink a:link{
	color: #8D7848;
}
a:visited {
	text-decoration: none;
	color: #5D737C;
}
a:hover {
	text-decoration: none;
	color: #533C2A;
}
/*------------
end links
---------------*/
.submit {
	display: block;
	margin: 10px 0 0 100px;
}
.formtext {
	text-align: left;
	vertical-align: top;
	padding: 0;
	font-weight: bold;
}
.formfield {
	text-align: left;
}
.footer {
	font-size: small;
}
#wrapper {
	top: 0px;
	width: 825px;
	height: 600px;
	display: block;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}
#body_projects #wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}
#left_panel {
	background: url(images/left_panel1.png) repeat-y;
	position: relative;
	top:  0px;
	left: 0px;
	width: 349px;
	height: 635px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}
#project_panel {
	height: 780px;
	width: 825px;
	display: block;
	float: right;
}
/*------------
begin navigation
---------------*/
#nav_hom, #nav_proj, #nav_cont, #nav_links {
	width: 205px;
	height: 72px;
	display: block;
	margin: 0;
	padding: 0;
}
#nav_hom a  {
	background: url(images/nav_bar.png) no-repeat;
	background-position: 0px 0px;
	width: 205px;
	height: 72px;
	display: block;
	text-decoration: none;
	text-indent: -1000em;		
}
#nav_proj a  {
	background: url(images/nav_bar.png) no-repeat;
	background-position: 0px -72px;
	width: 205px;
	height: 72px;
	display: block;
	text-decoration: none;
	text-indent: -1000em;
	
}
#nav_cont a {
	background: url(images/nav_bar.png) no-repeat;
	background-position: 0px -144px;
	width: 205px;
	height: 72px;
	display: block;
	text-decoration: none;
	text-indent: -1000em;
	
}	
#nav_links a {
	background: url(images/nav_bar.png) no-repeat;
	background-position: 0px -216px;
	width: 205px;
	height: 72px;
	display: block;
	text-decoration: none;
	text-indent: -1000em;	
}
#nav_hom a:hover  {
	background-position: -199px 0px;
}
#nav_proj a:hover {
	background-position: -199px -72px;
}
#nav_cont a:hover{
	background-position: -199px -144px;
}
#nav_links a:hover{
	background-position: -199px -216px;
}	
#body_home #nav_hom a {
	background-position: -411px 0px;
}
#body_proj #nav_proj a {
	background-position: -411px -73px;
}
#body_cont #nav_cont a {
	background-position: -411px -144px;	
}
#body_links #nav_links a {
	background-position: -411px -218px;
}
/*------------
end navigation
---------------*/
#right_panel {
	background: transparent url(images/right_panel1.png);
	width: 461px;
	height: 635px;
	display: block;
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
}
#titl_home {
	background: url(images/titl_home.png) no-repeat;
	position: absolute;
	height: 38px;
	width: 351px;
	top: 135px;
	left: 20px;
}
#titl_proj {
	background: url(images/titl_projects.png) no-repeat;
	position: absolute;
	height: 38px;
	width: 351px;
	top: 135px;
	left: 20px;
}
#titl_cont {
	background: url(images/titl_contact.png) no-repeat;
	position: absolute;
	height: 38px;
	width: 351px;
	top: 135px;
	left: 20px;
}
#titl_links {
	background: url(images/titl_links.png) no-repeat;
	position: absolute;
	height: 38px;
	width: 351px;
	top: 135px;
	left: 20px;
}
#body_cont #content {
	top: 190px;
}
#super_logo {
	height: 63px;
	width: 169px;
	position: absolute;
	z-index: 10;
	top: 428px;
	left: 10px;
}
#content {
	display: block;
	width: 415px;
	height: 350px;
	margin: 0px 20px 70px 20px;
	top: 165px;
	position: absolute;
}

#content ul li{
	list-style: url(images/bullet.png) none;
}
.opacity {
	background-color: #fff;
	width: 100%;
	/* for IE */
	filter: alpha(opacity=70);
  	/* CSS3 standard */
	opacity: 0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}
#resume #right_panel {
	text-align: left;
}