body { margin: 0; font: normal .8em georgia, times, serif; line-height: 1.5em; text-align: center; min-height: 800px; color: #333; }
a:link, a:visited { text-decoration: none; color: #0AC; outline: none; }
a:hover { text-decoration: underline; }
a.more { font: bold 1em helvetica, arial; }
p { margin: 0 0 15px 0; }
h1 { margin: 0; font: normal 24px helvetica, arial;  color: #000; }
h2 { margin: 0 0 10px 0; padding: 0; font: normal 12px helvetica, arial; color: #000; text-transform: uppercase; letter-spacing: .04em; }
h2.break { margin-top: 25px; }

.float-right { float: right; }
.float-left { float: left; }
.center { text-align: center; }
.clear { clear: both; }

/* ==================== Page Layout ==================== */
.content { width: 940px; margin: 0 auto; text-align: left; position: relative; }
.grid-1 { float: left; margin-right: 20px; width: 290px; }
.grid-2 { float: left; margin-right: 20px; width: 600px; }
.grid-3 { width: 920px; padding-right: 20px; }

#main { width: 100%; float: left; margin: 0 auto; padding: 20px 0 30px 0; background-color: #FFF; }
#header { height: 70px; position: relative; top: 0; margin-bottom: 10px; border-bottom: 4px solid #000; }
#footer { clear: both; margin: 0 auto; padding: 10px 0 80px 0; font: normal .9em helvetica, arial, sans-serif; border-top: 1px solid #000; }	

/* ==================== Header ==================== */
#header img { position: absolute; top: 40px; border: 0; }
ul#navbar { position: absolute; top: 40px; right: 0; margin: 0; padding: 0; }
ul#navbar li { float: left; margin: 0 0 0 24px; padding: 0; list-style:none; }
#navbar a { padding: 6px 0; text-transform: uppercase; font: normal 11px helvetica, arial; color: #000; letter-spacing: .02em; }
#navbar a:hover { text-decoration: none; color: #EF00CE; border-top: 5px solid #FFF;}
#navbar a.selected { border-bottom: 7px solid #FB20D4; color: #EF00CE; }
 

/* ==================== FOOTER ==================== */
#footer { padding-top: 20px; color: #5f5f5f; }
#footer h2 { float: left; padding-top: 0; font-size: 11px; color: #5f5f5f; }

/* ==================== MAIN/ HOMEPAGE ==================== */

#main ul { margin: 0; padding: 0; list-style: none; }
#main li { padding: 0 0 0 16px; background: url('../images/bullet_arrow.gif') 0 3px no-repeat; }

#main dl { margin: 0; }
#main dt { float: left; width: 75px; }
#main dd { margin: 0 0 4px 80px; }
img.hp-promo { float: left; margin: 0 5px 5px 0; padding: 3px; border: 2px solid #EEE; }

#billboard { float: left; width: 100%; position: relative; margin-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #000; }
#billboard h1 { padding: 15px 0 10px 0; }
#billboard img { float: left; }
#billboard em { color: #777; }
#billboard .note { float: left; width: 295px; padding: 5px 5px 5px 10px; border: 5px solid #eee; color: #777; }
#billboard .note h2 { padding-top: 10px; }

/* ==================== PORTFOLIO ==================== */
#portfolio li { padding: 0; background: transparent; }
#portfolio .slide { float: left; width: 740px; min-height: 500px; height:auto !important; height:500px; padding: 5px 0 50px 35px; border-left: 1px solid #ddd; }
#portfolio .slide h1 { font-size: 48px; color: #ccc; padding-bottom: 15px; }
#portfolio .slide img { margin: 0 auto; display: block; }
#portfolio ul h2 { margin: 0; padding: 0; }

#portfolio ul h2 { padding-bottom: 5px; }
#portfolio div { position: relative; padding: 0; }
#portfolio dt { position: relative; width: 720px; margin-bottom: 6px; padding: 8px 0 7px 10px; background-color: #eee; font: normal 16px helvetica, arial; color: #000; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; line-height: 16px;} 
#portfolio dt em { position: absolute; right: 10px; font: normal 12px helvetica, arial; color: #777; line-height: 16px; }
#portfolio dd { margin: 0; padding: 10px; color: #555; }
#portfolio dd.img { padding-top: 20px; }