/* ---------- GENERAL ---------- */
body {margin:0px; background-color:#5e8ce9; text-align:center}
a {text-decoration:none; color:black; outline:none}
p.paragraph {padding: 0 15px}

/* ---------- MAIN ---------- */
div.main {background-color:antiquewhite; width:72%; margin:auto; border-style:solid; border-color:darkblue; border-width: 0 10px; text-align:left; position:relative}
div.toplogo {background-image: url("images/top3587.jpg"); background-repeat:no-repeat; height:300px; margin: 0 auto; color:white; position:relative}
div.toplogo a {color:white}
div.toplogo p.top {height:55px; font-size:40px; text-align:center; font-family:tempus sans itc}
div.toplogo p.bottom {width:100%; height:25px; line-height:25px; font-size:20px; position:absolute; bottom:0; text-align:right}

/* ---------- BORDERS ---------- */
div.leftborder, div.rightborder {background-repeat:repeat-y; width:20px; position:absolute; top:0}
div.leftborder {background-image: url("images/leftborder.png"); left:-28px}
div.rightborder {background-image: url("images/rightborder.png"); right:-28px}

/* ---------- TOP BANNER ---------- */
div.banner {background-color:gold; width:95%; margin:auto; padding:8px; border: solid red 3px; text-align:center}

/* ---------- FOOTER ---------- */
div.footer {background-color:beige; margin: 15 auto; text-align:center; font-family:Tw Cen MT; font-weight:bold; padding:5px; border-style:solid; border-color:gold; border-width: 5 0; clear:both}
img.footer {width:60px; height:60px; float:left; margin-right:20px}

/* ---------- HOME ---------- */
div.imagesbox {width:60%; margin: 0 auto}
table.imagesbox {margin: 0 auto}
table.imagesbox div {background-repeat:no-repeat; width:200px; height:200px; vertical-align:top}
div.imagesbox {background-color:orange}
div.imagesbox div {background-repeat:no-repeat; width:200px; height:200px; vertical-align:top}
.image1 {background-image: url("images/DSC01015sm.jpg")}
.image2 {background-image: url("images/coffeeblue7.jpg")}
.image3 {background-image: url("images/barncupboardbutton.jpg")}
.image4 {background-image: url("images/parchessi1746sm.jpg")}
.image5 {background-image: url("images/DSC00334sm.jpg")}
.image6 {background-image: url("images/hutchblue3527.jpg")}
.image7 {background-image: url("images/signfamilysm3705.jpg")}
.image8 {background-image: url("images/horsebutton.jpg")}
.image9 {background-image: url("images/barnmirrorbutton.jpg")}

/* ---------- PRODUCTS PAGES ---------- */
h1.products {font-weight:bold; border-style:solid; border-color:black; border-width: 0 0 3 0; margin-left:10px; font-family:tempus sans itc; font-weight:bold}
p.products {margin-left:5px}
div.productsbigbox {width:100%; margin:auto; text-align:center}
table.producttable {width:100%}
table.producttable td {text-align:center; vertical-align:middle}
table.producttable td.left {width:50%}
table.producttable td.right {width:50%}
div.productbox {background-image: url("images/greengradient.jpg"); background-repeat:repeat-x; background-color:#669966; width:48%; float:left; border: solid black 2px; 
margin: 5px 1%; display:table-cell; height:100%}
div.prodrow {margin-bottom:5px; display:table}
div.leftprod {margin-left:1%; margin-right:1%}
div.rightprod {margin-left:0; margin-right:0%}

div.productbox:hover {background-image: url("images/silvergradient.jpg"); background-color:silver}
div.productbox img {width:200px}
div.prodbox {background-color:lightblue; width:350px; padding:10px; display:table-cell; vertical-align:top}
div.hprodbox:hover {background-color:blue}
div.prodtitle {margin:10px; padding:5px; font-size:20px}
div.prodtitle a {font-size:20px}
div.prodtitle a:hover {text-decoration:underline}
p.prodname {margin:0; padding:0; padding-top:12px; text-align:left; text-indent:15px; font-size:18px}
div.sold {width:75%; margin:auto; font-size:30px; font-weight:bold; border: dotted darkgreen; border-width: 3px 0}

/* ---------- TOP LINKS ---------- */
span.toplink {margin-right:10px}
span.toplink:hover {border-bottom: solid 1px gold}

/* ---------- WOOD LINKS ---------- */
div.woodbar {background-image: url("images/pinewallstrip.png"); height:50px; margin: 7px 0; border: solid black; border-width: 5px 0}
div.woodlinks {padding: 7px 0; text-align:center; margin-top:6px}
div.woodlink {font-size:14px; font-family:Arial; font-weight:bold; color:black; padding:2px; display:inline; margin-top:10px; margin-right:2px}
a:hover div.woodlink {border-bottom: solid 1px white}

div.homebigbox {margin:auto}
div.homebox {width:250px; display:table-cell; padding: 5px 18px}
div.homeboxtop {background-image: url("images/purplegradientup.jpg"); background-repeat:repeat-x; width:250px; height:30px}
div.homeboxtitle {background-color:#8960EC; text-align:center; font-size:17px; margin:0}
div.homeboxbody {background-image: url("images/purplegradientup.jpg"); background-repeat:repeat-x; padding:5px; padding-top:35px; border: solid #BCEE68 2px; border-top-width:0px}

/* ---------- HOME PAGE ---------- */
div.homemenu {text-align:center}