/* HME CSS by Liquid Spyglass - www.liquidspyglass.com*/

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

/* Baseline values ************************************/
div, p, h1, h2, h3, ul, li { margin: 0; padding: 0;	}
img { margin: 0; padding: 0; border: 0;	}
ul { list-style: none; }
a:link, a:visited { color: #A12005; text-decoration: none; outline: 0; font-size: 100%; }
a:hover { color: #C85A1F; text-decoration: underline; font-size: 100%; }
a:active { color: #C85A1F; text-decoration: underline; outline: 0; font-size: 100%; }
.clear { clear: both; }

/* Page structure **************************************/
div#container { width: 880px; background: #450201 repeat top left; margin: 0 auto; padding: 0 10px 10px 10px; text-align: left; }
img#hme-logo { width: 290px; height: 70px; float: left; }
div#font-size { width: 150px; height: 70px; float: right; text-align: right; }
div#font-size a img { width: 35px; height: 70px; }
div#hero { width: 100%; }
img#hero-pic { width: 560px; height: 290px; float: left; } 
div#order { width: 310px; background: #330100 repeat top left; float: right; }
div#order img { width: 160px; height: 290px; float: left; }
div#order-writing { width: 130px; margin: 0 10px 0 0; float: right; }
div#order-writing p { padding: 5px 0 0 0; line-height: 1.3em; }
div#main-nav-wrapper { width: 100%; height: 40px; background-color: #330100; margin: 10px 0; padding: 0; }
	#main-nav { list-style: none; margin: 0; text-align: left; }
	#main-nav li { float: left; font-size: 1em; padding: 5px 12px; }
	#main-nav li a { font: 100% Arial, Helvetica, sans-serif; font-weight: bold; display: block; color: #f1f1f1; text-decoration: none; padding: 5px 0; }
	#main-nav li a:visited { display: block; color: #f1f1f1; text-decoration: none; }
	#main-nav li a:hover { display: block; color: #A12005; text-decoration: none; border-bottom: 1px dashed #C85A1F; }
	#main-nav li a:active { display: block; color: #A12005; text-decoration: none; border-bottom: 1px dashed #C85A1F; }
	#main-nav li a.sel, #main-nav li a.sel:visited { display: block; color: #A12005; text-decoration: none; border-bottom: 1px dashed #C85A1F; }
div#column-left { width: 389px; border-right: 1px dashed #C85A1F; margin: 0 0 10px 0; padding: 10px 30px 10px 21px; float: left; }  
div#column-right { width: 389px; padding: 10px 20px 10px 30px; float: right; }
div#footer-wrapper { width: 100%; height: 40px; background-color: #330100; margin: 10px 0; padding: 0; }
	#footer-nav li { font-size: 0.9em; display: inline; }
	#footer-nav li a { font: 100% Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0 10px; border-right: 1px solid #f1f1f1; color: #f1f1f1; float: left; }
	#footer-nav li a#lsg { float: right; margin: 10px 0; padding: 0 10px; color: #f1f1f1;  }
	#footer-nav .nodivide { border-right: none; }
	#footer-nav li a.sel, #footer-nav li a.sel:visited { color: #f1f1f1; text-decoration: underline; }

/* Font specs *******************************************/
h1 { color: #C85A1F; font-family: Arial, Helvetica, sans-serif; font-size: 1.9em; line-height: 0.9em; font-weight: bold; margin: 0; padding: 10px 0; }
h2 { color: #f1f1f1; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.4em; font-weight: normal; margin: 0; padding: 5px 0 8px 0; }
h3 { color: #A12005; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin: 0; padding: 0; }
p { color: #f1f1f1; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 1.6em; margin: 0 0 5px 0; }
ol, ul.general, ul#general-icon { margin: 0; padding: 10px 0 20px 20px; line-height: 1.6em; }
ul#general-icon { list-style: disc; }
.red { color: #A12005; }
.orange { color: #C85A1F; }
.line { border-bottom: 1px dashed #C85A1F; padding: 0 0 15px 0; }
.line-red { border-bottom: 1px dashed #A12005; }
 
/* Individual pages specs *******************************/
/* Home page ********************************************/
div#hero-movie { width: 560px; height: 290px; float: left; }
#home div#column-left { width: 519px; padding: 10px 30px 10px 20px; float: left; margin: 0 0 10px 0; border-right: 1px dashed #C85A1F; }  
#home div#column-right { width: 260px; padding: 10px 20px 10px 30px; float: right; }
div#news-wrapper { width: 100%; }
div#news-wrapper-fonts { width: 240px; float: left; }
div#news-wrapper img { width: 275px; height: 280px; float: right; }
h1#star-icon { width: 100%; background: url(../images/bg_contact.gif) no-repeat top center;  }
div#contact-form { width: 100%; height: auto; padding: 15px 0; }
	label { width: 258px; display: block; margin: 0; padding-bottom: 1.5em; float: left; } 
	label span { width: 65px; display: block; margin: 0; padding: 0; float: left; }
	label span.mark { width: 15px; text-align: right; float: left; }
	fieldset { margin: 0; padding: 0; overflow: hidden; border: none; }
	fieldset input, fieldset textarea { width: 175px; border: 1px solid #999; margin: 0; padding: 0; float: right; }
	fieldset input:hover, fieldset textarea:hover { border-color: #C85A1F; }
	fieldset input:active, fieldset input:focus, fieldset textarea:active, fieldset textarea:focus { border-color: #A12005; }
	form div { width: 62px; height: 28px; margin: 0; float: right; }
div#address { width: 180px; padding: 0 0 0 80px; }
div#address a { font-size: 100%; }
div#blank { height: 220px; }

/* Gallery page *****************************************/
div.gall-wrapper { width: 100%; }
.thumb { width: 84px; height: 117px; border: 0; margin: 0; padding: 13px 13px 0 0; float: left; }

/* Products page ****************************************/
ul.order-list { width: 700px; margin: 0 0 0 0; padding: 0; float: left; }
	.order-list li { width: 100%; margin: 0; padding: 0; position: relative; border: 0; font-size: 1em; }
	.order-list a { font: 100% Arial, Helvetica, sans-serif; color: #C85A1F; text-decoration: none; }
	.order-list a:visited { color: #C85A1F; text-decoration: none; }
	.order-list a:hover, .order-list a:active { color: #C85A1F; text-decoration: underline; }
#products div#column-left { width: 830px; padding: 10px 30px 10px 20px; float: left; margin: 0 0 10px 0; border-right: none; }
li#product-one { width: 700px; height: 340px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_01.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-two { width: 700px; height: 220px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_02.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-three { width: 700px; height: 350px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_03.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-four { width: 700px; height: 220px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_04.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-five { width: 700px; height: 220px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_05.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-six { width: 700px; height: 240px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_06.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-seven { width: 700px; height: 345px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_07.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-eight { width: 700px; height: 270px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_08.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-nine { width: 700px; height: 270px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_09.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-ten { width: 700px; height: 220px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_10.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-eleven { width: 700px; height: 325px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_11.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-twelve { width: 700px; height: 325px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_12.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-thirteen { width: 700px; height: 225px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_13.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-fourteen { width: 700px; height: 290px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_14.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#product-fifteen { width: 700px; height: 255px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/products_order_15.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }

/* Links page *******************************************/
ul.links-list { width: 100%; margin: 30px 0; padding: 0; }
	.links-list li { width: 100%; margin: 0; padding: 0; position: relative; border: 0; font-size: 1em; }
	.links-list a { font: 100% Arial, Helvetica, sans-serif; color: #C85A1F; text-decoration: none; }
	.links-list a:visited { color: #C85A1F; text-decoration: none; }
	.links-list a:hover, .order-list a:active { color: #C85A1F; text-decoration: underline; }
li#link-one { width: 279px; height: 117px; padding: 0 0 10px 110px; background: url(../images/links_herring.jpg) no-repeat top left; }
li#link-two { width: 279px; height: 117px; padding: 0 0 10px 110px; background: url(../images/links_se.jpg) no-repeat top left; }
li#link-three { width: 279px; height: 117px; padding: 0 0 10px 110px; background: url(../images/links_cg.jpg) no-repeat top left; }
li#link-four { width: 279px; height: 117px; padding: 0 0 10px 110px; background: url(../images/links_lsg.jpg) no-repeat top left; }
li#link-five { width: 279px; height: 117px; padding: 0 0 10px 110px; background: url(../images/links_ag.jpg) no-repeat top left; }
li#link-six { width: 279px; height: 117px; padding: 0 0 10px 110px; background: url(../images/links_fredbaier.jpg) no-repeat top left; }

/* Press Media page ****************************************/
#press div#column-left { width: 830px; padding: 10px 30px 10px 20px; float: left; margin: 0 0 10px 0; border-right: none; }
li#printed_publications { width: 700px; height: 220px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/press_print.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }
li#images_photography { width: 700px; height: 260px; padding: 0 0 10px 130px; margin: 0 0 10px 0; background: url(../images/press_images.jpg) no-repeat top left; border-bottom: 1px dashed #C85A1F; }


/* Lightbox *********************************************
#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.9em 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; }
*/

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