html,body { margin:0;padding:0;font-family: Lucida Grande, Lucida Sans Unicode, Arial, sans-serif;font-size:11px;}
body {overflow:hidden;}
img.bg {min-height: 100%;min-width: 1024px;width: 100%;height: auto;position:fixed;top: 0;left: 0;}
img.pagebg {width:110%;height:110%;display:none;}

p {line-height:1.6em;}
a {color:#88c3e5; text-decoration:none;}
a:hover {text-decoration:underline;}
ul {margin-left:15px;padding:0; line-height:1.6em}
li {list-style-type:square;}
a img {border:0;}

.page {position: relative; min-width:1024px;margin:0 auto; color:#fff;}
.content {position:absolute; top:75px; left:50%; margin-left:-452px;width:904px;}

#timeline,#events,#footerbg {position:fixed;bottom:0;left:50%;margin-left:-452px;width:904px;}
#timeline {padding-left:3px;padding-bottom:2px;}
#events {padding-left:17px;padding-bottom:25px;}
#events img {float:left;opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}
#events img:hover,#events img.active {opacity:1;filter:alpha(opacity=100);}
#events img.active:hover {cursor:default;}
#footerbg {height:44px;background:white;opacity:.3;filter:alpha(opacity=30);border:1px solid #b5b4b4;}

#header {position:fixed; top:9px; left:10px; z-index:11;}
#headerbg {position:fixed; top:0; left:0; right:0; height:30px; background:white; opacity:0.8;filter:alpha(opacity=80);z-index:10;}
#header img {margin-right:5px;}
#header div {display:inline-block;}
#header div img {margin-top:-4px;margin-right:1px;vertical-align:middle;opacity:0.5;filter:alpha(opacity=50);}
#header div img:hover {opacity:1;filter:alpha(opacity=100);}

.title {font-family:Helvetica, Arial, sans-serif; font-size:35px; letter-spacing:-1px; }
#cmutitle {position:absolute;z-index:1;width:904px;color:#ff0065;background:#1c1c1c;line-height:25px;}
.subtitle { font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold;  }
.google {text-shadow: none;}
.block {margin-bottom:10px; }
.left {float:left; margin-right:10px; position:relative; width:372px;}
.image img, .image a img {border:10px solid #222;}
.clickable img:hover {cursor:pointer;}

.descriptionbg { background:black; opacity:0.6; filter:alpha(opacity=60); z-index:0; height:347px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.cmudescription { background:black; opacity:0.6; filter:alpha(opacity=60); z-index:0; height:480px;}
.description { position:absolute; top:16px; left:14px; width:345px; }
.descriptionTitle { font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-size:13px; font-weight:bold; color:#b3e7f4; }

.box {float:left; border:1px dotted #fff; margin-right:10px; opacity:0.8; filter:alpha(opacity=80);}
.box:hover {cursor:pointer;opacity:1;border:1px solid #fff;filter:alpha(opacity=100);}
.selected {opacity:1;filter:alpha(opacity=100);background:#00baff;border:1px solid #00baff;}
.selected:hover {cursor:default;border:1px solid #00baff;}
.clear, .box div {clear:both;}

.rb,.og,.gp {display:none;}
#videogallery {padding:0;margin:0;}
#page2 {color:black;}
.apple1 {opacity:0.8;filter:alpha(opacity=80);position:absolute;bottom:10px;z-index:2;}
.apple2 {opacity:0.7;filter:alpha(opacity=70);position:absolute;bottom:140px;right:30px;z-index:1;}
.apple3 {opacity:0.5;filter:alpha(opacity=50);position:absolute;bottom:274px;right:-150px;z-index:0;}

#cmucontent {position:absolute;z-index:0}
#cmuleft {width:372px;}
.cmuimg {position:absolute;top:25px;border-right:1px solid black;border-bottom:1px solid black;}
.cmuimg a {display:block;}
.cmuimg a span {overflow: hidden;display: block;}

a#fusion {width:265px;height: 226px;border-bottom:1px solid black;}
#fusion span {width: 265px;height: 226px;}
a#tablet, #tablet span, a#blackburn, #blackburn span {width:265px;height: 227px;}
a#vid {border-bottom:1px solid black;}
a#wfm, #wfm span, a#vid, #vid span {width:265px;height: 113px;}