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


/* Fonts */

@font-face 		{font-family:MetroDF; src:url(files/metroDF.ttf);}
body			{font-family:Geneva, Arial, sans-serif; font-size:14px;}
a:link			{color:#BF1E2D; text-decoration:none;}
a:visited		{color:#BF1E2D; text-decoration:none;}
a:hover			{color:#BF1E2D; text-decoration:underline;}


/* Splash Page */

#containerS		{width:440px; height:325px; position:relative; margin-left:auto; margin-right:auto; margin-top:10%;}
#logoS			{}

#menuS			{position:absolute; top:306px;}

a.aboutS 		{display: block; width: 126px; height: 28px; text-decoration: none; background: url(images/about.png) no-repeat; position:absolute;}
a.aboutS:hover	{background-position: -126px 0;}

#dotS1			{position:absolute; left:127px; top:16px;}

a.designS 		{display: block; width: 133px; height: 28px; text-decoration: none; background: url(images/design.png) no-repeat; position:absolute; left:134px;}
a.designS:hover {background-position: -133px 0;}

#dotS2			{position:absolute; left:270px; top:16px;}

a.contactS		{display: block; width: 171px; height: 28px; text-decoration: none; background: url(images/contact.png) no-repeat; position:absolute; left:276px;}
a.contactS:hover{background-position: -171px 0;}

.displaceS 		{position: absolute; left: -5000px;}


/* Top Nav */

#topnav			{width:1000px; height:100px; position:relative; margin-left:auto; margin-right:auto;}
#logo a			{text-decoration:none; border:none;}

#topmenu		{position:absolute; top:68px; left:550px;}

a.about 		{display: block; width: 126px; height: 28px; text-decoration: none; background: url(images/about.png) no-repeat; position:absolute;}
a.about:hover	{background-position: -126px 0;}

#dot1			{position:absolute; left:127px; top:16px;}

a.design 		{display: block; width: 133px; height: 28px; text-decoration: none; background: url(images/design.png) no-repeat; position:absolute; left:134px;}
a.design:hover 	{background-position: -133px 0;}

#dot2			{position:absolute; left:270px; top:16px;}

a.contact		{display: block; width: 171px; height: 28px; text-decoration: none; background: url(images/contact.png) no-repeat; position:absolute; left:276px;}
a.contact:hover	{background-position: -171px 0;}

.displace 		{position: absolute; left: -5000px;}


/* Template */

.content 		{width:1000px; height:600px; position:relative; margin-left:auto; margin-right:auto; top:10px; font-family:Verdana, Geneva, sans-serif;}

#flashContent	{position:absolute; right:0px;}

.footer			{width:1000px; height:15px; position:relative; margin-left:auto; margin-right:auto; bottom:0px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#666; text-align:left;}

#copy			{position:absolute; left:2px; top:10px;}
#copy a:link	{text-decoration:none; color:#666;}
#copy a:visited	{text-decoration:none; color:#666;}
#copy a:hover	{text-decoration:underline; color:#333;}

#resume			{position:absolute; right:2px; top:10px;}
#resume a:link	{text-decoration:none; font-weight:bold; color:#666;}
#resume a:hover	{text-decoration:underline; color:#333;}


#foot_bar		{width:1000px; color:#CCC; background-color:#CCC; height:0.25px;}


/* Design Menu */

#design_menu	{position:relative; top:88px;}

a.graphic 		{display: block; width: 108px; height: 15px; text-decoration: none; background: url(images/graphic.png) no-repeat; position:absolute; top:23px;}
a.graphic:hover {background-position: -108px 0;}

a.web	 		{display: block; width: 65px; height: 15px; text-decoration: none; background: url(images/web.png) no-repeat; position:absolute; top:53px;}
a.web:hover 	{background-position: -66px 0;}

a.course 		{display: block; width: 182px; height: 15px; text-decoration: none; background: url(images/coursework.png) no-repeat; position:absolute; top:83px;}
a.course:hover 	{background-position: -183px 0;}

a.other 		{display: block; width: 87px; height: 15px; text-decoration: none; background: url(images/other.png) no-repeat; position:absolute; top:113px;}
a.other:hover 	{background-position: -88px 0;}


/* About */

a.about_pg 		{display: block; width: 126px; height: 28px; text-decoration: none; background: url(images/about.png) no-repeat; position:absolute; background-position:-126px 0;}
a.about_pg:hover{background-position: -126px 0;}

#contentA		{width:650px;}

h1.who			{position:absolute; top:20px; left: 0px; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:18px; font-weight:normal;}
p.who			{position:absolute; top:60px; left: 80px; font-family:Geneva, Arial, sans-serif; font-size:12px; width:520px; line-height:20px;}

h1.what			{position:absolute; top:260px; left: 0px; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:18px; font-weight:normal;}
p.what			{position:absolute; top:300px; left: 80px; font-family:Geneva, Arial, sans-serif; font-size:12px; width:520px; line-height:20px;}
ul.what			{position:absolute; top:440px; left: 100px; font-family:Geneva, Arial, sans-serif; font-size:12px; line-height:20px; list-style-type:square; list-style-position:inside;}

#picture		{position:absolute; top: 35px; left: 685px;}
#box			{position:absolute; top: 275px; left: 685px; font-family:Geneva, Arial, sans-serif; font-size:14px;}

#nameA			{position:relative; font-family:MetroDF, Geneva, Verdana, sans-serif; font-size:14px; color:#999; top:0px;}
#nameB			{position:relative; font-family:Geneva, Verdana, sans-serif; font-size:12px; left:20px; top:5px;}
#locA			{position:relative; font-family:MetroDF, Geneva, Verdana, sans-serif; font-size:14px; color:#999; top:13px;}
#locB			{position:relative; font-family:Geneva, Verdana, sans-serif; font-size:12px; left:20px; top:18px;}
#resumeA		{position:relative; font-family:MetroDF, Geneva, Verdana, sans-serif; font-size:14px; color:#999; top:26px;}
span.resumeD	{position:relative; font-family:Geneva, Verdana, sans-serif; font-size:12px; left:20px; top:31px;}
sub.resumeD		{font-size:9px; vertical-align:middle;}
#statusA		{position:relative; font-family:MetroDF, Geneva, Verdana, sans-serif; font-size:14px; color:#999; top:39px;}
#statusB		{position:relative; font-family:Geneva, Verdana, sans-serif; font-size:12px; left:20px; top:44px;}

/* Design */

a.design_pg 	{display: block; width: 133px; height: 28px; text-decoration: none; background: url(images/design.png) no-repeat; position:absolute; left:134px; background-position:-133px 0;}
a.design_pg:hover{background-position: -133px 0;}

#gallery		{position:absolute; right: 0px; top: 0px;}

div.graphicD	{position:absolute; left:0px; top:50px; width:400px;}
span.graphicD	{position:relative; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:18px;}
img.graphicD	{position:relative; top:12px; width:400px; border:none;}
p.graphicD		{position:relative; top:20px; font-family:Geneva, Arial, sans-serif; font-size:12px; color:#000; line-height:20px;}

div.webD		{position:absolute; left:550px; top:50px; width:400px;}
span.webD		{position:relative; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:18px;}
img.webD		{position:relative; top:12px; width:400px; border:none;}
p.webD			{position:relative; top:20px; font-family:Geneva, Arial, sans-serif; font-size:12px; color:#000; line-height:20px;}

div.courseD		{position:absolute; left:0px; top:300px; width:400px;}
span.courseD	{position:relative; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:18px;}
img.courseD		{position:relative; top:12px; width:400px; border:none;}
p.courseD		{position:relative; top:20px; font-family:Geneva, Arial, sans-serif; font-size:12px; color:#000; line-height:20px;}

div.otherD		{position:absolute; left:550px; top:300px; width:400px;}
span.otherD		{position:relative; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:18px;}
img.otherD		{position:relative; top:12px; width:400px; border:none;}
p.otherD		{position:relative; top:20px; font-family:Geneva, Arial, sans-serif; font-size:12px; color:#000; line-height:20px;}



	/* Graphic */
	
	a.graphic_pg 	{display: block; width: 108px; height: 15px; text-decoration: none; background: url(images/graphic.png) no-repeat; position:absolute; top:23px; background-position: -108px 0;}
	a.graphic_pg:hover{background-position: -108px 0;}
	
	
	/* Web */
	
	a.web_pg	 	{display: block; width: 65px; height: 15px; text-decoration: none; background: url(images/web.png) no-repeat; position:absolute; top:53px; background-position: -66px 0;}
	a.web_pg:hover 	{background-position: -66px 0;}
	
	div.rcnsW		{position:absolute; width:320px; left: 270px; top: 50px;}
	img.rcnsW		{position:relative; width:100px; border:none; vertical-align:text-top;}
	span.rcnsW		{position:relative; top: 0px; left:5px; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:14px;}
	p.rcnsW			{position:absolute; top: 17px; left:110px; font-family:Geneva, Arial, sans-serif; font-size:11px; color:#000;}	
	
	div.img1W		{position:absolute; width:320px; left: 270px; top: 200px;}
	img.img1W		{position:relative; width:100px; border:none; vertical-align:text-top;}
	span.img1W		{position:relative; top: 0px; left:5px; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:14px;}
	p.img1W			{position:absolute; top: 17px; left:110px; font-family:Geneva, Arial, sans-serif; font-size:11px; color:#000;}
	
	div.img2W		{position:absolute; width:320px; left: 270px; top: 350px;}
	img.img2W		{position:relative; width:100px; border:none; vertical-align:text-top;}
	span.img2W		{position:relative; top: 0px; left:5px; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:14px;}
	p.img2W			{position:absolute; top: 17px; left:110px; font-family:Geneva, Arial, sans-serif; font-size:11px; color:#000;}
	
	div.gsasW		{position:absolute; width:320px; left: 685px;top: 50px;}
	img.gsasW		{position:relative; width:100px; border:none; vertical-align:text-top;}
	span.gsasW		{position:relative; top: 0px; left:5px; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:14px;}
	p.gsasW			{position:absolute; top: 17px; left:110px; font-family:Geneva, Arial, sans-serif; font-size:11px; color:#000;}
	
	div.thesisW		{position:absolute; width:320px; left: 685px; top: 200px;}
	img.thesisW		{position:relative; width:100px; border:none; vertical-align:text-top;}
	span.thesisW	{position:relative; top: 0px; left:5px; font-family:MetroDF, Verdana, sans-serif; color:#999; font-size:14px;}
	p.thesisW		{position:absolute; top: 17px; left:110px; font-family:Geneva, Arial, sans-serif; font-size:11px; color:#000;}
	
	
	/* Coursework */
	
	a.course_pg 	{display: block; width: 182px; height: 15px; text-decoration: none; background: url(images/coursework.png) no-repeat; position:absolute; top:83px; background-position: -183px 0;}
	a.course_pg:hover{background-position: -183px 0;}
	
	
	/* Other */
	
	a.other_pg 		{display: block; width: 87px; height: 15px; text-decoration: none; background: url(images/other.png) no-repeat; position:absolute; top:113px; background-position: -88px 0;}
	a.other_pg:hover{background-position: -88px 0;}



/* Contact */

a.contact_pg	{display: block; width: 171px; height: 28px; text-decoration: none; background: url(images/contact.png) no-repeat; position:absolute; left:276px; background-position:-171px 0;}
a.contact_pg:hover{background-position: -171px 0;}

#contact		{position:absolute; left: 0px; top: 50px;}
#resumeB		{position:relative; left:0px; top:0px; font-family:MetroDF, Geneva, Verdana, sans-serif; font-size:18px; color:#999;}
#resumeC		{position:relative; left:80px; top:20px; font-size:12px;}
#emailB			{position:relative; left:0px; top:80px; font-family:MetroDF, Geneva, Verdana, sans-serif; font-size:18px; color:#999;}
#emailC			{position:relative; left:80px; top:100px; font-size:12px; line-height:20px;}
#otherB			{position:relative; left:0px; top:160px; font-family:MetroDF, Geneva, Verdana, sans-serif; font-size:18px; color:#999;}
#otherC			{position:relative; left:80px; top:180px; font-size:12px; line-height:20px;}
div.icons		{position:relative; left:70px; top:190px;}
img.icons		{border:none; padding:10px;}

#form			{position:absolute; left: 550px; top: 40px;}


/* Info */

#green			{position:relative; padding-bottom:30px; border:none;}
#info			{text-align:center; width: 500px; height: 400px; position:relative; margin-right:auto; margin-left:auto; top:100px;}
#credits		{position:relative; line-height:24px; top: 20px;}