/* CSS Document */
* { margin: 0; padding: 0; text-indent: 0; border: none; font-size: 1em }

body { font-size: 0.8125em; font-family: "Times New Roman", Times, serif; }

#wrap { width: 846px; margin: 0 auto }
#flipboxwrap { width: 1000px; height: 510; margin: 0 auto }
#box { background: url(../images/box.gif) no-repeat; width: 836px; height: 454px; padding-top: 18px }
#flipbox {
	background: url(../images/box2.gif) no-repeat;
	width: 1000px;
	height: 510px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}



h1 a { width: 258px; height: 108px; display: block; background: url(../images/logo.gif) no-repeat; text-indent: -9999px; margin: 38px auto 20px }
h2 { font-size: 1.85em; color: #fff; font-variant: small-caps; font-weight: normal }

#nav { list-style-type:  none; margin-bottom: 12px }
#nav li { margin: 0 30px; display: inline;  }
#nav a, #nav a:visited, #nav a:active { color: #fff; text-decoration: none; font-variant: small-caps }
#nav a:hover { color: #3e6c80; text-decoration: none }

#copy { width: 768px !important; height: 379px !important; text-align: left; padding: 30px; margin: 0 auto }
#copy.about { 
background: url(../images/about.jpg) no-repeat
}
#copy.contact {
background: url(../images/contact.jpg) no-repeat
}
#copy p, #copy ul, #copy cite { width: 325px; display: block; color: #fff; margin: 1em 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em }
#copy a, #copy a:visited, #copy a:active { font-weight: bold; text-decoration: none; border-bottom: 1px solid #fff; color: #fff }
#copy a:hover { text-decoration: none; color: #fff; border-bottom: 1px dotted #fff }

cite { text-align: right }
blockquote, cite { font-style: italic }

#footer, #footer a, #footer a:visited, #footer a:active { color: #3e6c80; text-decoration: none; line-height: 3.5em; font-family: Arial, Helvetica, sans-serif }
#footer a:hover { color: #fff; text-decoration: none }
#footer { font-size: 0.85em; }
#footer a { font-size: 1em; }

#prev { position: relative; left: -480px; top: -325px; z-index: 99; background: url(../images/back.gif) no-repeat center }
#next { position: relative; left: 465px; top: -300px; z-index: 99; background: url(../images/next.gif) no-repeat center }
object {
	position: inherit;
	left: 0;
	top: 0;
	z-index: 99px;
}
flipobject { position: relative; left: 460px; top: -1.6em; z-index: 99px }
#prev, #next { width: 55px; height: 25px; margin: 0 auto}
#prev a:link, #prev a:visited, #prev a:active, #prev a:hover,
#next a:link, #next a:visited, #next a:active, #next a:hover { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; text-decoration: none; display: block; width: 55px; height: 25px; text-indent: -9999px }

body { background: #001716 url(../images/background.jpg) no-repeat center center fixed; margin: 0 auto; text-align: center }