@charset "utf-8";

/* /////////////// GENERAL ////////////// */

* {
	margin: 0;
	padding: 0;	
} /* set all padding and margin defaults to zero */

html, body {
	height: 100%;
	}

html {
	background-repeat: repeat;
	background-image: url(images/watercolour_tile.jpg);
	background-color:#E8E4C9;
}

#TB_ajaxContent {
	background-repeat: repeat;
	background-image: url(images/watercolour_tile.jpg);
	background-color:#E8E4C9;
    font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	
}

body {
    font-size:100%;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.25em; /* 16×1.5=24px */
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	display: table;
	color: #564637;
	text-align:center;
}

#main {
	width: 911px;
	margin: 0 auto 0;
	text-align: left;
	min-height: 100%;
	position: relative;
	display: table;
	font-size:14px;
}

#header {
	float: left;
	height: 283px;
	width: 911px;
	margin-top: 0px;
}

#container {
	background: url(images/main_bg.jpg) repeat-y;
	float: left;
	width: 911px;
	padding-top: 15px;
/* 	border: 1px solid red; */
}/*  changed in ie.css */	

#content {
	float: left;
	clear: both;
	width: 540px;
/* 	padding-left: 50px; */
	margin-left: 50px;
/* 	border: 1px solid red; */
}/*  changed in ie.css */

#content_full {
	float: left;
	clear: both;
	width: 831px;
/* 	padding-left: 50px; */
	margin-left: 50px;
/* 	border: 1px solid red; */
}/*  changed in ie.css */

#content td {
	font-size:12px;
}
	
#sidebar {
	float: right;
	width: 250px;
/* 	padding-right: 40px; */
	margin-right: 40px;
/* 	border: 1px solid red; */
}/*  changed in ie.css */

#pushfooter {
	clear: both;
}

#footer {
	float: left;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 162px;
	height: 66px;
	width: 911px;
}

/* //////////////// TABLE FIXES //////////////////*/

.mainpage {
	padding: 0px;
	margin: 0px;
}

.main {
	padding: 0px;
	margin: 0px;
}


/* //////////////// iFRAME POPUPS //////////////////*/

#iframe {
	height: 100%;
	text-align:left;
	padding: 10px 25px 25px 25px;
}

#iframe h2 {
	background: url(images/sidebarh2_bgred.gif) no-repeat 6px; 
	padding: 0.5em 25px 1em 25px;
}


/* //////////////// TYPOGRAPHY //////////////////*/

p {
	margin-bottom: 1.25em;
}

#content p, #iframe p {
	font-size:14px; /* 16×0.875=14px */
}

#sidebar p {
	font-size:0.75em; /* 16×0.75=12px */
}

h1, h2, h3, dt, TD.pageHeading, DIV.pageHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, TD.pageHeading, DIV.pageHeading {
	font-size: 24px; /* 16×1.5=24px */
	font-weight: bold;
	padding: 15px 0 15px 0;
}

h2 {
	font-size: 1em;  /* 16×1=16px */
	font-weight: bold;
}

h3 {
	font-size:0.875em; /* 16×0.875=14px */
	font-weight: bold;
}

h4 {
	font-size:0.75em; /* 16×0.75=12px */
	font-weight: bold;
}

h1 a:link, h1 a:visited, h1 a:active,
h2 a:link, h2 a:visited, h2 a:active,
h3 a:link, h3 a:visited, h3 a:active,
h4 a:link, h4 a:visited, h4 a:active {
	color: #625834;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: #73844d;
	text-decoration: underline;
}


a:link, a:visited, a:active {
	color: #ae6249;
	text-decoration: underline;
}
a:hover {
	color: #73844d;
}

.footer_links {
	float: right;
	padding-right: 30px;
	font-size: 0.875em; /* 16×0.875=14px */
	color: #786a53;
}

.footer_links a:link,
.footer_links a:active {
	color: #61533b;
}

.footer_links a:visited {
	color: #61533b;
}

.footer_links a:hover {
	color: #ae6249;
}
	
.footer_credits {
	clear: both;
	float: right;
	margin-top: 1em;
	padding-right: 30px;
	padding-bottom: 30px;
	font-size: 0.75em; /* 16×0.75=12px */
	color: #aba08b;
}

.footer_credits a:link,
.footer_credits a:active {
	color: #aba08b;
	font-weight: bold;
}

.footer_credits a:visited {
	color: #aba08b;
}

.footer_credits a:hover {
	color: #73844d;
}


/* ////////////// ADDITIONAL LINK FORMATTING ///////////// */



/* ////////////// NAVIGATION //////////////// */

#account {
	width: 116px;
	height: 32px;
	margin: 128px 0px 0px 776px;
	position: relative;
}

#nav {
	width: 876px;
	height: 123px;
	margin: 0px 0px 0px 16px;
	position: relative;
	background: url(images/navigation.jpg);
}

#nav li {
	float: left;
}

#nav li a {
	position: absolute;
	top: 0;
	display: block;
	height: 123px;
	background: url(images/navigation.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

li#nav_home a {
	left: 0;
	width: 88px;
	background-position: 0 0;
}

li#nav_boxes a {
	left: 88px;
	width: 132px;
	background-position: -88px 0;
}

li#nav_produce a {
	left: 220px;
	width: 193px;
	background-position: -220px 0;
}

li#nav_service a {
	left: 413px;
	width: 158px;
	background-position: -413px 0;
}

li#nav_about a {
	left: 571px;
	width: 148px;
	background-position: -571px 0;
}

li#nav_order a {
	left: 719px;
	width: 157px;
	background-position: -719px 0;
}

li#nav_home a:hover {
	background-position: 0 -125px;
}

li#nav_boxes a:hover {
	background-position: -88px -125px;
}

li#nav_produce a:hover {
	background-position: -220px -125px;
}

li#nav_service a:hover {
	background-position: -413px -125px;
}

li#nav_about a:hover {
	background-position: -571px -125px;
}

li#nav_order a:hover {
	background-position: -719px -125px;
}

/* ////////////// SIDEBAR /////////////// */

#box1 {
	float: left;
	background: url(images/sidebar_box1_bg.jpg) repeat-y;
	width: 250px;
	margin: 0 0 15px 0;
}

#box1 li {
	background: url(images/sidebar_box1_bottom.jpg) no-repeat bottom;
}

#box1 li ul  {
	background: url(images/sidebar_box1_top.jpg) no-repeat;
	padding: 25px 0 50px 0;
}

#box1 li ul li {
	background: none;
}

#box1 li ul li h2 {
	background: url(images/sidebarh2_bgred.gif) no-repeat 6px; 
	padding: 0.5em 0 1em 0;
	text-indent: 25px;
}

#box1 li ul li p {
	padding: 0 25px 1em 25px;
	margin-top: -0.5em;
}

#box1_top {
	float: left;
	background: url(images/sidebar_box1_top.jpg) no-repeat center bottom;
	height: 15px;
	width: 250px;
}

#box1_content  {
	float: left;
	background: url(images/sidebar_box1_bg.jpg) repeat-y;
	width: 250px;
/* 	border: 1px solid blue; */
}

#box1_content h2 {
	background: url(images/sidebarh2_bgred.gif) no-repeat 6px; 
	padding: 0.5em 25px 1em 25px;
}

#box1_content p {
	padding: 0 25px 0 25px;
	margin-top: -0.5em;
}

#box1_bottom {
	float: left;
	background: url(images/sidebar_box1_bottom.jpg) no-repeat;
	height: 70px;
	width: 250px;
}


#box2_top {
	float: left;
	background: url(images/sidebar_box2_top.jpg) no-repeat center bottom;
	height: 15px;
	width: 250px;
}

#box2_content  {
	float: left;
	background: url(images/sidebar_box2_bg.jpg) repeat-y;
	width: 250px;
/* 	border: 1px solid blue; */
}

#box2_content h2 {
	background: url(images/sidebarh2_box2_bgred.gif) no-repeat 6px; 
	padding: 0.5em 25px 1em 25px;
}

#box2_content p {
	padding: 0 25px 0 25px;
	margin-top: -0.5em;
}

#box2_bottom {
	float: left;
	background: url(images/sidebar_box2_bottom.jpg) no-repeat;
	height: 40px;
	width: 250px;
}


#box3_top {
	float: left;
	background: url(images/sidebar_box3_top.jpg) no-repeat center bottom;
	height: 15px;
	width: 250px;
}

#box3_content  {
	float: left;
	background: url(images/sidebar_box3_bg.jpg) repeat-y;
	width: 250px;
/* 	border: 1px solid blue; */
}

#box3_content h2 {
	background: url(images/sidebarh2_bg_greenbullet.gif) no-repeat;
	color: #fff; 
	padding: 0.25em 25px 0.5em 40px;
}

#box3_content a {
	color: #fff; 
}


#box3_content p {
	padding: 0 25px 0 25px;
	margin-top: -0.5em;
}

#box3_bottom {
	float: left;
	background: url(images/sidebar_box3_bottom.jpg) no-repeat;
	height: 40px;
	width: 250px;
}



#box4_top {
	float: left;
	background: url(images/sidebar_box4_top.jpg) no-repeat center bottom;
	height: 25px;
	width: 250px;
}

#box4_content  {
	float: left;
	background: url(images/sidebar_box4_bg.jpg) repeat-y;
	width: 250px;
/* 	border: 1px solid blue; */
}

#box4_content h2 {
	background: url(images/sidebarh2_bg_greenbullet.gif) no-repeat;
	color: #fff; 
	padding: 0.25em 25px 0.5em 40px;
}

#box4_content a {
	color: #fff; 
}


#box4_content p {
	padding: 0 25px 0 25px;
	color: #373f1f; 
}

#box4_bottom {
	float: left;
	background: url(images/sidebar_box4_bottom.jpg) no-repeat;
	height: 37px;
	width: 250px;
}




/* /// first visit box //// */
#box5_top {
	float: left;
	background: url(images/sidebar_box5_top.jpg) no-repeat center bottom;
	height: 92px;
	width: 250px;
	text-indent: -9999px;
}

#box5_content  {
	float: left;
	background: url(images/sidebar_box5_bg.jpg) repeat-y;
	width: 250px;
/* 	border: 1px solid blue; */
}

#box5_content h2 {
	background: url(images/sidebarh2_box5_bg.gif) no-repeat 6px; 
	padding: 0.5em 25px 1em 25px;
}

#box5_content h2 a:hover {
	color: #863a27;
}

#box5_content p {
	padding: 0 25px 0 25px;
	margin-top: -0.5em;
}

#box5_bottom {
	float: left;
	background: url(images/sidebar_box5_bottom.jpg) no-repeat;
	height: 25px;
	width: 250px;
}


#box6_top {
	float: left;
	background: url(images/sidebar_box6_top.jpg) no-repeat center bottom;
	height: 27px;
	width: 250px;
}

#box6_content  {
	float: left;
	background: url(images/sidebar_box6_bg.jpg) repeat-y;
	width: 250px;
/* 	border: 1px solid blue; */
}

#box6_content h2 {
	background: url(images/sidebarh2_bg_greenbullet.gif) no-repeat;
	color: #fff; 
	padding: 0.25em 25px 0.5em 40px;
}

#box6_content a {
	color: #fff; 
}


#box6_content p {
	padding: 0 25px 0 25px;
	color: #373f1f; 
}

#box6_bottom {
	float: left;
	background: url(images/sidebar_box6_bottom.jpg) no-repeat;
	height: 20px;
	width: 250px;
}


#box7 {
	float: left;
	width: 250px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid white;
}

#content #box7 img {
	border: none;
	padding: 0px;
	background-image: none;
	float: left;
	}




#homepage_images {
	float: left;
	width: 540px;
	height: 250px !important;
	height: 325px;
	padding: 37px 27px 38px 27px;
	background: url(images/homepage_images_bg.jpg) no-repeat;
}


/* /////////////////////// CONTENT //////////////////// */

ul, ol {
	list-style:none;
	}

#content h1, #content h2, #content h3, content h4, TD.pageHeading, DIV.pageHeading, 
#content_full h1, #content_full h2, #content_full h3, content_full h4 {
	color: #625834;
}

TD.pageHeading, DIV.pageHeading, #content h1, #content_full h1, #iframe h1 {
	background-image: url(images/h1_bggreen.gif);
	background-repeat:no-repeat;
	padding: 15px 0 15px 0;
}

#content h2, #content_full h2 {
	padding: 0 0 0.5em 0;
}


/* /////////////////////// IMAGES ////////////////// */

img {
	border: none;
}

#content img, #content_full img, #iframe img {
	border: 1px solid #a89276;
	padding: 10px;
	background: url(images/img_bg.jpg);
/* 	max-width: 100%; */
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 5px 15px;
	display: inline;
	}

img.alignleft {
	margin: 0 15px 5px 0;
	display: inline;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


.producethumb {
	border: 1px solid #a89276;
	padding: 10px;
	background: url(images/img_bg.jpg);
	margin: 0px 10px 10px 0px;
	font-size: 0.8em;
	float: left;
	/* min-height: 220px; */
	}
	

#content_full .producethumb li img {
	border: none;
	padding: 0px;
	background-image: none;
	float: left;
	}

/* //////////////// FORMS ////////////////// */



/* /////////////// MISC ////////////////// */

#break {
	clear:both;
	font-size:0px;
	height:0px;
	overflow:hidden;
}

/* to remove dotted borders in FireFox */

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}