* { margin: 0; padding: 0; }
body { background: #f0ede9 url(images/bg.gif); text-align: center; font: 100%/1.4 Georgia, "Times New Roman", Times, serif; color: #6a6a6a; }

#header { background-color: #5d4726; width: 100%; } 
img#logo { background: #5d4726 url(images/header-bg.jpg) top center no-repeat; padding: 8px 490px 15px 20px; float: none; margin: 0; }

#wrapper { margin: 0 auto 20px; text-align: left; width: 748px; background-color: white; padding: 35px 20px 20px; position: relative; }

#nav { position: absolute; top: -14px; right: 24px; }
#nav ul { height: 28px; float: right; }
#nav li { background-color: rgb(140,198,63);float: left; list-style: none; font-size: 90%; font-weight: bold; height: 24px; padding: 3px 14px 0 0; }
#nav li.first { background: url(images/nav-bg-left.gif) top left no-repeat; padding-left: 14px;}
#nav li.end { background: url(images/nav-bg-right.gif) top right no-repeat; }
#nav li a { background-color: rgb(140,198,63); text-decoration: none; color: #6c5735; }
#nav li a:hover { color: white; }
#nav li.active a { color: white; }

#localnav { border-top: 10px solid rgb(140,198,63); padding: 10px; background-color: #eef2e9; }
#localnav li { list-style: none; font-size: 90%; font-weight: bold; line-height: 1.2;}
#localnav li ul { padding-bottom: 8px; }
#localnav li li { padding-left: 10px; font-size: 100%; font-weight: normal; }
#localnav a { text-decoration: none; }
#localnav li.active a { font-weight: bold; color: #ab9677; }
#localnav li.active li a { font-weight: normal;}
#localnav li ul li ul { padding-bottom: 0; }

#banner { width: 748px; margin-bottom: 18px; }
#banner li { list-style: none; text-indent: -5000px; float: left; }
#banner li#indoors a {display: block; background-image: url(images/indoors.jpg); width: 375px; height: 179px; } 
#banner li#outdoors a {display: block; background-image: url(images/outdoors.jpg); width: 372px; height: 179px; margin-top: 27px;}
#banner li a { background-position: 0 0; }
#banner li a:hover { background-position: 0 -179px; }

#column-1 { display: inline; float: left; margin: 0 22px 14px 0; }
#column-2 { display: inline; float: left; margin: 0 0 14px 0; }

#homecontent #column-1 { width: 486px; }
#homecontent #column-2 { width: 240px; padding-top: 23px;  }

#content #column-1 { width: 200px; }
#content #column-2 { width: 526px; }

li.one, li.two, li.three { list-style: none; margin: 16px 0; float: left; padding: 0; }
li.one a, li.two a, li.three a { display: block; width: 165px; height: 165px; text-indent: -999em; }
li.one a, li.two a { margin-right: 15px; }


li#item-beds a { background: url(images/beds-box.jpg) }
li#item-tables a { background: url(images/tables-box.jpg) }
li#item-bedside a { background: url(images/bedside-box.jpg) }
li#item-pyramid a { background: url(images/pyramid-box.jpg) }
li#item-bespoke a { background: url(images/bespoke-box.jpg) }
li#item-flowers a { background: url(images/flowers-box.jpg) }
li#item-railings a { background: url(images/railings-box.jpg) }
li#item-sundial a { background: url(images/sundial-box.jpg) }

a { color: #6c5735;  outline: none;}
a:hover { color: #ab9677; }

a img { border: 0; }

h2 { color: rgb(93,71,38); text-transform: lowercase; font-size: 120%; margin-bottom: 3px;}
#column-2 h2 { color: rgb(140,198,63); }
h2#latest-projects { color: rgb(140,198,63); margin: 16px 0 7px; } 
h3 { color: rgb(93,71,38); font-size: 90%; margin-bottom: 0px; }
#column-2 p, #column-2 ul, #column-2 ol { font-size: 80%; margin-bottom: 10px; }
#homecontent #column-1 p { font-size: 85%; margin-bottom: 10px; }
ol { margin-left: 20px; }
img { float: right; margin: 5px 0 6px 8px;}

ul.buttons { list-style: none; margin-bottom: 36px;  }
ul.buttons li a { display: block; width: 528px; height: 101px; text-indent: -999em; margin: 16px 0 4px; }
ul.buttons li#o_sculpture a { background: url(images/o_sculpture.jpg) top left no-repeat; } 
ul.buttons li#o_furniture a { background: url(images/o_furniture.jpg) top left no-repeat; } 
ul.buttons li#i_sculpture a { background: url(images/i_sculptures.jpg) top left no-repeat; } 
ul.buttons li#i_furniture a { background: url(images/i_furniture.jpg) top left no-repeat; } 
ul.buttons li#i_lighting a { background: url(images/i_lighting.jpg) top left no-repeat; } 

#column-2 .image { background: url(images/brown-stripes.gif); float: right; margin: 0 0 10px 10px; padding: 3px;  }
#column-2 .image img { float: none; margin: 0 0 5px;}
#column-2 .image p { margin: 0; color: white; line-height: 1.1; }
#column-2 .image p.morepics { text-align: right; line-height: 1.4; margin:0; }
#column-2 .image p.morepics a { background: url(images/camera2.gif) top right no-repeat; padding-right: 30px; text-align: right; display: block; height: 16px; text-decoration: none; color: white; margin-bottom: 4px; }
#column-2 .image p.morepics a:hover { color: #ab9677; }

table { background-color: #f3f2ef; width: 100%; font-size: 80%; clear: both; }
th { width: 30%; padding: 2px 3px 2px 10px; border-bottom: 1px solid #e3e3e3; text-align: left;vertical-align: top;}
td { padding: 2px 3px 2px 10px; border-bottom: 1px solid #e3e3e3; vertical-align: top;}

p.back { position: absolute; left: -5000px; margin: 10px 0 0; text-align: right; }
p.back a { background: #6c5735 url(images/backarrow.gif) 4px center no-repeat; color: white; padding: 1px 3px 1px 15px; text-decoration: none; } 
p.back a:hover { background-color: #ab9677; color: white; }

p.contactdetails { background: url(images/baskets.jpg) top left no-repeat; padding-top: 140px; font-size: 1em; }
p.quote { font-size: 1em; font-style: italic; background: url(images/quote.gif) top left no-repeat; padding: 5px; }
p.quote span { font-style: normal; display: block; margin-top: 5px; color: #6c5735; }

img.thanks { margin-bottom: 10px; }
#popular-items { background: #f3f2ef url(images/spider-bg.jpg) top left no-repeat; padding: 12px 15px; margin-bottom: 12px; }
#popular-items img { float: none; margin: 0 0 6px; }
#popular-items h3 { margin: 10px 0 6px; }
#popular-items h3 a { text-decoration: none; color: #6a6a6a; }
#popular-items h3 a:hover { color: #abaaaa; }

#footer { clear: both; border-top: 1px solid #f0ede9; padding-top: 14px;  }
#footer p { text-align: right; margin: 0; }
#footer a { text-decoration: none; }
#footer a span { color: rgb(140,198,63); }

form { margin-top: 30px; border-bottom: 8px solid #ebebeb; }

fieldset { padding: 10px; margin: 0; background-color: #f7f7f7; border: 0; border-top: 8px solid #ebebeb; }

legend { font-size: 1.3em; color: white; padding: 2px 7px; font-weight: bold; background-color: #6c5735; }
input, label, textarea { float: left; margin-bottom: 8px; border: 2px solid #ccc; padding: 2px 3px; font: 0.9em/1.2 Georgia, "Times New Roman", Times, serif; width: 240px;}

form p { font: 0.9em/1.4 Georgia, "Times New Roman", Times, serif; padding: 0 3px; }

input.submit { margin-left: 150px; width: auto;}
input.hide { display: none; }

label { width: 144px; border: 0; }

/*FLOAT CLEARING*/

.cf:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0px;
}

a.hide { position: absolute; left: -5000px; }