/* Global */

html                         {height: 100%; }

.clearing					{ height: 0px; clear: both; line-height: 0px; }

a img						{ border: 0px; }

body						{background-color: #ffffff; }

/* Headings */

h1,h2,h3,h4					{ font-family: Helvetica, Arial, sans-serif; color: #663366; }
h2						    { margin: -200px 10px 0px 0px; }
h1 /*project title*/	    { font-size: 24px; padding: 0px; text-align: center; }
h2	/*contact title*/		{ font-size: 14px; font-weight: bold; text-align: right; letter-spacing: .3em;}
h3	/*con info*/			{ font-size: 12px; color: #333333; text-align: right; margin-right: 10px; font-style: italic; font-weight: 100; letter-spacing: .2em; }


p,f     					{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }

p							{ letter-spacing: .1em;  word-spacing: .15em; color: #333333;  }

f							{ color: #000000; text-align: center; margin-right: 10%; margin-left: 10%;}

rt							{ font-family: arial, helvetica, sans-serif; font-size: 14px; color: #000000; text-align: left; font-weight: bold;}

r							{ font-family: georgia, times, serif; font-size: 14px; color: #333333; text-align: left; }


/* Writing Links */
a							{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #333333                                                          ; text-align: left; text-decoration: none; letter-spacing: .1em; }
a:hover						{ text-decoration: underline; }

a:visited					{ color: #000000; }



/* Side Links to Projects */
#nav_links ul				{ text-align: left; margin: 0px; padding:5px 0px 10px 0px; }

#nav_links ul li			{ display: block; list-style-type: none;  padding: 5px 0px; } 

#nav_links ul li a			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #333333                                                          ; text-align: left; text-decoration: none; letter-spacing: .1em; }

#nav_links ul li a:hover    { border-top: dashed #663366 1px;}
#nav_links ul li a:active   { color: #663366; border-top: dashed #663366 1px; }
#nav_links ul li a:visited   { color: #000000; }



/* Structure */
#main_container				{width: 800px; margin-right: auto; margin-left: auto;  }

#topBanner					{ width: 800px; height: 212px; margin-top: 10px; background-color: #FFFFFF; }

#nav_main					{ width: 800px; background-color: #ffffff; border-bottom: solid 10px #000000 ; }

#main_content				{ width: 800px; overflow: auto; background-color: #ffffff; border-bottom: solid 10px #000000; }

#nav_links					{width: 250px; background-color: #ffffff; float: left; padding-top: 10px; }

#nav_grid					{ width: 800px; background-color: #ffffff; }

#project_examples			{width: 550px; float: right; margin: 15px 0px; }

#project_info				{width: 400px; float: left; padding: 0px; margin: 0px; }

#resume						{ width: 600px; margin-right: 10%; margin-left: 10%; padding: 10px 0px; }

#footer						{ width: 800px; height: 10px; background-color: #ffffff;  }

/* Main Top Navigation */

#nav_main ul				{ text-align: left; margin: -2px 10px 10px 110px; }

#nav_main ul li				{ display: inline; list-style:none; margin: 0px 10px; }

#nav_main ul li a			{ color: #333333; font-size: 14px; font-family: helvetica, arial, sans-serif; text-decoration: none; letter-spacing: .5em; word-spacing: -30em; }

#nav_main ul li a:hover     { border-top: dashed 1px #663366 ; }

#nav_main ul li a:active	{ color: #663366; }

/* Grid navigation */

#nav_grid 					{ width: 800px; margin: 20px 0px; }