/* Color Guide
wrapper
contentwrap
header
logo
topnav
headernav
content
footer
footernav
----------------------------------------- */
/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { font-family: Verdana, Geneva, sans-serif; font-size: 0.8em; }
ul, li { list-style: none; }
img { border: none; }
p { margin: 10px 0; line-height: 1.6em; }

h1 { font-size: 140%; font-weight: bold; padding: 5px 0; }
h2 { font-size: 1.4em; font-weight: bolder; padding: 5px; text-align: center; }
h3 { font-size: 150%; font-family: Georgia, serif; font-style: italic; font-weight: bold; padding: 10px 0; }
h4 { background-color: inherit; color: #d4be00; font-size: 100%; font-weight: bold; padding: 5px 0; }
h5 { background-color: inherit; color: #d4be00; font-size: 110%; font-weight: bold; padding: 15px 0 5px 0; text-decoration: underline; }

a:link { background-color: inherit; color: #edd400; text-decoration: none; }
a:visited { background-color: inherit; color: #d4be00; text-decoration: none; }
a:hover { background-color: inherit; color: #ffec4f; font-style: italic; text-decoration: none; }
a:active { background-color: inherit; color: #fff; font-style: italic; text-decoration: none; }

#wrapper { background: transparent; color: #fff; margin: 20px auto; text-align: left; width: 770px; }
#header { background: transparent; color: #c1c1c1; font-size: 90%; margin: 0 auto; width: 770px; }
#logo { float: left; width: 141px; }
#topnav { float: left; padding: 70px 0; text-align: center; width: 629px; }

#headernav li { display: inline; }
#headernav li a { background-color: inherit; color: #fff; font-family:Georgia, serif; font-weight: bold; font-style:italic; text-decoration: none; }
#headernav li a:hover { background: inherit; color:#ddd; }


#contentwrap { }
#content { padding: 0 20px 50px 161px; }
#content p { font-weight: bold; }
#icontent { margin: 0 auto; width: 500px; margin-top:25%; }


.bulleted li { background: url('../images/bullet.gif') no-repeat 0 2px; padding: 0 0 5px 25px;}

body#index { background: #000 url(../images/bg/gate_dark.jpg) 50% 50% no-repeat; color: #fff; }
body#index2 { background-color: #000; color: #fff; }
body#about { background: #000 url(../images/bg/face_dark.jpg) 50% 50% no-repeat; color: #fff; }
body#films { background: #000 url(../images/bg/swing_dark.jpg) 50% 50% no-repeat; color: #fff; }
body#support { background: #000 url(../images/bg/tower_dark.jpg) 50% 50% no-repeat; color: #fff; }
body#news { background: #000 url(../images/bg/gate_dark.jpg) 50% 50% no-repeat; color: #fff; }
body#contact { background: #000 url(../images/bg/yarn_dark.jpg) 50% 50% no-repeat; color: #fff; }

/* Footer 
------------------------ */
#footer { text-align: center; font-size: 90%; }
#footernav li { display: inline; }
#footernav li a { background-color: inherit; color: #fff; padding: 0 20px; text-decoration: none; }
#footernav li a:hover { background: inherit; color:#ddd; }
.copy { float: left; text-align: left; }
.credit { background-color: #000; color: #aaa; float: right; text-align: right; }
#footer a.lccredit { background-color: #000; color: #ccc; }
#footer a.lccredit:hover { background-color: #000; color: #fff; font-style: normal; }

/* Images
------------------------ */
img.logo { width: 141px; height: 141px; }
img.lc { width: 54px; height: 18px; vertical-align: middle; }


/* Self Clearing Floats 
------------------------ */