* {margin: 0; padding: 0;}

html {}
body { color: #444;
		font-size: 100%; line-height: 1.5em;
		font-family: Georgia;
		text-align: center;
		}
#wrapper {position: relative;
		width: 940px;	
		margin: 0 auto;
		padding-top: 265px;
		text-align: left;
		display: block;
		background:url(../images/goodfellow-bg.jpg) repeat-y center top;
		}

p { font-family: Verdana; 
	font-size: 0.8em;
	margin: 1em 0;
	}
td { }
a:link { color: #d02323; text-decoration: none; }
a:visited { color: #bf5e5e; }
a:hover { color: #840000; text-decoration: underline; }
a:active { color: #fff; background-color: #d02323; text-decoration: none; outline: none !important;}
a:focus {outline: none;}
.clear { height: 0; 
		clear: both;}
.clear-right {height: 0; clear: right;}		
.prop		{float: left;		
			 width: 0px; height: 320px;
			 visibility: hidden}
.gradient { margin: 1.5em;
			background:  #f4ccb2 url(../images/goodfellow-dl.gif) repeat-x 0 100%;}				
.gradient h2 {margin: 20px}			
h2 { }
h3 { color: #3b7833; 
	 font-size: 1.6em; 
	 font-weight: normal; 
	 margin: 0.7em 0; }
h4 { color: #807645; 
	font-family: "Times New Roman", Georgia, Times, serif; 
	font-variant: small-caps; 
	line-height: 1.2em; 
	text-align: center; 
	word-spacing: 0.4em; letter-spacing: 0.2em; 
	margin: 30px 0;}
h5 {margin: 1em 0;
	font-size: 0.9em;
	color: #d02323;
	text-align: center;}
h6 {margin: 0.8em;
	font-size: 1em;
	color: #db874f;
	font-weight: normal;
	text-align: center;}




/* Header Horse Silhouette Background on the h1, horizontal repeat gradient on the div */
#header {position: absolute;
		top: 0; left: 49px;
		width: 840px; height: 547px;
		z-index: 2;
		background: url(../images/goodfellow-horizon.jpg) 0 100% repeat-x;
		}	
#header h1 {position: relative;
			top: 0; left: 0;
			width: 695px; height: 270px;
			text-indent: -9000px;
			background: url(../images/goodfellow-header.jpg) -1px 0 no-repeat;}		

h1#pagetitle {position: relative;
				margin: -40px 0 0 0;
				color: #fff;
				text-align: right;
				font-size: 2.2em;}
h1#pagetitle strong { color: #e8dfb4; display: block; font-size: 0.5em; }						
h1#pagetitle i { color: #807645; display: block; font-size: 0.8em; }						
			
#footer {position: relative;
		 left: 50px;
		 width: 840px; height: 210px;
		 font-size: 0.8em;
		 margin: -90px 0 0 0;
		 background: #000 url(../images/goodfellow-foot.jpg) no-repeat -1px 0;
		 }		
#footer p {position: absolute;
			left: 20px;
			color: #888}
#footer p#copy {top: 160px}	
#footer p#design {top: 175px}					 
#footer ul { position: absolute;
			top: 170px;
			 display: block;
			 margin:  0 10px;
			 padding: 3px 5px;
			 list-style-type: none;}
#footer ul li {display: block; float: right;
				margin: 0px 15px;}	
#footer ul li a { color: #fff;}	
			
			
/* Content of page */
#content {  position: relative;
			top: 0px; left: 240px;
			width: 480px;
			z-index: 20;}
			
#content img, #content img.left {float: left;
				margin: 0.5em 10px 10px 0; 
				border: 0;}			
#content img.right {float: right;
				margin: 0.5em 0px 10px 10px;
				 border: 0;}			

/* Definition list for the faq */
dl {padding: 1em;
	font-family: Verdana;
	line-height: 1.2em;
	font-size: 0.8em;}
	
dt {
	color: #840000;
	display: block;
	font-weight: bold;
	margin:  1em 0 0 0;
	clear: both;	}	
dd {  
	display: block;
	padding-left: 5px;
	border-left: 2px solid #555;
	margin: 5px 0 0 15px;}	



/* Content Menu with sign on the right */
#bird {position: absolute;
			display: block;
			top:0px; left:742px;
			padding-top: 112px;
			background: url(../images/goodfellow-bird.jpg) 0 0 no-repeat;
			z-index: 30;
			width: 148px;
		}
#bird ul {position: relative;
			display: block;
			list-style-type: none;
			top:0px; right:0px;
			padding-bottom: 77px;
			background: url(../images/goodfellow-sign-t.jpg) 0 100% no-repeat;
			}			
#bird ul li a {text-indent: -5000px;
					display: block;
					width: 148px;}					
#bird ul li a:active {outline: none;}					
#antiques a {height:49px;
		 background: url(../images/goodfellow-antiques.jpg) 0 0 no-repeat;}
#export a {height:50px;
		 background: url(../images/goodfellow-exporting.jpg) 0 0 no-repeat;}
#container a {height:31px;
		 background: url(../images/goodfellow-containers.jpg) 0 0 no-repeat;}
#wholesale a {height:47px;
		 background: url(../images/goodfellow-wholesale.jpg) 0 0 no-repeat;}
#antiques a:hover, #export a:hover, #container a:hover, #wholesale a:hover {background-position: 0 100%;}

/* Goodfellow Address Sign */

#sign {background: url(../images/goodfellow-sign-m.jpg) 0 0 repeat-y; 
		width: 148px;
		margin-top: -50px;
		padding: 0;}
#sign p {position: relative;
		top: 0; left:0px;
		padding: 0; margin: 5px 15px;
		 font-size: 0.7em; line-height: 1.2em;
		 text-align: right;
		 font-family: Georgia;
		 color: #000000;
		 z-index: 20;
		 }
#sign p b {display: block;}		 
#sign p a {font-size: 0.9em;}
#sign img {	position: relative;
			padding: 20px 70px 10px 20px;
			margin: -85px 0 -5px 0;
			z-index: 12;
			background: url(../images/goodfellow-sign-foot.jpg) 0 100% no-repeat; 
			}		 
		 

/* Info Menu on the left of page */
ul#infomenu {position: absolute;
			display: block;
			list-style-type: none;
			top:183px; left: 49px;
			width: 157px; height: 400px;
			z-index: 10;			
			background: url(../images/goodfellow-bar.gif) 100% 0 repeat-y;
			}			
ul#infomenu li a {text-indent: -5000px;
					display: block;
					width: 120px;}
#home a {height:67px;
		 background: url(../images/goodfellow-home.jpg) 0 0 no-repeat;}
#home a:hover {background-position: 0 100%;}
#about a {height:37px;
		 background: url(../images/goodfellow-about.jpg) 0 0 no-repeat;}
#about a:hover {background-position: 0 100%;}
#links a {height:76px;
		 background: url(../images/goodfellow-links.jpg) 0 0 no-repeat;}
#links a:hover {background-position: 0 100%;}
#contact a {height:55px;
		 background: url(../images/goodfellow-contact.jpg) 0 0 no-repeat;}
#contact a:hover {background-position: 0 100%;}


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block; 
				 height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px;}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px; }
b.r2{margin: 0 2px;}
b.r3{margin: 0 1px; }
b.r4{height: 2px; }
b.rb1{margin: 0 8px;border-width:0 2px; }
b.rb2{margin: 0 6px;border-width:0 2px; }
b.rb3{margin: 0 5px; }
b.rb4{margin: 0 4px; }
b.rb5{margin: 0 3px ; }
b.rb6{margin: 0 2px;}
b.rb7{margin: 0 1px;height:2px; }
b.rb8{margin: 0;height:2px; }
b.rs1{margin: 0 1px; }

/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}