@charset "UTF-8";
/* Reset */
*									{ margin: 0; padding: 0; }
body								{ background: url(images/body_bg.gif) top center no-repeat #cc0000; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }
a									{ color: #ffffff; outline: none; text-decoration: none; }
a:hover								{ color: #ffff00; }
a img								{ border: none; }

/* Utility */
.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ background: #ffff00; border: none; font-weight: bold; margin: 0; padding: 2px 6px; }

/* Typography */
h1									{ color: #ffff00; font-size: 5em; letter-spacing: -1px; text-transform: uppercase; }
h2									{ color: #ffff00; font-size: 1.5em; text-transform: uppercase; }
h3									{ color: #ffffff; font-size: 1.5em; font-weight: normal; }
h4									{ color: #ffffff; font-size: 1.2em; font-weight: normal; }
blockquote							{ color: #ffff00; float: right; font-size: 4em; padding: 10px 0; quotes: "\201C" "\201D"; width: 500px; }
blockquote:before					{ content: open-quote; font-weight: bold; }
blockquote:after					{ content: close-quote; font-weight: bold; }

/* Structure */
#page-wrap							{ height: 750px; margin: 0 auto; width: 960px; }
.main								{ float: left; width: 960px; }
.left-col							{ float: left; margin: 10px; text-align: right; width: 300px; }
.right-col							{ float: right; margin: 10px; width: 620px; }

/* Header */
#logo								{ float: left; height: 175px; margin: 10px 10px 0 10px; width: 175px; }
#newsletter							{ float: right; height: 40px; font-size: 1.1em; font-weight: bold; padding: 5px 10px; width: 280px; }
#navbar								{ float: right; margin-top: 55px; width: 620px; }
#nav 								{ float: right; margin: 0; padding: 0; }
#nav li								{ display: inline; list-style-type: none; margin-left: 20px; }
#nav a:link, #nav a:visited 		{ color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bolder; text-transform: uppercase; }
#nav a:hover, #nav a:active			{ border-bottom: solid 10px #ffff00; color: #ffff00; }

/* Main */
.photo								{ border: solid #660000 1px; float: left; height: 140px; margin: 0 5px; width: 138px; }
.desc								{ float: left; margin: 0 5px; width: 140px; }
.box								{ float: left; height: 220px; margin: 0 10px; width: 220px; }
.box-2								{ float: left; height: 220px; margin: 10px; width: 220px; }

/* Footer */
#footer-container					{ margin: 10px auto; width: 960px; }
#footer								{ text-align: center; }
#footer a							{ color: #ffffff; }
#footer a:hover						{ color: #ffff00; }
#footer li							{ display: inline; list-style-type: none; margin-right: 5px; }