/* 
 * Ugly css - don't even bother... 
 */

html, body { height: 100%; font: 14px/1.5em Arial, Helvetica, sans-serif; background-color: #fff; }

body { width: 1200px; margin: 0 auto; min-height: 100%; background-color: #efefef; }

* { margin:0; padding: 0; }

nav ul { list-style-type: none; }
nav a { color: #333; text-decoration: none; }
#info-nav li { display: inline; }
body>header { height: 200px; }

#logo-area { float:left; width:300px; }
#head-slider { background-color: #2B5A75; height:100%; width:640px; float:left; position: relative; overflow: hidden; }
header form { width: 260px; float: left;}

#main-nav { margin-left:300px; }
#main-nav a { display: block; }
#main-nav li { width:158px; text-align: center; border: 1px solid #fff; float:left; position: relative; left: -1px; }
#sub-nav { clear: left; width: 300px; float: left; position: relative; }
#sub-nav ul ul { display: none; position: absolute; top:0; left: 150px; }
#sub-nav li.active ul { display: block; }
#main-content { width:640px; height:100%; float: left; min-height: 200px; }
#wrapper aside { width:260px; float:left; }

#sub-nav a:hover, #sub-nav li.active>a { background-color: #333; color: #efefef; }

.placeholder { background-color: #35708E; margin: 0.5em auto; }

#film div { width: 180px; height: 180px; float: left; margin: 10px 5px; background-color: #4444ff; overflow:hidden; }
#film img { margin-top: -10px; margin-left: -10px;}
#film { position: absolute; float:left; left:0; width:1520px;  }

#film div:hover { outline: 1px solid #fff; }