td {
padding:5px;	
}

tr {
padding:5px;
}

table {
margin:0 auto;	
}

.float-right {
float:right;
}

.float-left {
float:left;
}

.clear {
clear:both;
}

a:link {
text-decoration:none;
font-weight:normal
}

.padding10{
padding:10px;	
}

.text-left{
text-align:left;	
}

/*----------BODY----------*/

body {
background: #ffffff;
margin:0 auto;
text-align: center;
color:#8f7b61;
font-family: 'Josefin Slab', serif;
font-weight:600;
font-size:16px;
}
  
#outer-wrapper {
width:1024px;
margin:0 auto;
text-align: center;
}

#content-wrapper {
width:1000px;
margin-left:12px;
margin-right:12px;
text-align:left;
clear:both;
}  

#content-wrapper img {
margin: auto;	
}

.links-wrapper{
text-align:center;
color:#ffffff;
clear:both;
padding-top:10px;
padding-bottom:10px;
}

.links-wrapper a{
color:#d9a490;
text-decoration:none;
font-size:18px;
}

.links-wrapper a:hover{
color:#8f7b61;
font-size:18px;
}

/*---------HEADER---------*/
 
#header-wrapper { 
height: 256px;
width:1024px;
background: url(../images/top.jpg) no-repeat;
margin:0 auto;
text-align: center;
} 

#logo-wrapper {
width:500px;
height:256px;	
float:left;
}


#cart-wrapper{
float:right;
width: 163px;
text-align:right;
margin-right:40px;
margin-top:20px;
}

#cart-wrapper img{
width:163px;	
}



/*----------FOOTER----------*/

#footer {
clear:both;
margin:auto;
text-align:center;
width:1024px;
height:205px;
background:url(../images/boxes.jpg);
padding-bottom:10px;
}

.boxes {
width:300px;
height:200px;
float:left;
margin-left:10px;
}

#icon-wrapper {
float:right;
width:300px;
margin-top:125px;	
}

.icon {
float:right;
width:40px;
padding-right:5px;
}

#search-wrapper{
width:175px;
margin-top:125px;
margin-left:75px;	
}

/*----------LEGAL---------*/  

#legal {
clear: both;
margin: 0;
text-align: center;
font-size: 10px;
padding-bottom:10px;
}



/*----------SLIDESHOW---------*/

#slideshow {
position:relative;
height:500px;
width:800px;
}

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

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {


#header-wrapper { 
height: 256px;
width:1024px;
background-image: url(../images/top@2x.jpg);
background-size: 1024px 256px;
margin:0 auto;
} 

#footer{
width:1024px;
height:205px;
margin:auto;
background-image: url(../images/boxes@2x.jpg);
background-size: 1024px 205px;
clear:both;	
}	
}