/* Basic Global */
body {margin:0;font:75% Arial, Helvetica, sans-serif; color:#fff; background:#181818;}
body.sub {background:#181818 url(../images/bg_sub.jpg) repeat-x top center;}
a {color:#fff; text-decoration:underline;}
a, object {outline:none;}
a:hover { text-decoration:none;}
strong {color:#000;}
img { border:none;}
p {padding:0; margin:15px 0 15px 0;}
hr { clear:both; display:block; height:1px; border-top:1px solid #cacac8; border-left:none; border-bottom:none; border-right:none;}

/* Headings */
h1 {font-size:1.2em; padding:0; margin:0;}
h2 {font-size:1.6em; padding:0; margin:10px 0 10px 0;}
h3 {font-size:1.4em; padding:0; margin:0;}
h4 {font-size:1.0em; color:#927b5d;}
h5, h6 {font-size:1.0em; color:#fff;}

/* Global Classes */
.clearer { clear:both;}
.align_left { float:left;}
.align_right { float:right;}

/* Main Containers */
div#page_container { width:980px; margin:0 auto; position:relative; background:#2c2b2b; min-height:900px;}

div#sub_body { width:980px; height:510px; margin:25px 0 0 0; clear:both; background:#826849;}
div#sub_body a{color:#000;}

/* Header Stuff */
div#header_container { width:960px; height:65px; margin:0 auto;}
div#header_container .logo{ width:210px; height:65px; float:left;}
div#header_container .navigation { width:250px; float:right;}
div#header_container .navigation ul{ margin:0; padding:38px 0 0 0; text-align:right;}
div#header_container .navigation ul li{ list-style:none; letter-spacing:2px; padding:0 0 0 15px; display:inline;}
div#header_container .navigation ul li a{ color:#ad5920; text-decoration:none;font-size:11pt;}
div#header_container .navigation ul li a:hover{ text-decoration:underline;}

/* Footer Stuff */
div#footer_container { width:970px; padding:0; margin:13px 0 0 0; text-align:right; font-size:0.9em; letter-spacing:2px; color:#ad5920;}
div#footer_container a{color:#ad5920;text-decoration:none;}

/* Page Copy Stuff */
div#fl_home { width:960px; height:612px; margin:0 auto;}

div#gallery_nav {width:220px; float:left; height:510px; float:left; overflow:hidden;}
div#gallery_nav ul {margin:20px 0 0 20px; padding:0; width:200px;}
div#gallery_nav ul li.title {list-style:none; display:block; border-bottom:none; width:190px; color:#fff; font-weight:bold; overflow:hidden; padding:5px 0 5px 0; font-size:1.1em;}
div#gallery_nav ul li {list-style:none; display:block; border-bottom:1px dotted #98836a; width:190px; padding:5px 0 5px 0;}
div#gallery_nav ul li a {color:#fff; text-decoration:none; width:200px;}
div#gallery_nav ul li a:hover {text-decoration:underline;}

div#fl_gallery { width:740px; height:510px; float:right;}
div#backstory_copy { width:338px; height:485px; padding:25px 20px 0 20px; float:left; overflow:auto;}
div#backstory_image { width:382px; height:510px; float:left; overflow:hidden;}

div#contact_copy {width:560px; height:490px; padding:20px 0 0 20px; float:left; overflow:auto;}
div#contact_form {width:400px; float:left; height:510px; float:left; overflow:hidden;}

/* Scroll Pane*/
.jScrollPaneContainer {position: relative; float:left;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right:10px;top: 0;height: 100%; border:1px solid #4F4127;}
.jScrollPaneDrag {position: absolute;background: #4F4127;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;	z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}

/* Form and Validation */
form#Form .require{ color:#ca3a34; font-weight:bold;}
form#Form h3{font-size:1.4em; border-bottom:none; padding:0 45px 10px 0; margin:0; text-align:right;}
form#Form {padding:20px 0 0 0; margin:0 0px 20px 0;}
form#Form li { padding:5px; vertical-align: top; list-style: none; margin: 0 0 3px 0; }
form#Form ul { margin:0; padding: 0; }
form#Form legend { color: #555555; font-weight: bold; border: 0px; margin:0; padding:0;}
form#Form label {display: block;line-height: 1.8;vertical-align: top; text-align:right; width:80px;float: left; margin-right:10px;font-weight:bold;}
form#Form input.txtinput, textarea.txtinput, select.txtinput, file.txtinput {width:200px;border:none;padding:5px;color: #fff;font:9pt Arial, Helvetica, sans-serif;background:#7F6F4F; border-left:1px solid #5F4F2F; border-top:1px solid #5F4F2F;}
#formcompleted { background:#7FB595; padding:10px; color:#fff;}
#formcompleted strong{color:#fff;}
div#errorMessage {display: block;font: 12px/20px Arial, Helvetica, sans-serif;color:#fff;margin:4px 0 1em 0;padding:8px;background:#ca0000;}