* { margin:0; padding:0; }
html { height:100%; }
body { font-family:Tahoma, Arial; font-size:11px; height:100%; }
a:hover { background-position:0 0; }
/* for resolving IE6 bug not recognising hover out event */
.header { width:980px; margin:0 auto; font-family:Arial; font-weight:bold; font-size:14px; color:#bbbdc0; text-align:right; letter-spacing:-0.8px; padding:0 0 20px 0; background:url('logo.gif') 0 12px no-repeat; }
.header2 { width:980px; margin:0 auto; font-family:Arial; font-weight:bold; font-size:14px; color:#bbbdc0; text-align:right; letter-spacing:-0.8px;}
.header .larger { font-size:18px; padding:20px 0 5px 0; }
.header a { text-decoration:none; color:#bbbdc0; font-size:18px; }
.header a:hover { color:#faa61a; }
.header2 .about { width:980px; margin:0 auto; font-family:Arial; font-weight:bold; font-size:14px; color:#bbbdc0; text-align:right; letter-spacing:-0.8px; padding:0 0 10px 0;}
.about a { text-decoration:none; color:#bbbdc0; font-size:14px; }
.about a:hover { color:#faa61a; }
#main { width:980px; margin:0 auto; height:100%; }
#main2 { width:980px; margin:0 auto; background:url('bg.gif') right bottom no-repeat; height:100%; }
.titles { width:980px; height:45px; background:url('titlebg.gif') 0 0 repeat-x; display:block; text-align:right; overflow:hidden; }
/* overflow hidden req. for IE7 due to hover position change bug */
img.title1, img.title2 { width:95px; height:45px; background:url('title.gif') 0 -45px no-repeat; display:block; border:none; float:left; }
img.title2 { width:104px; background-position:-95px -45px; float:right; }
a.active img.title1, a:hover img.title1 { background-position:0 0; }
a.active img.title2, a:hover .title2 { background-position:-95px 0; }
.box { float:left; margin:0 0 0 22px; width:145px; height:135px; overflow:hidden; }
.box2 { float:left; margin:0 0 0 22px; width:145px; height:115px; overflow:hidden; }
.first { clear:left; margin-left:0; }
.box a { display:block; width:145px; height:79px; margin-bottom:8px; }
.box a:focus { outline:none; }
.box a img { display:block; width:143px; height:77px; border:1px solid #bbbdc0; }
.box a:hover img { border-color:#faa61a; }
#contents { position:relative; margin-top:13px; overflow:hidden; z-index:1000; /*ie-fix for z-index of divs in different parent*/ }
#details { width:980px; height:450px; color:#000; font-size:12px; position:absolute; z-index:100; background:#fff; left:0; top:0; }
#detailsdiv { padding:5px; }
#details a.back { color:#bbbdc0; font-weight:normal; float:left; margin-left:5px; text-decoration:none; font-size:10px; letter-spacing:-0.5px; }
#details a.back:hover { color:#faa61a; }
#detailsdiv .item { border-bottom:1px solid #bbbdc0; padding-bottom:14px; margin-bottom:14px; }
#screen { width:100%; height:100%; position:absolute; z-index:99; background:#000; left:0; top:0; }
.orange { color:#faa61a; text-decoration:none; font-size:11px }
.greyborder { border:1px solid #bbbdc0; }
#footer { font-size:11px; color:#979A9F; height:14px; position:relative; bottom:0; text-align:center; padding-right:0px; width:980px; }
#footer2 { font-size:11px; color:#979A9F; height:14px; position:absolute; bottom:0; text-align:right; padding-right:270px; width:710px; }
a.morelink { text-decoration:none; color:#bbbdc0; font-weight:bold; }
a.morelink:hover { color:#faa61a; }
a.morelink:focus { outline:none; }