/* CSS Document */
body{
background-color: #C9BFD4;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #340065;
margin: 0;
padding: 0;
font-size: 11px;
text-align: center; 
}
#wrapper{
width: 770px;
height: 550px;
margin: 10px auto 0 auto;
padding: 0;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #340065;
}
/* banner */
#banner{
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 770px;
height: 119px;
}
.clearit{
clear: both;
display: block;
}
.clearright{
clear: right;
}
.clearleft{
clear: left;
display: block;
}
#nav{
margin: 0;
padding: 0;
float: left;
width: 165px;
}

/* orderbutton */
.order{
background-image: url(images/order_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 27px;
}
.order a {
display: block;
width: 165px;
height: 27px;
background: transparent url(images/order.jpg) no-repeat;
}
.order a:hover {
background-position: -165px 0;
}
.orderpage{
background-image: url(images/order_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 27px;
}
.orderpage a {
display: block;
width: 165px;
height: 27px;
background: transparent url(images/order_ov.jpg) no-repeat;
}
.orderpage a:hover {
background-position: -165px 0;
}
/* wholesalebutton */
.wholesale{
background-image: url(images/wholesale_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 24px;
}
.wholesale a {
display: block;
width: 165px;
height: 24px;
background: transparent url(images/wholesale.jpg) no-repeat;
}
.wholesale a:hover {
background-position: -165px 0;
}
.wholesalepage{
background-image: url(images/wholesale_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 24px;
}
.wholesalepage a {
display: block;
width: 165px;
height: 24px;
background: transparent url(images/wholesale_ov.jpg) no-repeat;
}
.wholesalepage a:hover {
background-position: -165px 0;
}
/* otheritemsbutton */
.otheritems{
background-image: url(images/otheritems_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 24px;
}
.otheritems a {
display: block;
width: 165px;
height: 24px;
background: transparent url(images/otheritems.jpg) no-repeat;
}
.otheritems a:hover {
background-position: -165px 0;
}
.otheritemspage{
background-image: url(images/otheritems_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 24px;
}
.otheritemspage a {
display: block;
width: 165px;
height: 24px;
background: transparent url(images/otheritems_ov.jpg) no-repeat;
}
.otheritemspage a:hover {
background-position: -165px 0;
}
/* contactbutton */
.contact{
background-image: url(images/contact_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 25px;
}
.contact a {
display: block;
width: 165px;
height: 25px;
background: transparent url(images/contact.jpg) no-repeat;
}
.contact a:hover {
background-position: -165px 0;
}
.contactpage{
background-image: url(images/contact_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 25px;
}
.contactpage a {
display: block;
width: 165px;
height: 25px;
background: transparent url(images/contact_ov.jpg) no-repeat;
}
.contactpage a:hover {
background-position: -165px 0;
}
/* homebutton */
.home{
background-image: url(images/home_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 24px;
}
.home a {
display: block;
width: 165px;
height: 24px;
background: transparent url(images/home.jpg) no-repeat;
}
.home a:hover {
background-position: -165px 0;
}
.homepage{
background-image: url(images/home_ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 24px;
}
.homepage a {
display: block;
width: 165px;
height: 24px;
background: transparent url(images/home_ov.jpg) no-repeat;
}
.homepage a:hover {
background-position: -165px 0;
}
.undernav{
background-image: url(images/undernav.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 165px;
height: 284px;
}
/* content */
#content{
margin-left: 165px;
}
#content p{
font-size: 100%;
margin: 0;
padding: 0;
}
.dress{
width: 241px;
height: 302px;
margin: 0;
padding: 0;
float: left;
}
.text{
background-image: url(images/text.jpg);
background-repeat: no-repeat;
width: 364px;
height: 302px;
margin: 0;
padding: 0;
float: right;
}
#text{
margin: 0;
padding: 0;
}
#text p{
margin: 0;
padding: 0 24px 0 24px;
line-height: 24px;
}
#dresses{
background-image: url(images/dresses.jpg);
background-repeat: no-repeat;
width: 605px;
height: 105px;
margin: 0;
padding: 0;
float: left;
}
#dresses p{
margin: 0;
padding: 0 -24px 0 -24px;
}
.dress02{
margin: 0;
padding: 0;
border: none;
width: 71px;
height: 92px;
float: left;
}
.dress03{
margin: 0;
padding: 0 0 0 14px;
border: none;
float: left;
width: 71px;
height: 92px;
}

/* footer */
#footer{
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
width: 770px;
height: 23px;
margin: 0;
padding: 0;
}
/* legal */
#legal{
width: 100%;
margin: 0;
padding: 0;
}
#legal p{
margin: 12px 0 0 0;
padding: 0;
font-size: 100%;
}
#legal a:hover{
color: #3F548A;
}