body { margin: 0; font: normal 13px helvetica, arial, sans-serif; line-height: 19px; text-align: center; min-height: 800px; color: #333; }
a:link, a:visited { text-decoration: none; color: #0AC; outline: none; }
a:hover { color: #068; }
p { margin: 0 0 15px 0; }
h1 { margin: 0; font: normal 35px 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; padding: 15px 0; width: 290px; }
.grid-2 { float: left; margin-right: 20px; width: 600px; }
.grid-3 { width: 920px; padding-right: 20px; }

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

/* ==================== Header ==================== */
header img { position: absolute; top: 35px; border: 0; }
ul#navbar { position: absolute; top: 34px; 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 12px helvetica, arial; color: #000; letter-spacing: .02em; }
#navbar a:hover { text-decoration: none; color: #00BDE2; border-top: 5px solid #FFF;}
#navbar a.selected { border-bottom: 8px solid #00CBF7; color: #00BDE2; }
 

/* ==================== FOOTER ==================== */
#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; }

.reverse a:link, .reverse a:visited { color: #fff; }
.reverse .grid-reverse { float: left; width: 272px; margin-right: 0; padding: 20px; background-color: #000; }
.reverse .grid-reverse  h1 { color: #fff; }
.reverse .grid-reverse:hover { background-color: #0AC; }
.reverse .border { border-right: 1px solid #fff; border-left: 1px solid #fff; }

#billboard { float: left; width: 100%; position: relative; margin-bottom: 10px; border-bottom: 1px solid #000; }
#billboard h1 { padding: 35px 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 #e0e0e0; color: #777; }
#billboard .note h2 { padding-top: 10px; }

/* ==================== PORTFOLIO ==================== */

#portfolio li { padding: 0; background: transparent; }
#portfolio .slide { float: left; width: 725px; min-height: 620px; height:auto !important; height:620px; padding: 0 0 50px 25px; border-left: 5px solid #e0e0e0; }
#portfolio .slide h1 { font-size: 75px; color: #000; padding: 70px 0 20px 0; line-height: 75px;}
#portfolio .slide img { margin: 0 auto; display: block; }
#portfolio ul h2 { margin: 0; padding: 5px 0; }

#portfolio ul h2 { padding-bottom: 5px; }
#portfolio div { position: relative; padding: 0; }
#portfolio dt { position: relative; width: 725px; margin-bottom: 8px; padding: 30px 0 12px 0; background-color: #fff; font: bold 24px helvetica, arial; color: #000; border-bottom: 1px dotted #ccc; line-height: 16px;} 
#portfolio dt em { position: absolute; top: 32px; right: 0; font: normal 12px helvetica, arial; color: #333; text-transform: uppercase; }
#portfolio dt strong { margin-left: 8px; padding-left: 8px; border-left: 1px solid #ccc; }
#portfolio dd { margin: 0; padding: 15px; color: #555; background-color: #ddd; }
#portfolio dd.img { padding: 20px 10px 10px 10px; background-color: transparent; }
