@charset "utf-8";
/* CSS Document */

/* BODY & CONTAINER */

body {
background-color: #FFFFFF;
color: #73604f;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

#wrapper {
width: 848px;
background-image: url(images/container_bg.png);
background-repeat:repeat-y;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
margin-bottom: -20px;
}

#container {
width: 800px;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
padding: 0px 24px 0px 24px;
}

/* UNBORDER IMAGE LINKS */

a img {
border: 0;
}

img {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

/* HEADER */

#header {
width: 100%;
height: 100px;
padding: 20px 0 0 0;
background-color:#FFFFFF;
clear:both;
}

#header a {
color: #B39F8E;
border-bottom: 1px dotted #4F4135;
}

#header img {
float: left;
padding: 0 0 0 15px;
}

#header .right_side {
float: right;
width: 317px;
background-image:url(images/finest.jpg);
background-repeat:no-repeat;
background-position: top right;
color: #73604f;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:right;
margin: 40px 15px 0 0;
padding: 15px 2px 0 0;
}

/*----------------------------------------------------------------------------- IMAGES ON HOME PAGE (jquery) */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 771px; 
    height:328px; 
	margin: 0 auto;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
#images { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 

#images div { 
width: 771px;
float:left; 
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
font-weight: bold;
text-align:center;
background-position: top left;
background-repeat: no-repeat;
position: relative;
} 

#images div.textbox {
position: absolute;
top: 200px;
right: 0px;
padding: 5px 10px 5px 10px;
background-color: #73604f;
text-align: left;
width: 400px;
height: 56px;
font-family:Arial, Helvetica, sans-serif;
vertical-align: middle;
}

#images div.textbox a {
color: #FFFF99;
}

#images div.textbox a:hover  {
color: #A89380;
}

html>body #images div.textbox {
position: absolute;
top: 200px;
right: 0px;
padding: 5px 10px 5px 10px;
background-color: #73604f;
text-align: left;
width: auto;
height: auto;
max-width: 400px;
min-height: 56px;
font-family:Arial, Helvetica, sans-serif;
vertical-align: middle;
}

#images div.textbox h1 {
font-size: 24px;
color: #FFFFFF;
font-weight: normal;
line-height: 12px;
}

#images div.textbox p {
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
}


#images div.slide1 {
background-image:url(images/scrollable/sock_bouqet.jpg);
height: 328px;
}

#images div.slide2 {
background-image:url(images/scrollable/boo_boo_bunnies.jpg);
height: 328px;
}

#images div.slide3 {
background-image:url(images/scrollable/invites.jpg);
height: 328px;
}

#images div.slide4 {
background-image:url(images/scrollable/poem.jpg);
height: 328px;
}

#images div.slide5 {
background-image: url(images/scrollable/flower_socks.jpg);
height: 328px;
}

 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


/* ------------------------------------------------------------------------------------------CONTENT */
#gallery{
width: 756px;
margin: 0 auto;
}

#gallery a img{
padding: 5px;
border: 0px;
}

/* --------------------------------------------------------------------TEXT HEADERS */

h1 {
color: #73604f;
font-size: 24px;
padding-bottom: 3px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: -10px;
}

#content {
width: 100%;
height: 275px;
background-color: #FFFFFF;
}

/* COLUMNS */

.left_column{
float: left;
padding: 0 15px;
width: 235px;
}

.left_column a{
border-bottom: 1px dotted #4F4135;}

.middle_column {
width: 217px;
height: 275px;
float: left;
padding-right: 15px;
}

.middle_column a{
border-bottom: 1px dotted #4F4135;}

.middle_column img {
border: 1px solid #cdc0b3;
margin: 0 10px 10px 0;
}

.right_column {
width: 287px;
height: 265px;
float: left;
background-image: url(images/thoreau_quote.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}

.right_column a{
border-bottom: 1px dotted #4F4135;}

a {
color: #4F4135;
text-decoration:none;
}

a:hover {
color: #A89380;
}

.light {
color: #A89380;
margin-top: -10px;
}

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

#footer {
width: 100%;
height: 60px;
background-image: url(images/footer.jpg);
text-align: right;
font-size: 11px;
letter-spacing: 0px;
}

#footer a {
text-decoration:underline;
color: #73604f;
}

#footer p {
padding: 5px 15px 0 0;
}