/* Paul Deakin furniture CSS MJC thisLiquidSpace 2006 */
html {
overflow: -moz-scrollbars-vertical;
}

body {
text-align: center;
font-size: 85%;
color: #78605C;
background-color: #FAFAF9;
}

h1 {
font-family: "Trebuchet MS", Helvetica, sans-serif;;
font-size: 154%;
color: #78605C;
margin: 0 0 10px 0;
_margin: 0 0 0 0;
border-bottom: 1px solid #9DCD5A;
}
h2 {
font-family: "Trebuchet MS", Helvetica, sans-serif;;
font-size: 121%;
color: #78605C;
}
h3 {
font-size: 85%;
color: #78605C;
}
a:link {
color: #5C802C;
background-color: inherit;
text-decoration: none;
}
a:visited {
color: #5C802C;
background-color: inherit;
text-decoration: none;
}
a:hover {
color: #5C802C;
background-color: inherit;
text-decoration: underline;
}
a:active {
color: #5C802C;
background-color: inherit;
text-decoration: underline;
}

#main {
/* center aligns box */
margin: 0 auto;
/* corrects for center in body */
text-align: center;
width: 760px;
border: 0px solid black;
}

/* Header START */
#header {
height: 119px;
width: 760px;
border: 1px solid #FAFAF9;
background-color: #FAFAF9;
}
#header a:link, .footer a:link {
color: #5C802C;
background-color: transparent;
text-decoration: none;
}
#header a:visited, .footer a:visited {
color: #5C802C;
background-color: transparent;
text-decoration: none;
}
#header a:hover, .footer a:hover {
color: #5C802C;
text-decoration: underline;
background-color: transparent;
}
#header a:active, .footer a:active {
color: #5C802C;
background-color: transparent;
text-decoration: none;
}
#header img#logo {
float: left;
border: 0;
margin: 23px 0 0 10px;
}
#header img#strapline {
clear:right;
float: right;
margin: 28px 41px 0 0;
}
/* Site menu START */
ul#sitemenu {
float: right;
display: inline;
list-style: none;
font-size: 122%;
padding: 0;
margin: 63px 20px 0 0;
}
ul#sitemenu li {
display: inline;
border: 0px solid white;
float: left;
margin: 0 10px 0 10px;
}
ul#sitemenu li a img {
border: 0;
padding: 0;
margin: 0;
text-decoration: none;
border: 1px solid #FAFAF9;
}
ul#sitemenu li a:link img{
border: 1px solid #FAFAF9;
text-decoration: none;
}
ul#sitemenu li a:visited img{
text-decoration: none;
}
ul#sitemenu li a:hover img{
border: 1px solid #fff;
text-decoration: none;
}
ul#sitemenu li a:active img{
text-decoration: none;
}
ul#sitemenu li a:link {
text-decoration: none;
}
ul#sitemenu li a:visited {
text-decoration: none;
}
ul#sitemenu li a:hover {
text-decoration: underline;
}
ul#sitemenu li a:active {
text-decoration: none;
}
/* Site menu END */
/* Header END */
/* Content START */
#content,
#flexiContent {
border: 1px solid #FAFAF9;
color: #78605C;
background: #FAFAF9 url("../img/background-big.gif") top right no-repeat;
text-align: left;
margin: 0;
padding: 30px;
_padding: 24px 30px 24px 30px;
}
#content {
width: 700px;
_width: 700px;
}
#flexiContent {
width: 700px;
_width: 700px;
}
#content p{
_margin: 10px 0 10px 0;
}
#columnOne {
position: relative;
left: -386px;
width: 308px;
border: 0px solid blue;
float: left;
padding-top: 15px;
}
#columnOne h2 {
margin: 30px 0 17px 0;
padding: 20px 0 0 0;
clear: both;
}
#columnOne h2#topTitle {
border-top: 0px solid #76837D;
margin: 0 0 17px 0;
padding: 0px 0 0 0;
border: 0px solid red;
}
#columnOne h3 {
margin: 0 0 10px 0;
padding: 0;
border: 0px solid blue;
}
#columnOne h3 a {

}

#columnTwo {
position: relative;
left: 310px;
width: 388px;
border: 0px solid blue;
float: left;
padding-top: 28px;
}
#columnTwo h2 {
margin: 5px 0 0 0;
padding: 0;
}
#columnTwo h2.topTitle {
font-size: 167%;
font-family: "Trebuchet MS", Helvetica, sans-serif;
border-bottom: 1px solid #76837D;
}

/* Home page styles START */
.furniture {
padding: 0;
margin: 0 0 0px 0;
height: 100px;
width: 100%;
border: 0px solid red;
text-align: center;
clear: right;
}
.furniture a img {
/*filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0; */
}
ul.iconRow {
display: inline;
margin: 0 auto;
padding: 0;
}
ul.iconRow li {
margin: 0 15px 5px 0;
padding: 0;
list-style: none;
float: left;
}

.furnitureIcon {
margin: 0;
border: 1px solid #5C802C;
}
.furnitureIcon a:hover, .furnitureIcon a:visited {
margin: 0;
border: 1px solid #9DCD5A;
}

.blank img {
border: 1px solid #fff;
}
.leftIcon {
float: left;
}
.centerIcon {
float: left;
margin: 0 0 0 230px;
}
.rightIcon {
float: right;
}
.leftCentreIcon  {
float: left;
margin: 0 0 0 155px;
}
.rightCentreIcon  {
float: right;
margin: 0 155px 0 0;
}
.storybox {
border-top: 1px solid #76837D;
border-bottom: 0px solid #76837D;
margin-bottom: 40px;
}
#topstorybox {
border-top: 0px solid #76837D;
margin-top: 20px;
/*
font-weight: normal;
font-size: 129%;
border: 1px solid #EAF1E1;
background-color: #F5F9EF;
padding: 0 10px;
*/
}
/* Home page styles END */

/* Contact us STLES START */
#address, #contacts {
margin: 0px 0 0 0;
}
/* Contact us STLES START */

/* Item page styles START */
.textbox {
float: left;
margin: 0;
padding:  0 0 5px;
border: 0px solid green;
}
.textbox p {
margin-top: 0px;
_margin-top: 15px;

}
.textbox img.floatleft,
.textbox img.floatright {
border: 1px solid #3D4F48;
}
.textbox img.floatleft {
margin: 0px 15px 10px 0px;
float: left;
}
.textbox img.floatright {
margin: 0px 0px 0px 15px;
float: right;
}

#itemtextbox {
float: left;
margin: 0;
padding: 0;
border: 0px solid green;
width: 370px;
height: 140px;
}
#itemtextbox300 {
float: left;
margin: 0;
padding: 0;
border: 0px solid green;
width: 300px;
height: 140px;
}
#itemtextbox p {
display: block;
}
#contacttextbox {
color: #fff;
background: transparent url("../img/the_old_barn_workshop_contact_320x240.jpg") top left no-repeat;
border: 1px solid #3D4F48;
text-align: center;
float: right;
width: 320px;
height: 240px;
margin: 0;
padding: 0px;
}
#contacttextbox form {
text-align: right;
margin: 5px 10px 0 0px; 
}
#contacttextbox input,
#contacttextbox textarea,
#contacttextbox p {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
margin: 0;
padding: 1px;
text-align: left;
}
#contacttextbox input {
background-color: #3D4F48;
}
#contacttextbox textarea {
width: 211px;
_width: 209px;
}
#contacttextbox input.button {
text-align: center;
margin: 0;
padding: 0;
border: 1px solid #fff;
}
#contacttextbox h2 {
color: #fff;
text-align: left;
margin: 10px 10px 5px 10px;
padding: 0px;
}
#contacttextbox p {
margin: 10px;
border: 0px solid #fff;
}
#contacttextbox form td.form {
color: #fff;
font-weight: bold;
text-align: right;
}
.itemimageright {
border: 1px solid #3D4F48;
float: right;
}
.itemimageleft {
border: 1px solid #3D4F48;
float: left;
}
#itemimagebox, #itemimageboxright {
float: left;
margin: 15px 0 0 0;
border: 0px solid red;
}
#itemimageboxright {
float: right;
}
#itemimagebox img, #itemimageboxright img{
margin: 0 5px 5px 5px;
border: 1px solid #3D4F48;
}
#backnav {
display: none;
margin: 5px 0 0 0;
}
#message {
font-weight: bold;
float: left;
}
/* Item page styles END */
/* Content END */

/* Commissioning page START */
ul#commissioning_process {
display: inline;
list-style: none;
margin: 0 auto 0 auto;
text-align: center;
}
ul#commissioning_process li {
display: inline;
float: left;
text-align: center;
margin: 0 6px 10px 6px;
border: 0px solid red;
width: 125px;
}
ul#commissioning_process li img {
border: 1px solid #3D4F48;
}

ul#commissioning_process li div{
font-size: 85%;
font-weight: bold;
margin: 0 auto;
width: 120px;
}
/* Commissioning page END */
/* Chelsea flower show START */
ul#image_list {
display: inline;
list-style: none;
}
ul#image_list li {
margin: 0px 0 10px 0;
padding: 0;
border: 0px solid green;
}
ul#image_list li div {
border: 0px solid red;
margin: 0 0 20px 0;
padding: 0;
}
ul#image_list li h2 {
border: 0px solid pink;
margin: 0 0 10px 0;
padding: 0;
}
ul#image_list li p {
border: 0px solid blue;
margin: 0 0 5px 0;
padding: 0;
}
ul#image_list li img {
margin: 0 10px 0 0;
border: 1px solid #3D4F48;
vertical-align: top;
}
ul#image_list img,
ul#image_list div {
float: left;
}
ul#image_list div#imagetext {
float: left;
}

/* Chelsea flower show END */

/* Footer START */
.footer {
height: 30px;
width: 760px;
padding: 0;
border: 1px solid #FAFAF9;
color: #8EB662;
background-color: #FAFAF9;
font-size: 77%;
line-height: 30px;
clear: both;
margin-top: 40px;
}

a.effectable img{ margin-top: 20px;}
#thisliquidspace {
display: normal;
margin: 25px 0 0 0;
}
/* Footer END */

/* Hacks START */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Safari hacks START */
/* Note: this is a negative hack. It actually overrides the setting above for browsers other than safari*/
#contacttextbox input {
background-color: transparent;#
}
/* Safari hacks END */

/* Hacks END */