/* CSS Document */

body {
	background-color: #8B7D5D;
}
#container {
	width: 800px;
	margin: auto;
	position: relative;
	overflow: hidden;
	height: auto;
}
/* Navigation------------------------------------------------------------------------------------ */
#nav {
	font-family: Century Gothic;
	font-size: 9px;
	width: 800px;
	height: 67px;
	position: relative;
	line-height: 0px;
}
#nav span {
	display: none;
}
#nav ul {
	display: inline;
}
#nav ul li {
	display: inline;
	list-style-type: none;
}
#nav ul li a {
	text-decoration: none;
	overflow: hidden;
	color: #000000;
	float: left;
}
#profile span {
	display: none;
}
#profile a {
	background-image: url(../Images/Profile.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 63px;
	display: block;
}
#profile a:hover {
	background-image: url(../Images/ProfileH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 63px;
	display: block;
}
#profile a:visited {
	background-image: url(../Images/Profile.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 63px;
	display: block;
}
#profile a:visited:hover {
	background-image: url(../Images/ProfileH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 63px;
	display: block;
}
#services span {
	display: none;
}
#services a {
	background-image: url(../Images/Services.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 86px;
	display: block;
}
#services a:hover {
	background-image: url(../Images/ServicesH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 86px;
	display: block;
}
#services a:visited {
	background-image: url(../Images/Services.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 86px;
	display: block;
}
#services a:visited:hover {
	background-image: url(../Images/ServicesH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 86px;
	display: block;
}
#portfolio span {
	display: none;
}
#portfolio a {
	background-image: url(../Images/Portfolio.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 90px;
	display: block;
}
#portfolio a:hover {
	background-image: url(../Images/PortfolioH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 90px;
	display: block;
}
#portfolio a:visited {
	background-image: url(../Images/Portfolio.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 90px;
	display: block;
}
#portfolio a:visited:hover {
	background-image: url(../Images/PortfolioH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 90px;
	display: block;
}
#contact span {
	display: none;
}
#contact a {
	background-image: url(../Images/Contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 82px;
	display: block;
}
#contact a:hover {
	background-image: url(../Images/ContactH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 82px;
	display: block;
}
#contact a:visited {
	background-image: url(../Images/Contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 82px;
	display: block;
}
#contact a:visited:hover {
	background-image: url(../Images/ContactH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 82px;
	display: block;
}
#banner span {
	display: none;
}
#banner a{
	background-image: url(../Images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	width: 479px;
	display: block;
}
/* ---------------------------------------------------------------------------------------------- */
/* SubNavigation--------------------------------------------------------------------------------- */
#subNav {
	font-family: Century Gothic;
	font-size: 9px;
	width: 780px;
	height: 28px;
	position: relative;
	line-height: 0px;
	background-image: url(../Images/subNavFillRight.jpg);
	background-repeat: repeat-x;
	padding-right: 20px;
}
#subNav span {
	display: none;
}
#subNav ul {
	display: inline;
}
#subNav ul li {
	display: inline;
	list-style-type: none;
	float: right;
}
#subNav ul li a {
	text-decoration: none;
	overflow: hidden;
	color: #000000;
	float: left;
}
#about a {
	background-image: url(../Images/AboutMe.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 95px;
	display: block;
}
#about a:hover {
	background-image: url(../Images/AboutMeH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 95px;
	display: block;
}
#about a:visited {
	background-image: url(../Images/AboutMe.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 95px;
	display: block;
}
#about a:visited:hover {
	background-image: url(../Images/AboutMeH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 95px;
	display: block;
}
#approach a {
	background-image: url(../Images/Approach.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 104px;
	display: block;
}
#approach a:hover {
	background-image: url(../Images/ApproachH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 104px;
	display: block;
}
#approach a:visited {
	background-image: url(../Images/Approach.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 104px;
	display: block;
}
#approach a:visited:hover {
	background-image: url(../Images/ApproachH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 104px;
	display: block;
}
#skill a {
	background-image: url(../Images/SkillSet.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 78px;
	display: block;
}
#skill a:hover {
	background-image: url(../Images/SkillSetH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 78px;
	display: block;
}
#skill a:visited {
	background-image: url(../Images/SkillSet.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 78px;
	display: block;
}
#skill a:visited:hover {
	background-image: url(../Images/SkillSetH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 78px;
	display: block;
}
#resume a {
	background-image: url(../Images/Resume.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 81px;
	display: block;
}
#resume a:hover {
	background-image: url(../Images/ResumeH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 81px;
	display: block;
}
#resume a:visited {
	background-image: url(../Images/Resume.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 81px;
	display: block;
}
#resume a:visited:hover {
	background-image: url(../Images/ResumeH.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 81px;
	display: block;
}
/* ---------------------------------------------------------------------------------------------- */
/* Content--------------------------------------------------------------------------------------- */
#content {
	width: 800px;
	position: relative;
	background-image: url(../Images/content.jpg);
	background-repeat: repeat;
	overflow: hidden;
}
#content a {
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7E8A64;
	text-decoration: none;
}
#content a:hover {
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
}
#content a:visited {
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7E8A64;
	text-decoration: none;
}
#content a:visited:hover {
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
}
#homeContent {
	width: 380px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	padding-right: 19px;
	padding-bottom: 20px;
}
#servicesContent {
	width: 355px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
#servicesContent2 {
	width: 355px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 15px;
	float: right;
	padding-right: 30px;
	padding-bottom: 15px;
}
#servicesContent2 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8B7D5D;	
}
#profileContent {
	width: 380px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	padding-right: 19px;
	padding-bottom: 20px;
}
#aboutContent {
	width: 380px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	padding-right: 19px;
	padding-bottom: 20px;
}
#approachContent {
	width: 355px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
#approachContent2 {
	width: 355px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 15px;
	float: right;
	padding-right: 30px;
	padding-bottom: 15px;
}
#skillSetContent {
	width: 380px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	padding-right: 19px;
	padding-bottom: 20px;
}
#skillSetContent2 {
	width: 275px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: right;
	padding-right: 19px;
	padding-bottom: 20px;
}
#contactContent {
	width: 355px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
#contactContent2 {
	width: 355px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 15px;
	float: right;
	padding-right: 30px;
	padding-bottom: 15px;
}
#contactContent h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8B7D5D;	
}
#contactContent2 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8B7D5D;	
}
#portfolioContent {
	width: 300px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
#portfolioContent2 {
	width: 410px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 15px;
	float: right;
	padding-right: 30px;
	padding-bottom: 15px;
}
#portfolioContent h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8B7D5D;	
}
#portfolioContent2 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8B7D5D;	
}
#resumeContent {
	width: 380px;
	z-index: 4;
	position: relative;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	padding-right: 19px;
	padding-bottom: 20px;
}
#resumeLink {
	position: relative;
	z-index: 3;
	height: 70px;
	width: 371px;
	float: right;
	display: block;
	top: 32px;
}
#resumeLink a {
	position: relative;
	z-index: 3;
	height: 70px;
	width: 371px;
	float: right;
	display: block;
	top: 32px;
	border-bottom-style: none;
}
#resumeLink a:hover {
	position: relative;
	z-index: 3;
	height: 70px;
	width: 371px;
	float: right;
	display: block;
	top: 32px;
	border-bottom-style: none;
}
#resumeLink a:visited {
	position: relative;
	z-index: 3;
	height: 70px;
	width: 371px;
	float: right;
	display: block;
	top: 32px;
	border-bottom-style: none;
}
/* ---------------------------------------------------------------------------------------------- */
/* Footer---------------------------------------------------------------------------------------- */
#footer {
	background-image: url(../Images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	width: 800px;
	height: 30px;
	font-size: 9px;
	text-align: center;
	float: left;
	padding-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	color: #000000;
	text-decoration: underline;
}
#footer a:visited {
	color: #000000;
	text-decoration: none;
}
#footer a:visited:hover {
	color: #000000;
	text-decoration: underline;
}
/* ---------------------------------------------------------------------------------------------- */