body { 
	margin:50px; 
	font-size:0.7em; 
	line-height:20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	background: url(images/bckg.gif) #000;
}
p {padding: 0px 0px 0px 0;}
.floatright {float:right;}
.textred {color:#FF0000;}
.textblack {color:#000000;}
a { color:#C23B01;}
a:hover { color:#333333;}
#container { background-color:#fff; width: 750px; }
#header {float:left;}
#logo { float:left; padding:0 0 0 0; height:234px; width:auto; color:#FFFFFF; font-style:italic; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:20px; font-style:italic; text-transform:uppercase;}
#menu { float:left; background: #000000; }
/*#menu ul { margin:0; padding:0;}*/
/*#menu ul li{ display:inline-block; float:left; list-style:none; text-align:center; }
/*#menu a { display:block; float:left;  text-transform:uppercase; font-weight:bold; text-decoration:none; padding-top:4px; font-style:italic;}*/
/*#menu a:hover{ padding-top:4px; height:22px; background:url(images/menu_bckg_over.jpg) #C23B01;}*/

#text { margin: 20px 20px 0 20px; background-color:#FFFFFF; }
#text p {  padding:20px 75px 0px 75px;}
/*#text li {list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0px 7px;}*/

h1 { margin:0; padding:0; text-transform:uppercase; font-size:1.8em; color:#1B1D1E; font-style:italic}

#main { clear:both; padding: 20px 0 0 0;}

p.white {color:#FFFFFF; text-align: center;}


#footer {clear:both; background: #424E4F; height:102px;   font-style:italic }
#center_footer { text-align: center; background:url(images/c.gif) no-repeat 30px 35px; color:#FFFFFF; font-size:12px;}
#center_footer a { color:#FFFFFF; text-decoration:none; font-weight:bold; }

#left_footer { float:left; padding:40px 0 0 30px; background:url(images/c.gif) no-repeat 30px 35px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:12px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:12px; text-align:right;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}


ul#nav {
	margin:0;
	padding:0;
	position:absolute;
	top:284px;
	left:50px;
	background-image: url(images/uppernav.jpg);
}
ul#nav { background:url(images/uppernav.jpg)}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:50px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navHome a, li#navArtstmt a, li#navSale a, li#navSketch a, li#navNews a, li#navContact a, li#navRef a { background:url(images/uppernav.jpg) }



li#navHome a 						{ background-position:0 0; width:72px; left:0 }
li#navHome a:hover					{ background-position:0 -50px }
body#pageHome li#navHome a 			{ background-position:0 -100px }

li#navArtstmt a 						{ background-position:-72px 0; width:190px; left:72px }
li#navArtstmt a:hover					{ background-position:-72px -50px }
body#pageArtstmt li#navArtstmt a 		{ background-position:-72px -100px }

li#navSale a 					{ background-position:-261px 0; width:100px; left:261px }
li#navSale a:hover				{ background-position:-261px -50px }
body#pageSale li#navSale a 		{ background-position:-261px -100px }

li#navSketch a 						{ background-position:-361px 0; width:105px; left:361px }
li#navSketch a:hover				{ background-position:-361px -50px }
body#pageSketch li#navSketch a 		{ background-position:-361px -100px }

li#navNews a 						{ background-position:-466px 0; width:68px; left:466px }
li#navNews a:hover					{ background-position:-466px -50px }
body#pageNews li#navNews a 			{ background-position:-466px -100px }

li#navContact a 						{ background-position:-534px 0; width:94px; left:534px }
li#navContact a:hover					{ background-position:-534px -50px }
body#pageContact li#navContact a 		{ background-position:-534px -100px }

li#navRef a 						{ background-position:-628px 0; width:122px; left:628px }
li#navRef a:hover					{ background-position:-628px -50px }
body#pageRef li#navRef a 		{ background-position:-628px -100px }

#salepage { float:left; background: #000000; }

ul#forsale {
	margin:0;
	padding:0;
	position:absolute;
	top:400px;
	left:50px;
	width: 326px;
	height: 1080px;
}
ul#forsale { background:url(images/Joe.jpg)}
ul#forsale li { float:left; list-style-type:none }
ul#forsale li a { height:555px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#saleJoe a { background:url(images/Joe.jpg) }
li#saleEureka a { background:url(images/Joe.jpg) }

li#saleJoe a           { background-position:0 0; width:326px; left:0 }
li#saleJoe a:hover     { background-position:-326px 0 }

li#saleEureka a           { background-position:0 -555px; width:326px; left:0 }
li#saleEureka a:hover     { background-position:-295px -555px }

/* Nav-Example Styles */
#nav-example {  
	width:400px; 
	height:600px; 
	margin:0;
	padding:0; 
	}

#nav-example span {
	display: none;
	}

#nav-example li, #nav-example a {
	height:600px; 
	display:block; 
	}

#nav-example li {
	float:left; 
	list-style:none; 
	display:inline; 
	}

#nav-example-01 {
	width: 400px; 
	}
#nav-example-02 {width: 400px;}
#nav-example-03 {width: 400px;}
#nav-example-04 {width: 400px;}
#nav-example-05 {width: 400px;}
#nav-example-06 {width: 400px;}
#nav-example-07 {width: 400px;}
#nav-example-08 {width: 400px;}
#nav-example-09 {width: 400px;}
#nav-example-10 {width: 400px;}
#nav-example-11 {width: 400px;}
#nav-example-12 {width: 400px;}
#nav-example-13 {width: 400px;}
#nav-example-14 {width: 400px;}
#nav-example-15 {width: 400px;}
#nav-example-16 {width: 400px;}
#nav-example-17 {width: 400px;}
#nav-example-18 {width: 400px;}





#nav-example-01 a {background:url("images/Blue_Lightning_Combined.jpg") no-repeat; }
#nav-example-02 a {background:url("images/Red_Lightning_Combined.jpg") no-repeat; }
#nav-example-03 a {background:url("images/Mercury_Combined.jpg") no-repeat; }
#nav-example-04 a {background:url("images/Old_Blue_Combined.jpg") no-repeat; }
#nav-example-05 a {background:url("images/Eureka_Combined.jpg") no-repeat; }
#nav-example-06 a {background:url("images/Joe_Combined.jpg") no-repeat; }
#nav-example-07 a {background:url("images/Jones_Combined.jpg") no-repeat; }
#nav-example-08 a {background:url("images/Edison_Combined.jpg") no-repeat; }
#nav-example-09 a {background:url("images/Blades_Combined.jpg") no-repeat; }
#nav-example-10 a {background:url("images/Skating_Combined.jpg") no-repeat; }
#nav-example-11 a {background:url("images/Ace_Combined.jpg") no-repeat; }
#nav-example-12 a {background:url("images/Carter_Combined.jpg") no-repeat; }
#nav-example-13 a {background:url("images/Benton_Combined.jpg") no-repeat; }
#nav-example-14 a {background:url("images/Harrison_Combined.jpg") no-repeat; }
#nav-example-15 a {background:url("images/Skating_Combined.jpg") no-repeat; }
#nav-example-16 a {background:url("images/Neptune_Combined.jpg") no-repeat; }
#nav-example-17 a {background:url("images/Jupiter_Combined.jpg") no-repeat; }
#nav-example-18 a {background:url("images/Orion_Combined.jpg") no-repeat; }







#nav-example-01 a:hover {background:url("images/Blue_Lightning_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-02 a:hover {background:url("images/Red_Lightning_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-03 a:hover {background:url("images/Mercury_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-04 a:hover {background:url("images/Old_Blue_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-05 a:hover {background:url("images/Eureka_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-06 a:hover {background:url("images/Joe_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-07 a:hover {background:url("images/Jones_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-08 a:hover {background:url("images/Edison_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-09 a:hover {background:url("images/Blades_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-10 a:hover {background:url("images/Skating_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-11 a:hover {background:url("images/Ace_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-12 a:hover {background:url("images/Carter_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-13 a:hover {background:url("images/Benton_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-14 a:hover {background:url("images/Harrison_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-15 a:hover {background:url("images/Skating_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-16 a:hover {background:url("images/Neptune_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-17 a:hover {background:url("images/Jupiter_Combined.jpg")  -400px -0px no-repeat; }
#nav-example-18 a:hover {background:url("images/Orion_Combined.jpg")  -400px -0px no-repeat; }