body,html { margin: 0; background: #a9d1e5; height: 100%; font-family: sans-serif, serif; } /*Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman",*/
#content a { color: #90d9ff; font-size: 14px; font-family: Georgia; font-style: italic; text-decoration: none; }
#bg { width: 100%; height: 100%; position: absolute; z-index: 1; margin: 0; }
#base { display: table; height: 100%; width: 100%; position: relative; z-index: 11; text-align: center; }
#center { display: table-cell; vertical-align: middle; }
#site { height: 585px; width: 1024px; text-align: left; margin: 0 auto; }
#logo { height: 510px; width: 150px; float: left; margin-top: 38px; }
#container { height: 585px; width: 854px; float: left; }
#navigation { height: 38px; width: 800px; padding-left: 15px; }
#navigation a { text-decoration: none; }
#navigation .button { width: 146px; height: 26px; background: #d8d8d8 url(../media/images/button1.jpg) no-repeat; font-size: 13.32px; font-weight: normal; font-family: Gotham,Gothic,Helvetica; text-align: center; color: grey; padding-top: 10px; float: left; margin: 0 1px; }
#navigation .button2 { background: #1f1f1f url(../media/images/button2.jpg) no-repeat; color: white; }
#content { height: 480px; width: 830px; background: #1f1f1f url(../media/images/base.jpg) no-repeat; margin-top: -2px; padding: 10px; overflow: hidden; }
#content #narrow1 { width: 482px; height: 482px; float: left; margin-right: 10px; }
#content #narrow2 { width: 320px; height: 482px; float: left; }
#footer { font-family: Ariel; font-size: 12px; color: white; margin: 15px; }

label { color: white; font-size:13px; font-family:Verdana; }
input { background: none; border: 0; width: 340px; height: 18px; color: #2778a2; padding-left: 10px; outline-width:0; vertical-align: middle; margin-top: 3px; }
input:focus { outline-width:0; }
input.hide { position: absolute; margin-left: -107px; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; z-index: 2; width: 100px height: 35px; background: blue; cursor: pointer; cursor: hand; }
input.test { position: absolute; margin-left: -107px; z-index: 2; width: 100px; height: 31px; background: blue; cursor: pointer; cursor: hand; }
img.browse { float: left; z-index: 1; width: 68px; height: 31px; }

textarea { background: none; border: 0; width: 340px; height: 86px; color: #2778a2; padding: 3px; padding-left: 10px; resize: none; }
textarea:focus { outline-width:0; }
.input-wrapper { background: url(../media/images/input.jpg) no-repeat; width: 351px; height: 25px; margin-top: 5px; vertical-align: middle; }
.text-wrapper { background: url(../media/images/synopsis.jpg) no-repeat; width: 351px; height: 94px; margin-top: 5px; }

#cloud_container { position: absolute; height: 100%; width: 100%; z-index: 2; }
.skybox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; }
.clouds { position: absolute; top: 0; left: 0; background: 0 0 repeat-x; }
.little { top: 100px; width: 100%; height: 250px; background-image: url(../media/images/2.png); z-index: 1; }
.medium { top: 300px; width: 100%; height: 250px; background-image: url(../media/images/2.png); z-index: 2; }
.medium2 { top: 200px; width: 100%; height: 168px; background-image: url(../media/images/1-sm.png); z-index: 1; }
.big { top: 450px; width: 100%; height: 336px; background-image: url(../media/images/1.png); z-index: 3; }
.clone { background-position: 1px 0;}
p { position: relative; top: 336px; text-align: left; }