/* Main */
body { margin: 0; font-family: Arial, Helvetica, sans-serif; }
body a:link { text-decoration: none; color: #666666;}
body a:visited { text-decoration: none; color: #666666; }
body a:hover { text-decoration: none; color: #FF0000; }
.wrapper { position: relative;width: 770px; height: auto;}
.clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }

/* HEADER */
.nav { position: relative; height: 24px; width: 770px; z-index: 100; clear:both;}
.header { position: relative; width: 285px; height: 55px; left: 15px;background-image:url(../img/comporium_mle.gif); background-repeat:no-repeat; margin-top: 4px; background-color:#FFFFFF; float: left;}
.date { position: relative; float: left; width: 485px; height: 55px; color: #999999; font-size:20px; text-align: right; z-index: 1000;padding-top: 3px; background-color:#FFFFFF;}
.home {color: #999999; font-size: 12px;}

/* TIER 1 */
.tier1 { position: relative; width: 760px; height: 190px; margin-bottom: 10px; }
.tier1 .left { position: relative; width: 480px; height: 188px; float: left; border: 1px solid #CCCCCC; z-index: 1;}
.tier1 .right { position: relative; width: 268px; height: 190px; float: left; margin-left: 10px;}
.tier1 .right .big { font-size: 18px;}
.tier1 .right .bullet { font-size: 12px;}

/* TIER 2 */
.tier2 {position: absolute; width: 770px;height: auto; float:left;}
.tier2 .left {position: relative;width: 492px;height: auto;float: left;}
.tier2 .left .module {position: relative;width: 154px;height: 300px;padding-right: 10px;float:left;}
.tier2 .big { font-size: 16px; font-weight: bold; color: #666666;}
.tier2 .small { font-size: 11px;}
.tier2 .bullet { font-size: 12px;}
.tier2 .right {position: relative;width: 268px;height: auto;float: left;}
.tier2 .top {position: relative;width: 268px;height: 160px;}
.tier2 .bottom {position: relative;width: 280px;height: 150px; background-image:url(../img/award.jpg); background-repeat:no-repeat; color: #FFCC00; font-size: 10px; font-weight: bold;}

/* FOOTER */
.footer { position: relative; width: 770px; height: 45px; background-color:#000000; font-size:10px; color: #FFF; }
.footer .right{ position: absolute;	left: 545px; width:195px; height:45px; background: url(../img/comporium_footer.jpg) no-repeat; }
.footer .left { width: 770px; height: auto;  text-align: center; font: 10px Arial, Helvetica, sans-serif;}
.credits { width: 770px; height: auto; background-color:#FFFFFF; text-align: center; font: 10px Arial, Helvetica, sans-serif; }