html { min-height:100%; height:auto; } /* this is a fix for firefox so the background image aligns with the bottom of the browser window rather than the content */ 
body { margin:0; background:url('/images/flower.jpg') right bottom no-repeat #B39978; padding:0; font-family:verdana, sans-serif; font-size:69%; color:#000; }

.container { margin:0 auto 0 auto; width:914px; padding:0 16px 0 16px; }

h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:normal; text-transform:uppercase; }
blockquote { margin-left:12px; margin-right:416px; border-left:8px solid #FFE9AB; padding:1px 16px 16px 12px; background:#DBC493; }
	cite { display:block; text-align:right; }
h2 { font-size:1.8em; }
p { font-size:1.2em; line-height:1.8em; }
address { font-style:normal; margin-top:0; font-size:inherit; }

		#content a, #footer a { font-weight:bold; color:#333; }
			#content a:hover, #footer a:hover { color:#fff; }
			#content a:active, #footer a:active { color:#FFE9AB; }
			#content a:visited, #footer a:visited { font-weight:normal; }

#banner { font-family:"Bank Gothic"; text-transform:uppercase; height:192px; background:url('/images/background_192.jpg') repeat-x #222; color:#fff; }
	#banner h1, #banner h2, #banner h3 { margin:0; padding:0; }
		#banner h1 { margin:0 0 16px 0; padding:80px 0 43px 0; border-bottom:1px solid #fff; background:url('/images/karen_brookes.gif') no-repeat 0 80px; }
			#banner .container * span { position:absolute; left:-9000px; }
		#banner h2 { padding:8px 0 9px 0; background:url('/images/hair_and_beauty.gif') no-repeat left top; }
		#banner h3 { margin-top:-16px; padding:8px 0 9px 0; background:url('/images/glasgow.gif') no-repeat right top; }
	
#content { margin-top:48px; }
	#content .container { }
		.mainimage { display:block; border:1px solid #000; float:right; margin-left:16px; }
		.galleryimage { display:block; border:1px solid #000; }
		.gallerynav { text-align:right; }
		#interior2 { width:600px; height:336px; }
		
		#thumbnails { list-style:none; margin:0 -16px 0 0; padding:0; }
			#thumbnails li { float:left; margin-right:16px; margin-bottom:16px; }
				#thumbnails li a img { border:1px solid #000; width:137px; height:77px; }
					#thumbnails li a:hover img { border-color:#fff; }

#book_online a { display:block; width:22em; height:1.6em; padding:3px; background:#adf; border:1px solid #fff; border-right-color:#222; border-bottom-color:#222; color:#000; margin:0 0 0 -4px; }
    #book_online a:hover { background:#789BB3; border-color:#222; border-right-color:#fff; border-bottom-color:#fff; }
		
#nav { position:absolute; top:192px; width:100%; border-top:1px solid #fff; border-bottom:1px solid #222; background:#adf; font-size:1.5em; color:#000; }
	#nav .container { list-style:none; }
		#nav li { display:inline; margin:0 20px 0 -20px; padding:0; }
			#nav li a { padding:0 4px 0 20px; line-height:100%; text-decoration:none; color:#000; text-transform:uppercase; }
				#nav li a:hover { background:url('/images/arrows.gif') 4px center no-repeat #789BB3; color:#fff; }
		.selected { font-weight:bold; }

#footer { clear:both; padding-top:48px; }
	#footer .container { border-top:1px solid #000; padding:16px 0 0 0; text-align:center; }