#wrapShop {
	margin: 0 auto;
	width: 100%;
	background: #FFF url("../images/bg.gif") repeat-x;

}
#wrap {
	margin: 0 auto;
	width: 680;

}



/* header */
#header {
	position: relative;
	margin: 0; padding: 0;
	height: 32px;
}
#header span#slogan {
	z-index: 3;
	position: absolute;
	left: 3px; bottom: 7px;
	font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;
	color: #FFF;
}

#header-logo {
	position: relative;
	clear: both;
	height: 30px;
	margin: 0; padding: 0;
}
#header-logo #logo {
	position: absolute;
	top: 3px; left: 5px;
	font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	margin: 0; padding: 0;
	letter-spacing: -1px;
}

/* navigation tabs */
#header ul {
	position: absolute;
        margin:0;
       list-style:none;
	right:-18px ; bottom: 3px;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url("../images/tableft.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url("../images/tabright.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}

.red   { color: #CC0000; }
.clear {	clear: both; }