@charset "UTF-8";
/* CSS Document 
--------Header----------
Southworth red #8f0a27
Contact us top bar darker tan: #e1dfd2
Contact us in Header bg: #f4f2e5
Contact us drop shadow: #cccccc
Brown Grey text: #534d49
--------Content------------
Body Background color:  #C8B85F
Content Background color: #ebeada
Main Link Color, lucas arts gold: #a48b03
  Visited Link, cool blue/grey: #475782
  Image Borders : thin grey #333333
  H6 font color sandy blue #3C5991 
  List Items royal green (h3) color: #0e5545;
  ---------Navigation------------
  Catalog off white: #F1F1FD
  Nameplate rollover background effect: deep red #ae0202
  		Nameplate rollover text pink:  #f6b8b3
  Left Nav background color and rollover text: #f4f2e5
  Left Nav Links grey/green: #534d49
  Rollover Color green/grey: #919683
  
*/
body {background-color: #C8B85F;
	 background-image: url(../images/bg-main-ornament.png);
	 background-repeat: no-repeat;
	 background-position:  50% 12.8em;
	}
	 
	 #header {
	 		height: 12.6em;
			display: block;
			width: 100%;
			background-color: white;
			border-bottom: 3px solid #8f0a27;
			position: relative; }
			
			#header #logo { 
						   background-image: url(../images/logo-southworth.png);
						   margin: 0 auto;
						   background-repeat: no-repeat;
						   display: block;
			    			   width: 767px;
						   height: 12.3em;
						   background-color: white;
						   position: relative;
						    } 

			 #header #logo ul#hours {
				   float: right;
				   margin-right: 12px;
				   display: block;
				   width: 200px;
				  }
				   
				#header #logo ul#hours li.hours { color: #4b4642;
										    margin-left: 30px;
										    font-weight: bold;
										    padding-top: .3em;}
				   
				   	#header #logo ul#hours li { 
										font-family: Garamond, Georgia, serif;
										color: #534d49;
										letter-spacing: .05em;
										line-height: 1em;
										font-size: 1.2em;
										margin-left: 15px;
					}
			/*Shadow effect css*/		
	#header #logo ul#hours .shadow, #navigation .shadow { background: #cccccc;
	margin-top: 2px;}
	
	#header #logo ul#hours h5#phone a { 
				   display: block;
				   position: relative;
				   top: -2px;
				   left: -2px;
				   padding: 3px;
				   border-top: 3px;
				   border-top-style: solid;
				   border-top-color: #e1dfd2;
				   text-align: center;
				   background-color: #f4f2e5;
				   font-family: Georgia, serif;
				   font-size: 1.3em;
				   font-style: italic;
				   color: #625b56;
				   letter-spacing: .06em;
			   }
			   
			   /*so wrap reaches bottom of page*/	
html, body, #wrap {
    min-height: 100%;
 
    height: 100%;
  
}
				   
#wrap {
		display: block;
		margin: 0 auto;
		position: relative;
		background-color: #ebeada;
		width: 760px;
		height: auto;
		border-left: 3px solid #8f0a27;
		border-right: 3px solid #8f0a27;
	 }
	 
	   #footer { 
			 display: block;
		      clear: both;
			 height: 8em; 
			 background-color: #ebeada;
			 background-image: url(../images/footer.png);
			 background-repeat: no-repeat;
			 background-position: center 0;
			 position: relative;
			 z-index: 10;}
			 
			 #footer ul#footerLinks {
			 				display: block;
							position: relative;
							width: 60%;
							z-index: 1;
							padding-top: 4em;
						     margin-left: 180px;
							
							}
				#footer ul#footerLinks li { display: block;
								        position: relative;
									   float: left;
									   padding: 0px 10px 5px 10px;
									   font-family: Garamond, Georgia, serif;
									   font-size: 1.3em;}
				#footer ul#footerLinks li a { color: #a48b03;}
				
				#footer ul#footerLinks li a:active {color: #FFFF00;}
				#footer ul#footerLinks li a:hover {color: #8B0000;
											text-decoration: underline;}
				#footer ul#footerLinks li a:visited {color: #475782;}
	#footer p.validate { clear: both;
					display: block;
					width: 22em;
					padding-left: 10%;
					padding-top: 6px;
					color: #9c9571;}
	#footer p.copyright { float: right;
					  display: block;
					  margin-top: -11px;
					  padding-right: 10%;}
					  
		 #footer p.validate a {
					  color: #9c9571;}
					  
		 #footer p.validate a:hover {
					  text-decoration: underline;}
					  
		  #footer p.copyright a {
					  color: #9c9571;}
			 #footer p.copyright a:hover {
					  text-decoration: underline;}