@charset "UTF-8";
/* ZED & BEE CSS Document */

body{
background-image: url(images/bg.gif);
font-family:Georgia, "Times New Roman", Times, serif;
}


#content_holder{
width: 835px;
margin:auto;
margin-top: 55px;
}

#header{
width:827px;
background-color:#FFFFFF;
padding: 4px;
text-align:center;
margin:auto;
margin-bottom: 10px;
}
#header_inside{
border:solid 1px #ffd400;
padding:20px;
}

#content{
width:827px;
background-color:#FFFFFF;
padding: 4px;
text-align: center;
margin:auto;
}

div.iframecopy {
width: 405px;
height: 280px;
overflow: auto;
}

#content_inside{
border:solid 1px #ffd400;
padding:15px;
}

.navigation{
text-align: center;
width:620px;
height:12px;
margin:auto;
margin-bottom: 16px;
}

.input{
background-color: #fdfdfd;
border: solid 1px #cccccc;
padding: 4px;
font-family: Georgia;
font-size: 11px;
color: #000;
width: 180px;
}

#content_body{
width:795px;
margin-bottom: 20px;

}

.img{
margin-right: 20px;
}

.content_text{
width:405px;
padding-top: 30px;
text-align: left;
}

.table_text{
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}

.content_bespoke{
width:795px;
text-align:left;
border-top: solid 1px #d6d6d6;
border-bottom: solid 1px #d6d6d6;
padding-top: 10px;
padding-bottom: 10px;
}
.nav_bespoke{
width: 795px;
text-align:center;
}



/* TYPOGRAPHY */

.font-footer{
font-size:10px;
color:#999999;
}
.font-footer2{
font-size:12px;
color:#999999;
}
.font-body{
font-size:11px;
color:#333;
line-height: 16px;
}




/* LINKS */

a.link_footer{
font-size: 10px;
color:#999999;
text-decoration:none;
}
a:hover.link_footer{
font-size: 10px;
color:#333333;
text-decoration: none;
}
a.link_body{
font-size:11px;
color:#333;
line-height: 20px;
text-decoration:none;
font-weight:bold;
}
a:hover.link_body{
font-size:11px;
color:#333;
line-height: 20px;
text-decoration:underline;
font-weight:bold;
}

a.navbespoke{
text-decoration: none;
margin-right: 20px;
}



/* NAVIGATION ROLLOVERS */

a.rolloverAbout {
float:left;
display: block;
width: 57px;
height: 12px;
text-decoration: none;
background: url("images/nav-about.gif");
background-repeat:no-repeat;
margin-right: 20px;
}
a.rolloverAbout:hover {
background-position: -57px 0;
}
a.navcurrent{
float:left;
display: block;
text-decoration: none;
margin-right: 20px;
}

a.rolloverBespoke {
float:left;
display: block;
width: 77px;
height: 12px;
text-decoration: none;
background: url("images/nav-bespoke.gif");
background-repeat:no-repeat;
margin-right: 20px;
}
a.rolloverBespoke:hover {
background-position: -77px 0;
}

a.rolloverBoutique {
float:left;
display: block;
width: 88px;
height: 12px;
text-decoration: none;
background: url("images/nav-boutique.gif");
background-repeat:no-repeat;
margin-right: 20px;
}
a.rolloverBoutique:hover {
background-position: -88px 0;
}

a.rolloverProcess {
float:left;
display: block;
width: 75px;
height: 12px;
text-decoration: none;
background: url("images/nav-process.gif");
background-repeat:no-repeat;
margin-right: 20px;
}
a.rolloverProcess:hover {
background-position: -75px 0;
}


a.rolloverPraise {
float:left;
display: block;
width: 61px;
height: 12px;
text-decoration: none;
background: url("images/nav-praise.gif");
background-repeat:no-repeat;
margin-right: 20px;
}
a.rolloverPraise:hover {
background-position: -61px 0;
}


a.rolloverBlog {
float:left;
display: block;
width: 45px;
height: 12px;
text-decoration: none;
background: url("images/nav-blog.gif");
background-repeat:no-repeat;
margin-right: 20px;
}
a.rolloverBlog:hover {
background-position: -45px 0;
}

a.rolloverContact {
float:left;
display: block;
width: 77px;
height: 12px;
text-decoration: none;
background: url("images/nav-contact.gif");
background-repeat:no-repeat;
margin-right: 20px;
}
a.rolloverContact:hover {
background-position: -77px 0;
}



/* HOME SLIDER */

#slideshow {
    position:relative;
    height:385px;
}

#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;
}