/* Aura Antiques CSS Document Style 1 */

body {
	margin: 10px 0;
	padding: 0;
	border: 0;
	text-align: center; /* hack - horizontally centers the box in IE5/Win - need to text-align left everything else*/
	background: #fffaef; /*url(../i/shadow.gif) top center repeat-y;*/
	color: #5e5647;
	min-width: 622px; /* Gecko centering fix */
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4;
	font-size:    small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  medium;   /*Intended value for better browsers*/ 
}

html>body {
	font-size:  medium;  /*Be nice to Opera*/
} 

#wrapper {
	margin: 0 auto; /* centre wrapper for compliant browsers */
	padding: 0;
	border-left: 2px solid #5e5647;
	border-right: 2px solid #5e5647;
	text-align: left; /* text-align everything left cos of IE5/Win hack in body element */
	background: transparent url(../i/contentbg.gif) top left repeat-y;
	width: 612px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:608px; /* Actual value for conformant browsers */
}

html>#wrapper {
	width: 608px; /* Be nice to Opera */
}

img	{
	border: 0;
}

div#header {
	width: 608px;
	background: #cff0fe url(../i/logo.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #5e5647;
	border-top: 2px solid #5e5647;
	height: 114px; /* False value for IE4-5.x/Win */
    heig\ht: 110px; /* Actual value for conformant browsers */
}

div#header h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 0; /*needed for navigation to stay in proper place */
}

/* Primary Nav */

div#prinav ul#menu {
	margin: 0 0 0 508px; 
	padding: 0;
	border: 0;
	width: 90px;
	height: 108px;
	background: url(../i/prinav.gif);
	position: relative;
}

div#prinav ul#menu li {
	margin: 13px 0 0 0; 
	padding: 0;
	list-style: none;
	position: absolute;
	
}

div#prinav ul#menu li a	{
	text-indent: -9999px; 
	text-decoration: none;
}

ul#menu li, ul#menu a {
	display: block;
	height: 21px;
	/* width 90 px - with just this line it doesn't work in IE5. Remove just this line and it works in IE but not in Mozilla or Netscape */
	/* No value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 90px; /* Value for conformant browsers */
}

#home	{top: 0; height: 21px;}
#antiques{top: 21px; height: 21px;}
#contact{top: 42px; height: 21px;}
#links{top: 63px; height: 21px;}	


#home a:hover {background: transparent url(../i/prinav.gif) 0 -123px no-repeat;}
#antiques a:hover {background: transparent url(../i/prinav.gif) 0 -144px no-repeat;}
#contact a:hover {background: transparent url(../i/prinav.gif) 0 -165px no-repeat;}
#links a:hover {background: transparent url(../i/prinav.gif) 0 -186px no-repeat;}

/* You are here */

body#homepage #home  {background: transparent url(../i/prinav.gif) 0 -123px no-repeat;}
body#antiquespage #antiques  {background: transparent url(../i/prinav.gif) 0 -144px no-repeat;}
body#contactpage #contact {background: transparent url(../i/prinav.gif) 0 -165px no-repeat;}
body#linkspage #links {background: transparent url(../i/prinav.gif) 0 -186px no-repeat;}

/* end Pri Nav */

/* Sidebar */

div#sidebar {
	float: left; /*- some browsers don't like float so using Drew McLellan workaround if this doesn't work  */
	border: 0;
	padding: 10px;
	margin: 0;
	background: #eeeeee;
	color: #333333;
	width: 190px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 170px; /* Actual value for conformant browsers */
}

html>div#sidebar {
	width: 170px; /* Be nice to Opera */
}

/* Primary Content */

div#primarycontent {
	margin: 0;
	border: 0;
	padding: 0;
	width: auto;
}

div#primarycontentholder {
	margin: 0 0 0 190px;
	border: 0;
	padding: 10px 31px; /* 34px won't work in IE cos of 3-pixel bug? */
	width: 414px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 352px; /* Actual value for conformant browsers */
}

html>div#primarycontentholder {
	width: 352px; /* Be nice to Opera */
}

div#footer {
	clear: both;
	text-align: center;
	border: 0;
	background: #5e5647;
	color: #ffffff;
	width: 608px;
	padding: 0;
	margin: 0;
}

/* Font Styles */

p {
	margin: 0 0 1.3em 0;
	line-height: 150%;
}

div#sidebar p{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
}

div#sidebar p strong{
	color: #5e5647;
}

img#shop {
	padding: 10px 0;
}

h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #5e5647;
	line-height: 1.2em;
	margin: 10px 0;	
	padding: 0;
	text-transform: uppercase;
	font-size:    medium;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  large;   /*Intended value for better browsers*/ 
}

html>h1 {
	font-size:  large;  /*Be nice to Opera*/
} 

h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #5e5647;
	line-height: 1.5em;
	margin: 15px 0 0 0;	
	padding: 0;
	border: 0;
	font-size:    x-small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  small;   /*Intended value for better browsers*/ 
}

html>h2 {
	font-size:  small;  /*Be nice to Opera*/
}

div#footer p {
	margin: 0;
	padding: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

/* Links */

a:link, a:visited {
	font-weight : bold; 
	text-decoration : underline;
	color: #5e5647;
	background: transparent;
}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #fdb191;
	background: transparent; 
}

a:active {
	font-weight : bold; 
	text-decoration : underline;
	color: #5e5647;
	background: transparent;  
}

div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:hover {
	color: #ffffff;
}

body#antiquespage div#sidebar{
	text-align: center;
}

.col1 {
	float: left;
	margin: 0;
	padding: 10px;
	border: 0;
	text-align: center;
	width: 140px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 120px; /* Actual value for conformant browsers */
}

html>.col1 {
	width: 120px; /* Be nice to Opera */
}

.col2 {
	margin: 0 0 0 140px;
	width: 185px; /* could be maximum 190px if not for IE 3px bug */
	padding: 10px;
	border: 0;
	width: 205px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 185px; /* Actual value for conformant browsers */
}

html>.col2 {
	width: 185px; /* Be nice to Opera */
}

.row {
	width: 350px;
	height: 140px;
	padding: 0;
	margin: 0 0 20px 0;
	border-top: 1px solid #5e5647;
	border-bottom: 1px solid #5e5647;
	background: transparent url(../i/antiquebg.gif) top center repeat-y;
	clear: both;
	font-size:    x-small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  small;   /*Intended value for better browsers*/ 
}

html>.row {
	font-size: small;  /*Be nice to Opera*/
} 

div#stock {
	font-size:    x-small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  small;   /*Intended value for better browsers*/ 
}

html>div#stock {
	font-size: small;  /*Be nice to Opera*/
} 

div#stock img{
	border: 1px solid #5e5647;
	margin: 10px 0 20px 0;
}

.recordnav {
	text-align: center;
}

p.recordnav {
	text-align: right;
}

/* Sale */

.sale{
	font-size:100%;
	color:#8b0000;
	margin:0 0 1em 0;
}

.strike{
	text-decoration:line-through;
}
