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

/* style declaration for older browsers */
header, nav, footer, figure, figcaption {
	display:block;
}

/* HTML tags */
body {
	background-color:#E9E9E9;
	background-image:url(../MainImages/stripes.png);
	font-family:Arial, Helvetica, sans-serif;
	font-color:#000;
}

nav {
	position:absolute;
	top:5px;
	left:720px;
}

nav ul {
	list-style: none;
}

nav ul:after {
	content:"";
	clear:both;
	display:block;
}

nav ul ul {
	display:none;
	position:absolute;
	top:65px;
	left:-115px;
}

nav ul li {
	margin:0px;
}

nav ul li:hover > ul {
	display:block;
}

footer {
	position:absolute;
	top:630px;
	width:900px;
	left:50%;
	margin-left:-450px;
	font-size:11px;
	text-align:center;
}

footer ul {
	list-style-type:none;
}

footer li {
	display:inline;
}

footer a:link {
	text-decoration:none;
	color:#000000;
}

footer a:hover {
	color:#FFFFFF;
}

/* DIV tags */
#wrapper {
	background-color:#FFFFFF;
	background-image:url(../MainImages/Body_Texture.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:20px;
	width:900px;
	height:600px;
	left:50%;
	margin-left:-450px;
	-webkit-box-shadow: 5px 5px 5px #666;
	-moz-box-shadow: 5px 5 px 5px #666;
	box-shadow: 5px 5px 5px #666;
}

#logo {
	position:absolute;
	top:10px;
	left:10px;
}

#homecopybox {
	position:absolute;
	top:150px;
	width:512px;
	height:289px;	
	left:50%;
	margin-left:-256px;
	text-align:center;
	font-size:15px;
}

#homecopybox a:link {
	color:#000000;
	text-decoration:none;
	font-weight:900;
}

#homecopy {
	position:absolute;
	width:400px;
	left:50%;
	margin-left:-200px;
	top:50%;
	height:180px;
	margin-top:-90px;
}

#homecopybox a:hover {
	color:#666666;
}

#homecopyimage {
	background-image:url(../MainImages/Home_Copy_Box.png);
	background-repeat:no-repeat;
	position:absolute;
	top:150px;
	width:512px;
	height:289px;	
	left:50%;
	margin-left:-256px;
}

#welcomepic {
	position:absolute;
	top:250px;
	left:5px;
}

#skyline {
	position:absolute;
	left:0px;
	top:390px;
}

#copybox {
	background-image:url(../MainImages/Copy_Box.png);
	background-repeat:no-repeat;
	position:absolute;
	width:755px;
	height:439px;
	left:5px;
	top:155px;
	padding-left:40px;
	padding-top:20px;
	font-size:12px;
}

#copybox h1 {
	font-size:20px;
}

#copybox p {
	background-color:#CCC;
	opacity:0.8;
	width:655px;
	padding-left:15px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:10px;
}

#copybox a:link {
	color:#000000;
	text-decoration:none;
	font-weight:900;
}

#copybox a:hover {
	color:#666666;
}

#copysubhead {
	font-size:12px;
	font-weight:900;
}

#medthumbnails {
	margin:0px;
	padding:0px;
}

#medthumbnails ul {
	list-style: none;
}

#medthumbnails li {
	display:inline;
}

#medthumbnails img {
	margin-top:0px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0px;
	border:none;
	width:85px;
	height:85px;
	-webkit-box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333;
}

#portfoliobox {
	position:absolute;
	width:710px;
	height:330px;
	left:25px;
	bottom:115px;
}

#portfolioimage {
	position:absolute;
	height:330px;
	top:0px;
	right:0px;
	border:none;
	-webkit-box-shadow: 3px 3px 5px #666;
	-moz-box-shadow: 3px 3px 5px #666;
	box-shadow: 3px 3px 5px #666;
}

#portfoliome {
	position:absolute;
	height:330px;
	bottom:0px;
	left:0px;
}

#portfoliofooter {
	position:absolute;
	width:840px;
	height:60px;
	bottom:25px;
	left:25px;
	padding-left:10px;
	padding-top:10px;
	background-color:#CCC;
}

#portfoliofooter ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#portfoliofooter li {
	display:inline;
	margin-right:5px;
}

#portfoliofooter img {
	border:none;
	padding:0px;
	margin:0px;
	-webkit-box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
}

#portfolionav {
	width:120px;
	position:absolute;
	bottom:103px;
	right:15px;
}


#portfolionav ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#portfolionav li {
	display:inline;
	margin-right:0px;
	border:none;
}

#portfolionav img {
	border:none;
	padding:0px;
	margin:0px;
}

/* navigation buttons */
#onhomebutton {
	display: block;
	background-image:url(../MainImages/navigation/OnHomeNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#homebutton {
	display: block;
	background-image:url(../MainImages/navigation/HomeNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#homebutton:hover {
	background-image:url(../MainImages/navigation/HomeNavBox_Hover.png);
	background-repeat:no-repeat;
}

#homebutton:active {
	background-image:url(../MainImages/navigation/HomeNavBox.png);
	background-repeat:no-repeat;
}

#portfoliobutton {
	display: block;
	background-image:url(../MainImages/navigation/PortfolioNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#identitybutton {
	display: block;
	background-image:url(../MainImages/navigation/IdentityNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#identitybutton:hover {
	background-image:url(../MainImages/navigation/IdentityNavBox_Hover.png);
	background-repeat:no-repeat;
}

#identitybutton:active {
	background-image:url(../MainImages/navigation/IdentityNavBox.png);
	background-repeat:no-repeat;
}

#onidentitybutton {
	display: block;
	background-image:url(../MainImages/navigation/OnIdentityNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#webbutton {
	display: block;
	background-image:url(../MainImages/navigation/WebNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#webbutton:hover {
	background-image:url(../MainImages/navigation/WebNavBox_Hover.png);
	background-repeat:no-repeat;
}

#webbutton:active {
	background-image:url(../MainImages/navigation/WebNavBox.png);
	background-repeat:no-repeat;
}

#onwebbutton {
	display: block;
	background-image:url(../MainImages/navigation/OnWebNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#printbutton {
	display: block;
	background-image:url(../MainImages/navigation/PrintNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#printbutton:hover {
	background-image:url(../MainImages/navigation/PrintNavBox_Hover.png);
	background-repeat:no-repeat;
}

#printbutton:active {
	background-image:url(../MainImages/navigation/PrintNavBox.png);
	background-repeat:no-repeat;
}

#onprintbutton {
	display: block;
	background-image:url(../MainImages/navigation/OnPrintNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#aboutmebutton {
	display:block;
	background-image:url(../MainImages/navigation/AboutMeNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#aboutmebutton:hover {
	background-image:url(../MainImages/navigation/AboutMeNavBox_Hover.png);
	background-repeat:no-repeat;
}

#aboutmebutton:active {
	background-image:url(../MainImages/navigation/AboutMeNavBox.png);
	background-repeat:no-repeat;
}

#onaboutmebutton {
	display: block;
	background-image:url(../MainImages/navigation/OnAboutMeNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#resumebutton {
	display: block;
	background-image:url(../MainImages/navigation/ResumeNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}

#resumebutton:hover {
	background-image:url(../MainImages/navigation/ResumeNavBox_Hover.png);
	background-repeat:no-repeat;
}

#resumebutton:active {
	background-image:url(../MainImages/navigation/ResumeNavBox.png);
	background-repeat:no-repeat;
}

#onresumebutton {
	display: block;
	background-image:url(../MainImages/navigation/OnResumeNavBox.png);
	background-repeat:no-repeat;
	width:120px;
	height:49px;
	text-indent:-99999px;
}