/* Lucy Till Hats CSS by Liquid Spyglass - www.liquidspyglass.com*/

body { background: url(images/bg.jpg) top left repeat; color: #3b4175; font: 90% Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0; }

/* ------------------ [ Baseline values for browser consistency ] ------------------ */
div, p, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0;	}
img { margin: 0; padding: 0; border: 0;	}
ul { list-style: none; }
a:link, a:visited { color: #92AB48; text-decoration: none; outline: 0; font-size: 90%; }
a:hover, a:active { color: #92AB48; text-decoration: underline; font-size: 90%; }
.clear { clear: both; }
.right { float: right; }
/* ------------------ [ / Baseline values for browser consistency ] ------------------ */
		
/* ------------------ [ PAGE STRUCTURE ] ------------------ */	
div#container_main { width: 1200px; margin: 0 auto; padding: 0; background: url(images/bg_ladiez2.jpg) no-repeat; }
div#content { width: 709px; margin: 0 auto; } 
div#heading { width: 100%; height: 200px; margin: 0 0 20px 0; padding: 110px 0 0 0; }
div#heading img { height: 135px; width: 200px; position: relative; top: -74px; left: 17px; float: left; }
div#menu_container { height: 40px; width: 470px; float: right; position: relative; top: -45px; }
div#menu { width: 470px; float: right; font-family: "Times New Roman", Times, serif; font-size: 1.2em; font-weight: bold; }
div#written_content { width: 100%; height: auto; text-align: left; }
div#col_left { width: 245px; padding: 0 0 55px 0; float: left; }
div#col_right { width: 445px; padding: 5px 0 55px 0; float: right; }
div#col_left img { width: 245px; height: 140px; }
div#booking { width: 245px; background: url(images/holiday_bg2.gif) no-repeat; border-top: 1px solid #F9FEE7; }
	div#booking h5 { text-align: center; padding: 15px 0 10px 0; }
	div#booking p { text-align: justify; padding: 0 10px 10px 10px; }
	div#booking p.bookbut { font-weight: bold; text-align: center; font-size: 1.4em; background: url(images/holiday_bg2_bot.gif) bottom left no-repeat; }
div#contentimg, div.contentimg2 { width: 445px; }
div#floatimg { width: 287px; height: 328px; float: right; margin: 0 0 5px 5px; }
div#floatimg a { position: relative; top: 93%; left: 15%; font-size: 0.9em; }
div#floatimg p { position: relative; top: 93%; left: 2%; }
p#herald { float: right; background: url(images/holiday_bg2_bot.gif) bottom left no-repeat; }
div#bottomenu { margin: 0 auto; width: 709px; height: 30px; border-top: 1px dotted #3b4175; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

/* ------------------ [ NAVIGATION ] ------------------ */
/* ------------------ [ Main Navigation ] ------------------ */	
#menu ul#mainmenu_home, #menu ul#mainmenu_about, #menu ul#mainmenu_hats,
#menu ul#mainmenu_hol, #menu ul#mainmenu_contact { height: 40px; list-style: none; margin: 0; padding: 0; float: left; }
#menu ul#mainmenu_home { width: 76px; padding: 0 10px 0 15px; }
#menu ul#mainmenu_about { width: 76px; padding: 0 10px 0 0; }
#menu ul#mainmenu_hats { width: 66px; padding: 0 10px 0 0; }
#menu ul#mainmenu_hol { width: 106px; padding: 0 10px 0 0; }
#menu ul#mainmenu_contact { width: 86px; } 
#menu ul { width: 280px; }
#menu a { display: block; white-space: nowrap; text-align: center; }
#menu a.sublink, #menu a.sublink_sel { text-align: left; padding: 5px 10px; }	
	#menu a.mainlink, #menu a.mainlink:visited { color: #3b4175; height: 40px; text-decoration: none; }
	#menu a.mainlink:hover, #menu a.mainlink:active, 
	#menu a.mainlink_sel, #menu a.mainlink_sel:visited { color: #92AB48; height: 40px; text-decoration: none; background: url(images/dropmenu_line2.gif) bottom center no-repeat; }
	#menu a.sublink, #menu a.sublink:visited { color: #3b4175; background-color: #f8ffe7; height: 20px; text-decoration: none; }	
	#menu a.sublink:hover, #menu a.sublink:active,
	#menu a.sublink_sel, #menu a.sublink_sel:visited { color: #92AB48; height: 20px; text-decoration: none; background-color: #EDF7D2; }
	#menu li { position: relative; min-height: 1px; vertical-align: bottom; font-size: 90%; }
	#menu li li { font-size: 100%; }
	#menu ul ul { position: absolute; z-index: 500; top: 40px; display: none; padding: 0; margin: 0 0 0 -1px; }
div#menu li:hover { cursor: pointer; z-index: 100; }
div#menu li:hover ul ul, div#menu li li:hover ul ul { display: none; }
div#menu li:hover ul, div#menu li li:hover ul { display: block; }
/* ------------------ [ / Main Navigation ] ------------------ */
/* ------------------ [ Side Navigation ] ------------------ */
ul#sidenavs { margin: 1px 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; }
ul#sidenavs li { font-size: 90%; width: 225px; background: url(images/hatmenu_bg2.jpg) no-repeat; margin: 0; padding: 7px 10px; border-bottom: 1px solid #F9FEE7; }
ul#sidenavs li:hover, ul#sidenavs li.sel { background: url(images/hatmenu_bg2_hover.jpg) no-repeat; }
	ul#sidenavs li a:link, ul#sidenavs li a:visited { color: #3B4175; text-decoration: none; display: block; } 
	ul#sidenavs li a:hover, ul#sidenavs li a:active, ul#sidenavs li.sel a { color: #3B4175; text-decoration: none; display: block; }
/* ------------------ [ / Side Navigation ] ------------------ */
/* ------------------ [ Footer Navigation ] ------------------ */
#bottomenu li { display: inline; font-size: 95%; }
	#bottomenu li a { float: left; margin: 5px 0; padding: 0 10px; border-right: 1px solid #92AB48; }
	#bottomenu li a#lsg { float: right; margin: 5px 0; padding: 0 10px; }
	#bottomenu li a.sel { color: #92AB48; text-decoration: underline; }
#bottomenu .nodivide { border-right: none; }
/* ------------------ [ / Footer Navigation ] ------------------ */
/* ------------------ [ / NAVIGATION ] ------------------ */

/* ------------------ [ Lightbox ] ------------------ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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: 40%; 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%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#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: 10px Verdana, 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; outline: none; }	 
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* ------------------ [ / Lightbox ] ------------------ */

/* ------------------ [ Font specs ] ------------------ */
h1 { color: #92AB48; font-family: "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1em; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 8px 0; border-bottom: 1px dotted #92AB48; }	
h2 { color: #92AB48; font-family: "Times New Roman", Times, serif; font-size: 1.2em; line-height: 1em; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 6px 0; border-bottom: 1px dotted #92AB48; }	
h3 { color: #f1f1f1; font-family: "Times New Roman", Times, serif; font-size: 1.1em; line-height: 1em; font-weight: bold; margin: 0; padding: 6px 0; text-align: center; background: #3B4175 url(images/blueroof.gif) top left no-repeat;  } 	
h4 { color: #3b4175; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1em; font-weight: bold; margin: 0; padding: 0; }
h5 { color: #3b4175; font-family: "Times New Roman", Times, serif; font-size: 1.4em; line-height: 1.2em; padding: 0; }
p { color: #3b4175; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.4em; font-weight: normal; margin: 0; padding: 0 0 8px 0; }
.green { color: #92AB48; }	

/* ------------------ [ INDIVIDUAL PAGES SPECS ] ------------------ */
/* ------------------ [ Hero Img ] ------------------ */
#homepage div#heading { background: url(images/hero_home3.jpg) bottom left no-repeat; }
#about_page div#heading { background: url(images/hero_about.jpg) bottom left no-repeat; }
#courses_page div#heading { background: url(images/hero_courses.jpg) bottom left no-repeat; }
#contact_page div#heading { background: url(images/hero_contact.jpg) bottom left no-repeat; }
#navs_page div#heading { background: url(images/hero_home3.jpg) bottom left no-repeat; }
#wedhats_page div#heading { background: url(images/hero_wedding.jpg) bottom left no-repeat; }
#winthats_page div#heading { background: url(images/hero_winter.jpg) bottom left no-repeat; }
#sumhats_page div#heading { background: url(images/hero_summer.jpg) bottom left no-repeat; }
/* ------------------ [ / Hero Img ] ------------------ */

/* ------------------ [ Float Img ] ------------------ */
#homepage div#floatimg { background: url(images/floatimg_home.jpg) no-repeat; }
#about_page div#floatimg { background: url(images/floatimg_about2.jpg) no-repeat; }
#contact_page div#floatimg { background: url(images/floatimg_contact.jpg) no-repeat; }
/* ------------------ [ / Float Img ] ------------------ */

/* ------------------ [ About Page ] ------------------ */
ul#flower { display: block; font-size: 1em; }
ul#flower li { height: 20px; list-style-image: url(images/list_flower.gif); margin: 0 0 0 15px; }
ul#flower li a { font-size: 90%; }
	ul#flower li a:link, ul#flower li a:visited { color: #3b4175; text-decoration: none; }
	ul#flower li a:hover, ul#flower li a:active { color: #92AB48; text-decoration: underline; }
/* ------------------ [ / About Page ] ------------------ */

/* ------------------ [ Courses Page ] ------------------ */
#courses_page div#col_left { width: 245px; padding: 5px 0 55px 0; float: right; }
#courses_page div#col_right { width: 445px; padding: 5px 0 55px 0; float: left; }
#floatimg2 { width: 237px; height: 156px; float: left; margin: 0 5px 2px 0; background: url(images/courses.jpg) no-repeat; }
#floatimg3 { width: 237px; height: 156px; float: left; margin: 0 5px 2px 0; background: url(images/courses2.jpg) no-repeat; }
#floatimg2 a, #floatimg3 a { position: relative; top: 85%; left: 15%; }
fieldset select { font: 90% Arial, Helvetica, sans-serif; color: #3b4175; }
/* ------------------ [ / Courses Page ] ------------------ */

/* ------------------ [ Contact Page ] ------------------ */
#contact_page div#col_left { width: 245px; padding: 5px 0 30px 0; float: left; }
form { width: 245px; height: auto; margin: 0; padding: 15px 0 0 0; font: 90% Arial, Helvetica, sans-serif; }
label { display: block; padding: 1em 0 0 0; }
fieldset { border: none; padding: 0; }
fieldset input, fieldset textarea, fieldset select { width: 90%; border: 1px solid #c8c8c8; }
fieldset input:hover, fieldset textarea:hover, fieldset select:hover { border-color: #92AB48; }
fieldset input:active, fieldset input:focus, fieldset textarea:active, fieldset textarea:focus { border-color: #3b4175; } 
form div { margin: 1em 0 0 0; padding: 0; width: 60px; height: 40px; border: none; }
/* ------------------ [ / Contact Page ] ------------------ */

/* ------------------ [ Gallery Pages ] ------------------ */
div#gall { width: 365px; height: 370px; margin: 20px 40px; }
.thumb_a { margin: 5px; float: left; }
.thumb_b { margin: 5px 0; float: left; }
.thumb_c { margin: 0 5px; float: left; }
.thumb_d { margin: 0; float: left; }
ul.general { list-style: disc; font-size: 1em; line-height: 1.4em; margin: 0 0 8px 15px; }
ul.general li { font-size: 90%; }
.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; }
/* ------------------ [ / Gallery Pages ] ------------------ */

/* ------------------ [ Footer Nav Pages ] ------------------ */
div#col { width: 100%; padding: 5px 0 55px 0; }
div#emptydiv { width: 100%; height: 280px; }
/* ------------------ [ / Footer Nav Pages ] ------------------ */