body { 
	background-color: #000; color: #f1f1f1; font: 100% Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0; }

/*  Baseline values for browser consistency */
p, div, h1, h2, h3, ul, li { margin: 0; padding: 0;	}
img { margin: 0; padding: 0; border: 0;	}
ul { list-style: none; }
a:link, a:visited, a:active { color: #f1f1f1; text-decoration: none; outline: 0; font-size: 100%; }
a:hover { color: #5F9E3D; text-decoration: underline; font-size: 100%; }
.clear { clear: both; }
/* @end of baseline values */

/* Font specs */
h1 { color: #f1f1f1; font-family: Helvetica, Arial, sans-serif; font-size: 1.6em; line-height: 1em; font-weight: bold; margin: 0; padding: 0; }
h2 { color: #5F9E3D; font-family: "Times New Roman", Times, serif; font-size: 1.8em; line-height: 1em; font-weight: normal; margin: 0; padding: 0 0 15px 0; }
h3 { color: #9d9d9d; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1em; font-weight: normal; margin: 0; padding: 0 0 8px 0; }
h4 { color: #f1f1f1; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em; font-weight: normal; margin: 0; padding: 5px 0; }
p { color: #f1f1f1; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.2em; margin: 0; padding: 0; }
ul, li, a { font-size: 0.9em; }
a.green, a.green:visited, a.green:active { color: #5F9E3D; text-decoration: none; font-size: 100%; }
a.green:hover, a.green_sel, a.green_sel:visited { color: #5F9E3D; text-decoration: underline; font-size: 100%; }
.green { color: #5F9E3D; }
.gray { color: #9d9d9d; }
.border { border-bottom: 1px dotted #f1f1f1; }
/* @end of font specs */
		
/* PAGE STRUCTURE */	
#container { width: 870px; background-color: #000; margin: 0 auto; padding: 0 15px 15px 15px; text-align: left; }
#container_north { width: 960px; background-color: #000; margin: 0 auto; padding: 0 15px 15px 15px; text-align: left; }
div#page_nav { width: 100%; height: 40px; background-color: #2C2C2C; }
img#herring_logo { width: 134px; height: 23px; margin: 10px 0 0 10px; padding: 0; float: left; }
#main_nav_container { width: 300px; height: 23px; margin: 10px 15px 0 0; padding: 0; float: right; }
ul#main_nav li { display: inline; font-size: 100%; padding: 0 0 0 15px; float: right; }
div#prod_nav_container { width: 100%; height: 55px; background-image: url(images/nav_bg.gif); text-align: left; }
ul#prod_nav { width: 840px; padding: 7px 15px 0 15px; }	
#prod_nav li { float: left; font-size: 1em; line-height: 0.9em; }
#prod_nav li a { font-family: Arial, Helvetica, sans-serif; font-size: 100%; display: block; color: #9d9d9d; text-decoration: none; padding: 11px 12px; }	
#prod_nav li a:visited, #prod_nav li a:active { color: #9d9d9d; text-decoration: none; font-size: 100%; }
#prod_nav li a:hover, #prod_nav li a.sel, #prod_nav li a.sel:visited { color: #5F9E3D; text-decoration: none; font-size: 100%; background-color: #000; }
#property_header { width: 100%; height: 79px; margin: 25px 0; }
a img#prop_logo { width: 600px; height: 79px; margin: 0; padding: 0 0 0 15px; float: left; }
a img#back_butt { width: 64px; height: 49px; margin: 0; padding: 20px 15px 0 0; float: right; }
#hero { width: 840px; height: 325px; margin: 0 auto; }
#movielink { width: 250px; height: 325px; float: right; margin: 0; padding: 0 15px 0 0; }
#movielink p { text-indent: 2em; }
#movielink h2 { width: 228px; padding: 80px 0 0 0; background: url(images/dotted_line_link.gif) bottom left no-repeat; text-align: center; }
#movielink h3 { width: 228px; padding: 40px 0 0 0; background: url(images/pdf.gif) bottom right no-repeat; border-bottom: 1px dotted #f1f1f1; }
.dotline { width: 100%; height: 2px; }

/* Gallery */
div#gall { width: 100%; }
#written_content { width: 350px; margin: 0; padding: 20px 0; float: left; }
#written_content h3 { padding: 0 0 8px 15px; }
#written_content p { padding: 0 0 15px 15px; }
#gall_container { width: 468px; margin: 0; padding: 40px 10px 20px 32px; float: right; }
.thumb { margin: 5px 5px 0 0; float: left; }
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading{ position: absolute; top: 10%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; display: block; background: transparent url(images/blank.gif) no-repeat; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 0.8em Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{	padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }		
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* @end of Gallery */

/* Opacity for button nav */
.opacity img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
.opacity:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 0.9; }
/* @end of opacity */

/* Contact  */
#contact { width: 100%; }
#contact_writing { width: 480px; margin: 0; padding: 20px 0; float: left; }
#contact_writing img { padding: 0 0 0 15px; }
#contact_writing h3 { padding: 15px 0 5px 15px; }
#contact_writing p { padding: 0 0 0 15px; }
#contact_form { width: 320px; margin: 0; padding: 40px 15px 20px 0; float: right; }
#contact_form .message, #contact_form .name_req, #contact_form .email_req, #contact_form #company { width: 300px; border: 1px solid #c8c8c8; }
#form .submitbutton { width: 64px; height: 49px; }
.savills { width: 50px; height: 50px; }
/* @end contact */

/* Bottom nav */
#bottomenu { width: 100%; height: 30px; margin: 0 auto; }
#bottomenu li { display: inline; }
#bottomenu li a { float: left; margin: 5px 0; padding: 0 10px; border-right: 1px solid #f1f1f1; }
#bottomenu li a#lsg { float: right; margin: 5px 0; padding: 0 10px; }
#bottomenu .nodivide { border-right: none; }
/* @end of bottom nav */
/* @end of PAGE STRUCTURE */

/* SPECS FOR INDIVIDUAL PAGES */
/* Movies */
#movpg_orw #movie, #movpg_oxf #movie { width: 870px; margin: 0 0 20px 0; }
#movpg_north #movie { width: 960px; margin: 0 0 20px 0; }
#movpg_gard #movie, #movpg_dove #movie, #movpg_dru #movie { width: 640px; margin: 0 auto 20px auto; }

/* Hero imgs */
#home #hero { background: url(images/hero_home.jpg) no-repeat; }
#orw #hero { background: url(images/hero_orwell.jpg) no-repeat; }
#gard #hero { background: url(images/hero_fivegardens.jpg) no-repeat; }
#oxf #hero { background: url(images/hero_oxford.jpg) no-repeat; }
#dove #hero { background: url(images/hero_dovecote.jpg) no-repeat; }
#dru #hero { background: url(images/hero_drury.jpg) no-repeat; }
#north #hero { background: url(images/hero_north.jpg) no-repeat; }

/* Home page */
#home #movielink h2 { width: 228px; padding: 20px 0 10px 0; text-align: center; }
#home #movielink p { text-indent: 0; padding: 10px 0 0 0; }

/* Contact page */
#cont_pg #contact_form { width: 320px; margin: 0; padding: 65px 15px 20px 0; float: right; }

/* Bottom navigation pages */
#navs #text { width: 870px; margin: 20px 0; }
#navs h2, #navs h3 { padding: 10px 0; }
#navs p { padding: 10px 0 0 15px; }