@charset "UTF-8";
body {
	background-image: url(images/site_bg.jpg);
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #44372c;
}
img{
	border: none;
}
a{
	color: #44372c;
	text-decoration: underline;
}
strong{
	color: #fff;
	font-weight: normal;
}
.clear{
	clear: both;
}
h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
	letter-spacing: 0.1em;
	margin-top: 10px;
}
#top{
	height: 100px;
	width: 960px;
	margin: 0 auto;
}
#footer-home{
	width: 960px;
	margin: 0 auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #3c3c3c;
	line-height: 20px;
	letter-spacing: 1px;
}
#footer{
	width: 960px;
	margin: 0 auto;
	margin-top: 19px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #3c3c3c;
	line-height: 20px;
	letter-spacing: 1px;
}
#logo{
	float: left;
	margin-top: 20px;
}
#pic-top{
	width: 438px;
	height: 15px;
	background-image: url(images/pic_top.png);
	float: right;
	margin-top: 85px;
}
#pic-bottom{
	width: 438px;
	height: 19px;
	background-image: url(images/pic_bottom.png);
	float: right;
}
#main{
	margin: 0px;
	background-image:url(images/bg.jpg);
	height: 473px;
}
#container{
	width: 960px;
	margin: 0 auto;
}
#footer-left{
	float: left;
}
#footer a, #footer-home a{
	color: #5a483a;
}
#footer-right{
	float: right;
	margin-right: 5px;
	text-align: right;
	margin-left: 20px;
	margin-top: 0px;
}

/*NAV*/
#nav{
	width: 160px;
	height: 385px;
	padding-right: 25px;
	border-right: 1px solid #7d7d7d;
	float: left;
	margin-top: 40px;
	padding-top: 20px;
}
#nav ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	float: right;
}
#nav ul li{
	width: 145px;
	height: 40px;
}
#nav ul li a{
	width: 145px;
	height: 40px;
	display: block;
	text-decoration: none;
	outline: none;
}
#nav ul li a:hover{
	background-position: 0 -40px;
}
a.home{
	background-image: url(images/nav/nav_home.png);
}
a.homecurrent{
	background-image: url(images/nav/nav_home.png);
	background-position: 0 -40px;
}
a.gowns{
	background-image: url(images/nav/nav_gowns.png);
}
a.gownscurrent{
	background-image: url(images/nav/nav_gowns.png);
	background-position: 0 -40px;
}
a.shoes{
	background-image: url(images/nav/nav_shoes.png);
}
a.shoescurrent{
	background-image: url(images/nav/nav_shoes.png);
	background-position: 0 -40px;
}
a.maids{
	background-image: url(images/nav/nav_maids.png);
}
a.maidscurrent{
	background-image: url(images/nav/nav_maids.png);
	background-position: 0 -40px;
}
a.accessories{
	background-image: url(images/nav/nav_accessories.png);
}
a.accessoriescurrent{
	background-image: url(images/nav/nav_accessories.png);
	background-position: 0 -40px;
}
a.about{
	background-image: url(images/nav/nav_about.png);
}
a.aboutcurrent{
	background-image: url(images/nav/nav_about.png);
	background-position: 0 -40px;
}
a.contact{
	background-image: url(images/nav/nav_contact.png);
}
a.contactcurrent{
	background-image: url(images/nav/nav_contact.png);
	background-position: 0 -40px;
}

/*MAIN BOX*/
#main-box{
	width: 259px;
	height: 385px;
	margin-left: 20px;
	margin-top: 40px;
	background-image: url(images/mainbox.png);
	float: left;
	line-height: 18px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#main-box1{
	width: 259px;
	height: 410px;
	margin-left: 20px;
	margin-top: 40px;
	background-image: url(images/mainbox-1.png);
	float: left;
	line-height: 18px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
/*SLIDESHOW*/
#slideshow-box{
	width: 357px;
	height: 421px;
	float: right;
	background-image: url(images/slideshow_box.png);
	padding-top: 52px;
	padding-left: 81px;
}
#slideshow {
    position:relative;
    height: 365px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
/*COVER FLOW*/
#cover-box{
	width: 754px;
	height: 311px;
	background-image: url(images/coverflow_box.png);
	float: right;
	margin-top: 35px;
}

#subnav{
	text-align: center;
	float: right;
	margin-top: 5px;
	width: 754px;
}
#subnav ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px auto;
	width: 460px;
	text-align: center;
	letter-spacing: 1px;
}
#subnav ul li{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #606060;
}
#subnav ul li.last{
	border-right: none;
}
#subnav ul li a{
	color: #858585;
	text-decoration: none;
}
#subnav ul li a:hover, #subnav ul li a.current{
	color: #606060;
	text-decoration: underline;
}
#description{
	width: 734px;
	float: right;
	margin-top: 20px;
	line-height: 18px;
	padding: 0 10px;
}

.brown{
	font-size: 13px;
	color: #44372c;
	font-weight: normal;
}
#social{
	float: right;
	margin-top: 10px;
}
#facebook{
	width: 35px;
	height: 35px;
	background-image: url(images/share_facebook.png);
	float: right;
	margin-left: 20px;
}
#facebook:hover{
	background-position: center bottom;
}
#facebook a{
	line-height: 35px;
	display: block;
	text-decoration: none;
}
#twitter{
	width: 35px;
	height: 35px;
	background-image: url(images/share_twitter.png);
	float: right;
}
#twitter:hover{
	background-position: center bottom;
}
#twitter a{
	line-height: 35px;
	display: block;
	text-decoration: none;
}