/* CSS Document */

body { background: #000 url(images/background.jpg) top center no-repeat; margin: 0; padding: 0; }

#wrapper { width: 777px; margin: 0 auto; position: relative; }
#header { width: 777px; height: 178px; clear: both;}
#nav { width: 777px; height: 30px; background: #000 url(images/background_nav.jpg) top left no-repeat; color: #fff; text-align: center; clear: both; }
#nav ul { width: 447px; height:30px; margin: 0 auto; padding: 0px;  }
#nav li { list-style: none; float: left; padding: 0; margin: 0; }
#nav li a { display: block; height: 30px; }

#nav li a.about { width: 65px; background-image: url(images/about_off.gif); }
#nav li a.about:hover, #nav li a.aboutcurr { background-image:url(images/about_on.gif); }

#nav li a.obsess { width: 122px; background-image: url(images/obsess_off.gif); }
#nav li a.obsess:hover, #nav li a.obsesscurr { width: 122px; background-image:url(images/obsess_on.gif); }

#nav li a.ms { width: 142px; background-image: url(images/ms_off.gif); }
#nav li a.ms:hover, #nav li a.mscurr { background-image:url(images/ms_on.gif); }

#nav li a.links { width: 58px; background-image: url(images/links_off.gif); }
#nav li a.links:hover, #nav li a.linkscurr { background-image:url(images/links_on.gif); }

#nav li a.email { width: 60px; background-image: url(images/email_off.gif); }
#nav li a.email:hover, #nav li a.emailcurr { background-image:url(images/email_on.gif); }

#arch1 {  position: absolute; top: 208px; height: 45px; left: 10px;width: 159px; background: url(images/arc1.gif) top left no-repeat; z-index: 2; }
#arch2 {  position: absolute; top: 208px; height: 45px; right: 23px;width: 153px; background: url(images/arc2.gif) top right no-repeat; z-index: 2; }
#arch3 {  position: absolute; top: 253px; height: 345px; right: 0px;width: 112px; background: url(images/arc3.gif) top left no-repeat; z-index: 2; }
#arch4 {  position: absolute; top: 253px; height: 351px; left: 0px;width: 101px; background: url(images/arc4.gif) top right no-repeat; z-index: 2; }

#content { 
	width: 556px; margin: 0 auto; background: #00073A url(images/background_content.gif) top left no-repeat;  z-index: 3; 
	border-right: 1px #7A7A7B solid; border-left: 1px #7A7A7B solid; padding: 30px 65px 56px 48px;
	font: 12px Arial, Helvetica, sans-serif; color: #848484;
	}
	
#footer { 
	width: 621px; margin: 0 auto; border-top: 1px #7A7A7B solid; background-color: #000; 
	font: 10px Arial, Helvetica, sans-serif; color: #848484; line-height: 14px; z-index: 5;
	padding-left: 50px;
	}
#footer2 { 
	width: 671px; height: 39px; margin: 0 auto; background: #000 url(images/background_footer.gif) top left no-repeat; 
	position: relative; top: 0px; left: 0px;
	font: 10px Arial, Helvetica, sans-serif; color: #848484; line-height: 14px; padding-top: 45px;
	}
#footer a, #footer2 a { text-decoration: none; color: #FFFD75; }
#footer a:hover, #footer2 a:hover { color: #848484; text-decoration: underline; }

h1 { color: #fff; font: 17px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0px 0px 20px 70px; }
a { color:#fffd75; text-decoration: none; }
p { margin: 0px; padding: 8px 0px; }