body {
	background-color:#333333;
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	text-align:center;
}
a:link, a:visited, a:hover, a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
#shadow-wrapper {
	margin:0px auto;
	width:765px;
	margin-bottom:3px;
}
#wrapper-left-shadow {
	margin:0px auto;
	width:757px;
	background-image:url(images/wrapper-left-shadow.gif);
	background-repeat:repeat-y;
	background-position:left;
}
#wrapper-right-shadow {
	margin:0px auto;
	width:758px;
	background-image:url(images/wrapper-right-shadow.gif);
	background-repeat:repeat-y;
	background-position:right;
}
#wrapper-bottom-shadow {
	margin:0px auto;
	width:740px;
	background-image:url(images/wrapper-bottom-shadow.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:1px;
}
#wrapper {
	background-color:#1E1E1E;
	margin:0px auto;
	width:734px;
	min-height:420px;
	margin-bottom:2px;
}
#main-container {
	position:relative;
	margin:0px auto;
	left:0px;
	top:0px;
	width:700px;
	border: solid #8D8D8D 1px;
	border-top:none;
	min-height:600px;/*
	set overflow to hidden for content to expand at run time
	*/
	overflow:hidden;
}
#header {
	background-image:url(images/header-bg.png);
	background-repeat:repeat-x;
	height:113px;
	font-family:Arial, Helvetica, sans-serif;
}
#header .text {
	position:absolute;
	left:20px;
	top:32px;
	color:#CCCCCC;
	font-size:32px;
}
#header .subtext {
	position:absolute;
	left:21px;
	top:68px;
	color:#999999;
	font-size:18px;
}
#top-nav {
	background-image:url(images/top-nav-bg.gif);
	background-repeat:no-repeat;
	height:24px;
}
#top-nav .text {
	position:absolute;
	top:3px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#top-nav .text a {
	color:#CCCCCC;
	text-decoration:none;
}
#top-nav .text a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#nav-home {
	position:absolute;
	left:40px;
	height:22px;
	width:89px;
	background-image:url(images/top-nav-button.png);
	background-repeat:no-repeat;
}
#nav-home .text {
	left:25px;
}
#nav-home .text a {
	position:absolute;
	left:-26px;
	height:20px;
	width:89px;
}
#nav-about {
	left:128px;
	position:absolute;
	height:20px;
	width:89px;
	background-image:url(images/top-nav-button.png);
	background-repeat:no-repeat;
}
#nav-about .text {
	left:23px;
}
#nav-about .text a {
	position:absolute;
	left:-24px;
	height:20px;
	width:89px;
}
#nav-services {
	left:216px;
	position:absolute;
	height:22px;
	width:89px;
	background-image:url(images/top-nav-button.png);
	background-repeat:no-repeat;
}
#nav-services .text {
	left:10px;
}
#nav-services .text a {
	position:absolute;
	left:-11px;
	height:20px;
	width:89px;
}
#nav-portfolio {
	left:304px;
	position:absolute;
	height:22px;
	width:89px;
	background-image:url(images/top-nav-button.png);
	background-repeat:no-repeat;
}
#nav-portfolio .text {
	left:13px;
}
#nav-portfolio .text a {
	position:absolute;
	left:-14px;
	height:20px;
	width:89px;
}
#nav-resume {
	left:392px;
	position:absolute;
	height:22px;
	width:89px;
	background-image:url(images/top-nav-button.png);
	background-repeat:no-repeat;
}
#nav-resume .text {
	left:17px;
}
#nav-resume .text a {
	position:absolute;
	left:-18px;
	height:20px;
	width:89px;
}
#nav-contact {
	left:480px;
	position:absolute;
	height:22px;
	width:89px;
	background-image:url(images/top-nav-button.png);
	background-repeat:no-repeat;
}
#nav-contact .text {
	left:15px;
}
#nav-contact .text a {
	position:absolute;
	left:-16px;
	height:20px;
	width:89px;
}
#nav-blog {
	left:568px;
	position:absolute;
	height:22px;
	width:89px;
	background-image:url(images/top-nav-button.png);
	background-repeat:no-repeat;
}
#nav-blog .text {
	left:27px;
}
#nav-blog .text a {
	position:absolute;
	left:-27px;
	height:20px;
	width:89px;
}
#nav-home:hover, #nav-about:hover, #nav-portfolio:hover, #nav-services:hover, #nav-resume:hover, #nav-contact:hover, #nav-blog:hover {
	background-image:url(images/top-nav-button-hover.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
#nav-home:hover .text, #nav-about:hover .text, #nav-portfolio:hover .text, #nav-services:hover .text, #nav-resume:hover .text, #nav-contact:hover .text, #nav-blog:hover .text {
	color:#FFFFFF;
}
#content-header {
	position:absolute;
	left:34px;
	top:160px;
	color:#C0C0C0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	width: 100px;
}
#search-container{ 
	margin-top:15px;
	margin-right:18px;
	text-align:right;
}
#main-content {
	position:relative;
	top:50px;
	left:65px;
	width:570px;
	text-align:center;
}
#main-content .text {
	color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}
#main-content .contact {
	text-align:center;
	color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#main-content .thankyou {
	text-align:center;
	color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.project {
	font-family:Arial;
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-align:justify;
	position:relative;
	width:82%;
	background-color:#CCCCCC;
	border-style:outset;
	border-width:2px;
	cursor:pointer;
}
.project div {
	display: none
}
.project:hover div {
	display:block;
	position:absolute;
	left:18px;
	width:290px;
	background-color:#333333;
	color:#E5E5E5;
	text-align: left;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:50;
	padding:10px;
	cursor:text;
}
.project:hover div table {
	color:#E5E5E5;
	font-size:13px;	
}
.project a, .project div a {
	text-decoration:none;
	color:#8C0000;
	border:none;
}
.project a:hover {
	color:#999999
}
.project div a:hover {
	text-decoration:underline;
	color:#333333;
}
img.tb1 {
	width:64px;
	height:48px;
	border:none;
}
img.tb2 {
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:2px;
}
.download {
	color:#CC0000;
}
.download:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#resume .text {
	color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:justify;
}
#resume .header1 {
	color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}
#resume .header2 {
	color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}
#resume .profile {
	height:77px;
}
#resume .background {
	height:88px;
}
#resume .education {
	height:19px;
	color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
}
#resume .degree1, #resume .degree2, #resume .cert {
	color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#resume .degree1 {
	height:18px;
}
#resume .degree2 {
	height:13px;
}
#resume .cert {
	height:16px;
}
#inner-content {
	width:520px;
	float:right;
	text-align:left;
}
#left-nav {
	position:absolute;
	left:28px;
	top:200px;
	height:auto;
	width:113px;
	background-color:#999999;
}
#left-nav-link1, #left-nav-link2, #left-nav-link3, #left-nav-link4 {
	background-image:url(images/left-nav-button.png);
	background-repeat:no-repeat;
	width:109px;
	height:28px;
	margin-top:2px;
	margin-left:2px;
	margin-bottom:2px;
}
#left-nav-link1:hover, #left-nav-link2:hover, #left-nav-link3:hover, #left-nav-link4:hover {
	background-image:url(images/left-nav-button-hover.png);
	background-repeat:no-repeat;
	width:109px;
	height:28px;
	cursor:pointer;
}
#left-nav-link1:hover .text, #left-nav-link2:hover .text, #left-nav-link3:hover .text, #left-nav-link4:hover .text {
	color:#FFFFFF;
}
#left-nav-link1 .text, #left-nav-link2 .text, #left-nav-link3 .text, #left-nav-link4 .text {
	position:absolute;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:109px;
}
#left-nav-link1 .text {
	top:8px;
}
#left-nav-link2 .text {
	top:38px;
}
#left-nav-link3 .text {
	top:68px;
}
#left-nav-link4 .text {
	top:98px;
}
#left-nav-default .text-container {
	display:block;
}
#left-nav-link1 .text-container, #left-nav-link2 .text-container, #left-nav-link3 .text-container, #left-nav-link4 .text-container {
	display:none;
}
#left-nav-link1:hover .text-container, #left-nav-link2:hover .text-container, #left-nav-link3:hover .text-container, #left-nav-link4:hover .text-container {
	display:block;
}
.text-container {
	position:absolute;
	top:0px;
	left:110px;
	width:400px;
	padding-bottom:40px;
}
.text-container:hover {
	cursor:text;
}
.text-container-top {
	position:relative;
	height:34px;
	background:url("./images/text-container-top.gif") top no-repeat;
	width:500px;
}
.text-container-middle {
	position:relative;
	padding:0 47px 0 30px;
	background:url("./images/text-container-middle.gif") top repeat-y;
	text-align:left;
	overflow:visible;
}
.text-container-bottom {
	position:relative;
	padding-bottom:44px;
	background:url("./images/text-container-bottom.gif") bottom no-repeat;
	width:500px;
}
.sub-text {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-align:justify;
	margin-left:15px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:1px;
}
.sub-text ul li a {
	text-decoration:none;
	color:#8C0000;
}
.sub-text ul li a:hover {
	text-decoration:underline;
	color:#333333;
}
#tag-cloud {
	width:160px;
	text-align:center;
	position:fixed;
}
#tag-cloud .text {
	font-family:Arial;
	color:#FFFFFF;
	font-size:13px;
}
#tag-cloud a:link {
	text-decoration:none;
}
#tag-cloud a:visited {
	text-decoration:none;
}
#tag-cloud a:hover {
	text-decoration:underline;
}
#tag-cloud a:active {
	text-decoration:none;
}
#footer {
	position:relative;
	margin:0px auto;
	width:700px;
	padding-top:8px;
	padding-bottom:8px;
}
#footer .text {
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#footer p {
	padding-top:2px;
	padding-bottom:0px;
	margin:0px;
}
.btnSubmit {
	border-width:1px; 
	border-color:#FFFFFF; 
	background-color:#000000; 
	color:#FFFFFF;
}

.textInput {
	border-width:1px; 
	border-color:#999999; 
	background-color:#838383; 
	color:#FFFFFF;
}

.whitebox {
	position: relative;
	padding: 0;
	margin-left:15px;
	margin-bottom:15px;
	text-align: left;
	width: 505px;
	background-color: #ffffff;
}
.whitebox_lb {
	position:relative;
	background-image:url(images/whitebox_l.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}
.whitebox_rb {
	background-image:url(images/whitebox_r.jpg);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}
.whitebox_bb {
	background-image:url(images/whitebox_b.jpg);
	background-position: 50% 100%;
	background-color: transparent;
	background-repeat: repeat-x;
}
.whitebox_blc {
	background-image:url(images/whitebox_bl.jpg);
	background-position: 0% 100%;
	background-color: transparent;
	background-repeat: no-repeat;
}
.whitebox_brc {
	background-image:url(images/whitebox_br.jpg);
	background-position: 100% 100%;
	background-color: transparent;
	background-repeat: no-repeat;
}
.whitebox_tb {
	background-image:url(images/whitebox_t.jpg);
	background-position: 0% 0%;
	background-color: transparent;
	background-repeat: repeat-x;
}
.whitebox_tlc {
	background-image:url(images/whitebox_tl.jpg);
	background-position: 0% 0%;
	background-color: transparent;
	background-repeat: no-repeat;
}
.whitebox_trc {
	background-image:url(images/whitebox_tr.jpg);
	background-position: 100% 0%;
	background-color: transparent;
	background-repeat: no-repeat;
}
.whitebox_content {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:3px;
	padding-left:30px;
	padding-right:20px;
	min-height:245px;	
}
.normal-text {
	font-weight:normal;
}
.whitebox_content a:link, .whitebox_content a:active, .whitebox_content a:visited {
	color:#8C0000;
	text-decoration:none;
}  
.whitebox_content a:hover {
	color:#999999;
}
.whitebox_content_header {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:bold;
}
