* {
padding:0;
margin:0;
}
body {
margin: 0px auto auto;
width:100%;
font-family:Helvetica, Arial, Sans-Serif, Verdana;
font-size:11px;
color:#625044;
text-align:center;
background-color: #f1f1f1;
}
a, a:active, a:hover, a:visited, a img, input {
outline:none;
color:#625044;
border:0px;
}
#head {
background:white;
width:100%;
height:170px;
clear:both;
}
#logo, #menu, #shoemenu {
width:443px;
margin: 0px auto auto;
}
#menu ul  {
list-style:none;
text-indent:0px;
}
#menu ul li {
float:left;
height:62px;
}
#menu ul li a {
display:block;
height:62px;
}
li#story a {
width:71px;
background-image:url(test2/imgs/menu/story.jpg);
}
li#story a:hover {
background-image:url(test2/imgs/menu/story_over.jpg);
}
li#story a.on {
background-image:url(test2/imgs/menu/story_on.jpg)!important;
}
li#collections a {
width:112px;
background-image:url(test2/imgs/menu/collections.jpg);
}
li#collections a:hover {
background-image:url(test2/imgs/menu/collections_over.jpg);
}
li#collections a.on {
background-image:url(test2/imgs/menu/collections_on.jpg)!important;
}
li#stockists a {
width:103px;
background-image:url(test2/imgs/menu/stockists.jpg);
}
li#stockists a:hover {
background-image:url(test2/imgs/menu/stockists_over.jpg);
}
li#stockists a.on {
background-image:url(test2/imgs/menu/stockists_on.jpg)!important;
}
li#news a {
width:62px;
background-image:url(test2/imgs/menu/news.jpg);
}
li#news a:hover {
background-image:url(test2/imgs/menu/news_over.jpg);
}
li#news a.on {
background-image:url(test2/imgs/menu/news_on.jpg)!important;
}
li#contact a {
width:95px;
background-image:url(test2/imgs/menu/contact.jpg);
}
li#contact a:hover {
background-image:url(test2/imgs/menu/contact_over.jpg);
}
li#contact a.on {
background-image:url(test2/imgs/menu/contact_on.jpg)!important;
}
/*li#news a.on, li#stockists a.on, li#contact a.on, li#collections a.on, li#story a.on {
cursor:default;
}*/
#shoemenu {
height:62px;
background:url(test2/fall2010/shoemenu_bg.jpg);
}
a#artisan, span#artisan, a#trainers, span#trainers  {
display:block;
height:22px;
background:url(test2/fall2010/artisan_coll.jpg);
float:left;
}
a#artisan, span#artisan {
width:211px;
}
a#artisan:hover {
background:url(test2/fall2010/artisan_coll_over.jpg)!important;
}
span#artisan, a.ar_on {
background:url(test2/fall2010/artisan_coll_on.jpg)!important;
}
a#trainers {
width:213px;
background:url(test2/fall2010/trainers_coll.jpg);
margin-left:18px;
}
a#trainers:hover {
background:url(test2/fall2010/trainers_coll_over.jpg)!important;
}
span#trainers, a.tr_on {
background:url(test2/fall2010/trainers_coll_on.jpg)!important;
}
#shoenames {
width:283px;
height:22px;
margin: 0px auto 17px;
}
#sn1, #sn2, #sn3 {
float:left;
display:block;
height:22px;
}
#sn1 a, #sn2 a, #sn3 a {
height:22px;
display:block;
}
#sn1, #sn1 a {
width:90px;
}

#sn2, #sn2 a {
width:96px;
}

#sn3, #sn3 a {
width:97px;
}
a.prime {
background-image:url(test2/fall2010/trainers/prime.jpg);
}
a.prime:hover {
background-image:url(test2/fall2010/trainers/prime_over.jpg);
}
span.prime_on {
background-image:url(test2/fall2010/trainers/prime_on.jpg);
}
a.optimus {
background-image:url(test2/fall2010/trainers/optimus.jpg);
}
a.optimus:hover {
background-image:url(test2/fall2010/trainers/optimus_over.jpg);
}
span.optimus_on {
background-image:url(test2/fall2010/trainers/optimus_on.jpg);
}
a.tuskeegee {
background-image:url(test2/fall2010/trainers/tuskeegee.jpg);
}
a.tuskeegee:hover {
background-image:url(test2/fall2010/trainers/tuskeegee_over.jpg);
}
span.tuskeegee_on {
background-image:url(test2/fall2010/trainers/tuskeegee_on.jpg);
}
a.monk {
background-image:url(test2/fall2010/artisan/monk.jpg);
}
a.monk:hover {
background-image:url(test2/fall2010/artisan/monk_over.jpg);
}
span.monk_on {
background-image:url(test2/fall2010/artisan/monk_on.jpg);
}
a.ourasi {
background-image:url(test2/fall2010/artisan/ourasi.jpg);
}
a.ourasi:hover {
background-image:url(test2/fall2010/artisan/ourasi_over.jpg);
}
span.ourasi_on {
background-image:url(test2/fall2010/artisan/ourasi_on.jpg);
}
a.padre {
background-image:url(test2/fall2010/artisan/padre.jpg);
}
a.padre:hover {
background-image:url(test2/fall2010/artisan/padre_over.jpg);
}
span.padre_on {
background-image:url(test2/fall2010/artisan/padre_on.jpg);
}

#wrapper {
width:100%;
text-align:center;
margin: 0px auto auto;
}
#contain {
clear:both;
display:block;
width:800px;
height:600px;
margin:auto;
overflow:visible;
}
#contain_wide {
clear:both;
display:block;
width:933px;
height:600px;
margin:auto;
overflow:visible;
}
#list3 {
width:817px;
margin:auto;
}
#list4 {
width:933px;
margin:auto;

}
#list2 {
width:737px;
margin:auto;
}
#list2 ul, #list3 ul,#list4 ul  {
list-style:none;
text-indent:0px;
}
#list2 ul li, #list3 ul li,#list4 ul li {
float:left;
}
#list2 ul li a, #list3 ul li a,#list4 ul li a {
display:block;
width:115px;
height:auto;
padding-bottom:15px;
}
#list2 ul li a:hover, #list3 ul li a:hover,#list4 ul li a:hover {
background:url(test2/imgs/dot.jpg) no-repeat center bottom!important;
}
.active {
cursor:default!important;
}
.active img {
  opacity: 0.5;
 }

#mimage {
display:block;
position:relative;
width:933px;
height:250px;
}
#mimage img {
position:absolute;
left:0px;
top:0px;
}

.clear {
clear:both;
position:relative;
width:100%;
display:block;
}