/* CSS Document */

body {background:url(pg_bg.jpg) top repeat-x #122340;
	margin: 0;
	padding: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 85%;
	color:#FFFFFF;}

#wrapper {width: 980px; background:url(hookele_logo_bg.jpg) top center no-repeat; margin: 0 auto; height: 500px; padding: 240px 0 50px 0; position:relative;}
#nav {position: absolute; top: 0; right: 10px; width: 180px; text-align:right;}
#nav ul {list-style: none; margin:0; padding: 0; width: 100%;}
#nav li {border-bottom: 1px solid #91B3D5; padding: 8px;}
#nav a {text-decoration: none;}


#video {float: left;}
#premiere {float: right; width: 390px; padding: 30px 0; text-align:center;}

#content {clear: both; padding: 20px 0;}

#rightCol {width: 390px; float:right; text-align:center; margin-left: 20px;}

#footer {clear: both; padding: 1em 0 4em 0; border-top: 1px dotted #AEBCD2; margin-top:1em; font-size: 0.8em; letter-spacing: .25em; color:#AEBCD2;}
#footer a {color:#AEBCD2;}

* {margin: 0; padding: 0;}

a {color: #FADC6C;}
a:hover { color:#66CCFF;}

p {padding-bottom: 1em;}

ul, ol {margin: 0.2em 3em;}
ul {list-style:square;}
li {padding: 0.3em;}

h1 {font-size: 2.6em;}
h2 {font-size: 1.8em; color: #FADC6C;}
h3 {font-size: 1.4em;}

hr {margin: 1em 0;}

.smaller {font-weight:normal; font-size: 0.8em;}

.larger {font-size: 1.2em;}

.center {text-align: center;}

img.frame {padding: 8px; background-color:#666666; border: 1px solid #CCCCCC;}
img.right {float: right; margin:0 0 20px 20px;}
img.left {float: left; margin:0 20px 20px;}

#content h2 {padding: 1em 0;}
#content p {margin: 0 1.5em;}

table {margin: 1em 0 1em 1em;}
table td {padding: 8px;}