/*---- Common ----*/
* { padding:0px; margin:0px; }
body { background:#000; color:#fff; font:normal 12px/18px Arial, Helvetica, sans-serif; }
.floatLeft, .fL { float:left; }
.floatRight, .fR { float:right; }
.clear { clear:both; display:block; }

/*---- Wrapper ----*/
 
#Wrapper { width:900px; margin:auto; }
#Wrapper a:link { color:#FFA100; text-decoration:none; }
#Wrapper a:visited { color:#FFA100; text-decoration:none; }
#Wrapper a:hover   { color:#FFA100;  text-decoration:underline;}
#Wrapper a:active { color:#FFA100; text-decoration:underline; }
#Wrapper a.sel { color:#FFA100;  text-decoration:underline; }

#Wrapper .floatLeft { width:718px; height:600px; overflow:hidden; background:#3D474F; }
#Wrapper .floatLeft .header { height:145px; background:url(images/header.jpg) left top no-repeat; }
#Wrapper .floatLeft .header .menu { padding-top:120px; padding-left:215px; width:484px; height:25px; overflow:hidden; }
#Wrapper .floatLeft .header .menu li { display:inline; }
#Wrapper .floatLeft .header .menu li a { height:25px; display:block; float:left; text-indent:-999px; overflow:hidden; }
#Wrapper .floatLeft .header .menu li a.news { background:url(images/news.gif) left top no-repeat; width:72px; }
#Wrapper .floatLeft .header .menu li a.bio { background:url(images/bio.gif) left top no-repeat; width:69px; }
#Wrapper .floatLeft .header .menu li a.dates { background:url(images/dates.gif) left top no-repeat; width:68px; }
#Wrapper .floatLeft .header .menu li a.releases { background:url(images/releases.gif) left top no-repeat; width:68px; }
#Wrapper .floatLeft .header .menu li a.review { background:url(images/reviews.gif) left top no-repeat; width:69px; }
#Wrapper .floatLeft .header .menu li a.blog { background:url(images/blog.gif) left top no-repeat; width:70px; }
#Wrapper .floatLeft .header .menu li a.contact { background:url(images/contact.gif) left top no-repeat; width:68px; }

#Wrapper .floatLeft .header .menu li a.news:hover, #Wrapper .floatLeft .header .menu li a.newsSel { background:url(images/news.gif) left bottom no-repeat; width:72px; }
#Wrapper .floatLeft .header .menu li a.bio:hover, #Wrapper .floatLeft .header .menu li a.bioSel { background:url(images/bio.gif) left bottom no-repeat; width:69px; }
#Wrapper .floatLeft .header .menu li a.dates:hover, #Wrapper .floatLeft .header .menu li a.datesSel { background:url(images/dates.gif) left bottom no-repeat; width:68px; }
#Wrapper .floatLeft .header .menu li a.releases:hover, #Wrapper .floatLeft .header .menu li a.releasesSel { background:url(images/releases.gif) left bottom no-repeat; width:68px; }
#Wrapper .floatLeft .header .menu li a.review:hover, #Wrapper .floatLeft .header .menu li a.reviewSel { background:url(images/reviews.gif) left bottom no-repeat; width:69px; }
#Wrapper .floatLeft .header .menu li a.blog:hover, #Wrapper .floatLeft .header .menu li a.blogSel { background:url(images/blog.gif) left bottom no-repeat; width:70px; }
#Wrapper .floatLeft .header .menu li a.contact:hover, #Wrapper .floatLeft .header .menu li a.contactSel { background:url(images/contact.gif) left bottom no-repeat; width:68px; }



#Wrapper .floatLeft .content { background:url(images/content-bg.gif) left top repeat-x; }
#Wrapper .floatLeft .content .fL { width:270px; height:415px; background:url(images/left-img.jpg) left top no-repeat; }
#Wrapper .floatLeft .content .fR { width:408px; height:360px; padding:20px; background:url(images/content-fr-bg.gif) left bottom no-repeat; padding-bottom:35px; }
#Wrapper .floatLeft .content .other { padding:20px 0px; width:448px; padding-bottom:35px; text-align:center; }
#Wrapper .floatLeft .content .fR .txtarea { height:300px; overflow:auto; padding-right:10px; }
#Wrapper .floatLeft .content .fR .hdr { text-align:center; padding-bottom:10px; padding-top:12px; font-size:11px; height:62px;}
#Wrapper .floatLeft .content .fR .hdr a { font-weight:bold; margin:0px 5px; font-size:12px; }
#Wrapper .floatLeft .content .fR .hdr a:hover, a:active { color:#FFA100; text-decoration:underline; }
#Wrapper .floatLeft .content .fR .hdr a:link, a:visited { color:#FFA100; text-decoration:none; }

#Wrapper .floatLeft .content .fR p { margin-bottom:12px; }
#Wrapper .floatLeft .content .fR .txtarea .relBlock {  padding-right:10px; }
#Wrapper .floatLeft .content .fR .txtarea .newsBlock { padding-bottom:10px; padding-right:10px; margin-bottom:15px;  }
#Wrapper .floatLeft .content .fR .txtarea  .newsBlock .dots { border-bottom:1px dotted #fff; padding-right:20px; }
#Wrapper .floatLeft .content .fR .txtarea .newsBlock .leftImg { float:left; margin-right:12px; margin-bottom:5px; } 
#Wrapper .floatLeft .content .fR .txtarea .sm { font-size:11px; line-height:normal; }
#Wrapper .floatLeft .content .fR .txtarea .sm  a { color:#FFA100; }
#Wrapper .floatLeft .content .fR .txtarea .sm em { font-style:normal; color:#C1B88F; }
#Wrapper .floatLeft .content .fR .txtarea .cent { text-align:center; padding-bottom:10px; }
#Wrapper .floatLeft .content .fR .txtarea .cent a { color:#FFA100; }
#Wrapper .floatLeft .content .fR .txtarea .cent a:hover { text-decoration:underline; }
#Wrapper .floatLeft .content .fR .txtarea .rev td { text-align:left; padding:3px; font-size:11px; color:#000; }
#Wrapper .floatLeft .content .fR .txtarea .rev tr { background:#A7B5C0; }
#Wrapper .floatLeft .content .fR .txtarea .rev tr.alt { background:#677E89; }
#Wrapper .floatLeft .footer { padding-left:125px; background:url(images/footer-bg.gif) left top no-repeat; text-align:center; height:40px; line-height:40px; }
#Wrapper .floatLeft .footer a { color:#fff; text-decoration:none; }
#Wrapper .floatLeft .footer a:hover { text-decoration:underline; }
#Wrapper .floatRight { width:180px; background:url(images/right-bg.gif) left top no-repeat #000; height:640px;  overflow:hidden; padding-left:2px; }
#Wrapper .floatRight .mplayer { padding-top:5px; height:300px;  }
#Wrapper .floatRight .bookmarks { height:34px; padding:8px 0px; }
#Wrapper .floatRight .bookmarks a { float:left; display:block; width:34px; height:34px; padding-left:9px; overflow:hidden; }

#Wrapper .floatLeft .footer { background:url(images/footer-bg.gif) left top no-repeat; text-align:center; padding-left:180px; height:40px; line-height:40px; }
#Wrapper .floatLeft .footer a { color:#fff; text-decoration:none; }
#Wrapper .floatLeft .footer a:hover { text-decoration:underline; }

#Wrapper .floatRight { width:180px; background:url(images/right-bg.gif) left top no-repeat #000; height:640px; overflow:hidden; padding-left:2px; }