@charset "utf-8";
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { margin: 10px 0 20px 0; font-family: Arial, Helvetica, sans-serif; background: #222; }
#wrap { width: 980px; background: url(../images/lhcgal1_00.gif) repeat-y; margin: 10px auto; }
#wrap img { display: block; border: none; }
#player { width: 640px; float:left; }
#player .title { background: url(../images/lhcgal1_08.gif) no-repeat; height: 55px; color: #fff; font-weight: bold; font-size: 14px; }
#player .title p { margin: 0; padding: 22px 0 0 10px; }
#player .title a { float: right; text-transform: uppercase; color: #ffe405; padding: 22px 10px 12px 10px; border-left: 1px solid #0e0e0e; }
#player .title a:hover { color: #fff; }
#right { width: 303px; height: 746px; float: left; background: url(../images/lhcgal1_04.jpg) no-repeat top; margin-bottom: 10px; position: relative; }
#right .cover { position: absolute; border: none; top: 243px; left: 67px; }
#right .info { position: absolute; top: 465px; width: 230px; text-align: center; left: 27px; }
#right .info a { color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; }
#right .info a.dvd { color: #5fa6cc; font-size: 14px; display: block; margin-top: 4px; text-decoration: underline; }
#right .count { position: absolute; top: 580px; left: 27px; text-align: center; width: 230px; color: #fff; font-size: 80px; line-height: 80px; text-transform: uppercase; font-weight: bold; }
#right .count span { font-size: 22px; display: block; line-height: 18px; }
#right .count a { text-decoration: none; color: #fff; }
#right .count a:hover { color: #d8d8d8; }

h1, h1 a { color: #fff; font-size: 36px; letter-spacing: -1px; text-align: center; }
h1 a:hover { color: #ffe405; }

#thumbs { width: 918px; background: #0e0e0e; border: 1px solid #242424; clear:left; margin: auto; padding-bottom: 6px;  }
#thumbs img { float:left; margin: 6px 0 0 6px; border: none; }
.flowplayer { width:640px;height:496px;position: relative; }
#flowplayer a { display: block;width: 640px;height: 425px;position: absolute;z-index: 1000;top: 0;left: 0;background: url(../images/play_button.png) center center no-repeat; }

h3.sample_shots { color: #FFF;font-size: 28px;text-align: center;margin: 0 0 5px 0;padding: 0; }

#related { width: 938px; border-bottom: 1px solid #000; clear:left; margin: auto; padding: 8px 0;  }
#related h2 { background: url(../images/lhcgal1_09.gif) repeat-x; height: 25px; margin: 0px 7px; padding: 4px 0 0 7px; color: #fff; font-size: 16px; }
#related ul { margin: 0; padding: 0 0 0 1px; list-style: none; }
#related li { float:left; margin: 7px 0 0 6px; width: 304px; padding:0; }
#related li a { color: #ffe405; font-size: 12px; font-weight: bold; text-decoration: none; }
#related li a span { display: block; color: #fff; margin-top: 4px; margin-bottom: 10px; }
#related li img { border: 1px solid #666; margin-bottom: 6px;display:block; }
#related li a:hover img { border-color: #fff; }