/* ------------- general page parameters ------------- */
body {
 margin: 0;
 padding: 0;
 font-family: Georgia, Times, "Times New Roman", serif;
 color: black;
 min-width: 1000px;		/* fixed size page - positioning is based on this*/
}

/* ------------- Banner line parameters ------------- */
#header {
 font-family: Comic Sans MS;		/* my nifty font - many people hate it*/
 text-align: center;
 background-color: #FFFFFF;		/* white background looks best*/
}

/* ------------- Picture navigation parameters ------------- */
#door_menu {
 position:relative;
 width:768px;
 height:250px;
 background:transparent url(shop3.jpg) no-repeat;
 overflow:hidden;
 margin:0 auto;
}

#door_menu ul {margin:0; padding:0;}

#door_menu li {list-style-type:none; display:inline;}

#door_menu a {display:block; float:left; height:0; overflow:hidden; color:#000;
 text-decoration:none;  background:transparent url(shop3cars.jpg) 768px 250px no-repeat;}
*html #door_menu a {height:100px; he\ight:0;}

#door_menu a#item1 {width:768px; padding-top:100px;}
#door_menu a#item2 {width:55px; padding-top:100px;}
#door_menu a#item3 {width:195px; padding-top:100px;}
#door_menu a#item4 {width:25px; padding-top:100px;}
#door_menu a#item5 {width:185px; padding-top:100px;}
#door_menu a#item6 {width:30px; padding-top:100px;}
#door_menu a#item7 {width:190px; padding-top:100px;}
#door_menu a#item8 {width:88px; padding-top:100px;}
#door_menu a#item9 {width:768px; padding-top:50px;}

#door_menu a#item1:hover {width:768px; background-position: 0 0; z-index:50;}
#door_menu a#item2:hover {width:55px; background-position: 0 -100px; z-index:50;}
#door_menu a#item3:hover {width:195px; background-position: -55px -100px; z-index:50;}
#door_menu a#item4:hover {width:25px; background-position: -250px -100px; z-index:50;}
#door_menu a#item5:hover {width:185px; background-position: -275px -100px; z-index:50;}
#door_menu a#item6:hover {width:30px; background-position: -460px -100px; z-index:50;}
#door_menu a#item7:hover {width:190px; background-position: -490px -100px; z-index:50;}
#door_menu a#item8:hover {width:88px; background-position: -680px -100px; z-index:50;}
#door_menu a#item9:hover {width:768px; background-position: 0 -200px; z-index:50;}

/* ------------- Center navigation parameters ------------- */
#tobecentered {
 clear: both;
 width: 1000px;
 margin-left:auto;margin-right:auto;

/* background-color: #f30033;*/
}


/* ------------- Center navigation CENTER parameters ------------- */
#navCenter {
 display: block;
 float: left;
 position: relative;
 top: 3px;
 left: 0px;

/* background-color: #f30033 */
}

#navCenter li {
 list-style-type: none;
 float: left;
 width:150px;
 border:1px solid #fff; 
}

#navCenter a {
 display:block;
 width:150px;
 height:50px;
 background:#d4d4d4;
 border:1px solid #000;
 margin-top:2px;
 margin-bottom: 8px;
 text-align:center;
 text-decoration:none;
 font-family:Comic Sans MS;
 font-size:12px;
 color:#000;
 line-height:16px;
 overflow:hidden;
 float:left;
}

#navCenter a:hover {color:#fff; background:#08c;}


/* ------------- Center navigation LEFT parameters ------------- */
#navLeft {
 display: block;
 float: left;
 position: relative;		/* start menu right after the picture navigation */
 top: 3px;			/* drop down just a bit from th ephoto */
 width: 225px; 			/* something less than full width */

/* background-color: #3FFFFF;*/ /* just so we can see it for testing*/
}

#navLeft li {
 list-style-type: none;		/* get rid of bullets */
 float:left;			/* get rid of spaces between boxes */
 width:150px;
 border:1px solid #fff; 
}

#navLeft a {
 display:block;
 width:150px;			/* width of menu block */
 height:50px;			/* height of menu block */
 background:#d4d4d4;		/* nice grey color */
 border:1px solid #000;		/* outlined box */
 margin-top:0;			/* no space between the boxes */
 margin-bottom: 0;
 text-align:center;		/* center text in the boxes */
 text-decoration:none;		/* plain text */
 font-family:Comic Sans MS;	/* use the funny font */
 font-size:12px;		/* visible but fits in box */
 color:#000;
 line-height:16px;		/* controls the space between vertical elements */
 overflow:hidden;
 float:left;
}

#navLeft a:hover {color:#fff; background:#08c;}

#navLeft img {
 border: 0;
}

/* ------------- Center navigation RIGHT parameters ------------- */
#navRight {
 display: block;
 float: right;
 position: relative;
 top: 3px;
 width: 225px;

/* background-color: #F000FF*/
}

#navRight li {
 list-style-type: none;
 float:left;
 width:150px;
 border:1px solid #fff; 
}

#navRight a {
 display:block;
 width:150px;
 height:50px;
 background:#d4d4d4;
 border:1px solid #000;
 margin-top:0;
 margin-bottom: 0;
 text-align:center;
 text-decoration:none;
 font-family:Comic Sans MS;
 font-size:12px;
 color:#000;
 line-height:16px;
 overflow:hidden;
 float:left;
}

#navRight a:hover {color:#fff; background:#08c;}

#navRight img {
 border: 0;
}

/* ------------- Footer stuff ------------- */
#webring {
 clear: both; 
 margin-left:auto;margin-right:auto;

/* background-color: #f300FF;*/
}

#footerLeft {
 float: left;
 font-size:10px;
 position: relative;
 left: 10px;
}

#footerCenter {
}

#footerRight {
 float: right;
 font-size:10px;
 position: relative;
 right: 10px;
}