body {
	padding:0;
	margin:0;
	text-align:center;
	font-size:small;
	background: url(img/wood-dark.jpg) repeat #fff;
	}

p {
	margin-left: 5px;
	margin-right: 5px;
	font-size:12px;
}

/**********GENERAL STRUCTURE STYLES*********/

img { border: 0px;}
p img { border: 0px; margin: 8px; }
.indent { margin-right: 5%; margin-left: 5% }

#wrapper {
	position: relative;
	left:5px;
	margin:0 auto;
	width:1022px;
	text-align: left;
}
#header {
	float:left;
	position: relative;
	width:1022px;
	height:50px;
	font-family: verdana, tahoma, arial, sans-serif;
	margin:5px 0 0 0;
	z-index: 0;
}
#body {
	float:left;
	position: relative;
	width:1022px;
	height:auto;
}
#footer {
	float:left;
	width:1022px;
	height:120px;
	font-family: Georgia, times, serif;
	text-align: center;
}


/*********HEADER STYLES*********/
#logo {
	position: absolute;
	top:0;
	left:0px;
	width:300px;
	height:75px;
	background: /*url(img/woodcontentbg.jpg) repeat;*/ #fff;
	border:1px solid #30355c;
}
#logo h1 {
	position: absolute;
	top:0;
	left:15px;
	width:300px;
	height:48px;
	padding:0;
	margin: 0;
	font-size:28px;
	color: #000;
	line-height: 1em;
	font-weight: normal;

}
#logo h1 a {
	color:#fff;
	text-decoration: none;
}
#logo h1 a:hover {
	color:#ffcc00;
}
#contact {
	position: absolute;
	top:0;
	right:15px;
	height:48px;
}
#contact p {
	margin:0;
	padding:0;
	color:#ccc;
}
#contact p a {
	color:#fff;
	text-decoration: none;
	font-size: 30px;
}
#contact p a:hover {
	color:#bbb;
}



/********* #BODY & WHITEBOX STYLES*********/
#topShadow {
	float:left;
	width:1022px;
	height:11px;
	background: url(img/wrapTopShadow.png) no-repeat;
}
#leftShadow {
	float:left;
	width:1022px;
	height:auto;
	background: url(img/wrapLeftShadow.png) top left repeat-y;
}
#rightShadow {
	float: left;
	width:1022px;
	height: auto;
	background: url(img/wrapRightShadow.png) top right repeat-y;
}
#bottomShadow {
	float:left;
	width:1022px;
	height:11px;
	background: url(img/wrapBtmShadow.png) no-repeat;
}
#whiteBox {
	float:left;
	width:1022px;
	margin:0 0 0 11px;
	background: #fff;
}



/*********TOP NAVIGATION STYLES*********/
#topNav {
	float:left;
	position: relative;
	width:1022px;
	height:30px;
	z-index: 2;
	border:1px solid #30355c;
	background: url(img/pine-board2.jpg) bottom left repeat-x;
}
#topNav ul {
	float:center;
	position: relative;
	height:30px;
	width:996px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	/*background: url(img/woodcontentbg-white.jpg) repeat;*/

}
#topNav ul li {
	float:left;
	position: relative;
	/*border-right:1px solid #30355c;*/
	height:30px;
}

#topNav li.lastListItem, #bottomNav li.lastListItem {
	border:none;
}
#topNav ul li a {
	font-size:14px;
	display: block;
	float:left;
	height:30px;
	padding:7px 17px 0 17px;
	font-family: verdana, tahoma, arial, sans-serif;
	color: #000;
	text-decoration: none;
}
#topNav ul li a:hover {
	color:#fff;
}
#topNav ul li a.hover {
	color:#fff;

}
/*DROPDOWN MENU STYLES*/
#topNav ul li ul {
	position: absolute;
	top:30px;
	left:-1px;
	height:auto;
	list-style-type: none;
	margin:0;
	padding:0 20px 10px 20px;
	border:1px solid #30355c;
	border-top:none;
	background: url(img/menu-pine.jpg) repeat;
}

#topNav ul li ul li {
	float: none;
	display: list-item;
	border:none;
	margin:7px 0 0 0;
	padding:0;
	height:auto;
}
#topNav ul li ul li a {
	float:none;
	height:auto;
	font-size: small;
	display: inline;
	padding: 0;
	margin:0;
}

ul#menuitem1 {
	width:120px;
}
ul#menuitem2 {
	width:140px;
}
ul#menuitem3 {
	width:320px;
}
ul#menuitem4 {
	width:120px;
}
ul#menuitem5 {
	width:120px;
}
ul#menuitem6 {
	width:90px;
	border:1px solid #30355c;
}
#topNav ul li ul.hiddenList {
	left:-2000px;
}

#menucol {
	float:left;
	margin-left: 2px;
	position: relative;
	width:96px;
	line-height: 12px;
}

#menucolhalfwide {
	float:left;
	margin-left: 2px;
	position: relative;
	width:150px;
	line-height: 12px;
}

#menucol3quarterwide {
	float:left;
	margin-left: 2px;
	position: relative;
	width:200px;
	line-height: 12px;
}

#menucolwide {
	float:left;
	margin-left: 2px;
	position: relative;
	width:192px;
	line-height: 12px;
}

#menucol li h4 {
	color: #000000;
}

/*********BOTTOM NAVIGATION STYLES*********/
#bottomNav {
	float:left;
	margin-left: 1px;
	position: relative;
	width:1022px;
	height:30px;
	background: url(img/pine-board2.jpg) bottom left repeat-x;

}
#bottomNav ul {
	float:left;
	width:996px;
	height:50px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: url(img/menu-bg.jpg) bottom left repeat-x;
}
#bottomNav ul li {
	float:left;
	width:331px;
	height:50px;
	margin: 0;
	padding: 0;
	text-align: center;
	border-right:1px solid #30355c;
}
#bottomNav ul li a {
	font-size:14px;
	display: block;
	float:left;
	height:30px;
	width:331px;
	padding-top:20px;
	font-family: verdana, tahoma, arial, sans-serif;
	color: #fff;
	text-decoration: none;
}
#bottomNav ul li a:hover {
	color:#000000;
	background: #626262;
	background: url(img/menu-bg-hover.jpg) bottom left repeat-x;
}


/*********CONTENT AREA STYLES*********/
#content {
	float:left;
	position: relative;
	width:1022px;
	height:auto;
	z-index: 1;
	background: /*url(img/woodcontentbg.jpg) repeat;*/ #fff;
	border:1px solid #30355c;
}

#content {
	font-family: arial, verdana, sans-serif;
	font-size:12px;
	}

#content li {
	list-style: none;margin: 0;border: 0;
	font-family: arial, verdana, sans-serif;
	font-size:12px;}

#content li a {
	/*display: block;width: 120px;\width: 120px;w\idth: 120px;*/
	padding: 4px 8px 4px 8px;border: 0;text-decoration: none;font-size: 1;
	font-weight: normal;outline:none;

	}

#content li a:link { color: #000;font-weight: normal;outline:none;}
#content li a:hover {color: #557766;}
#content li a:visited {color: #777777;}
#content li a:hover:visited {color: #007766;}

#invoice-area {	margin-left: 3px;	float:left;	position: relative;	width: 360px; border: 1px solid #ddd; }
#invoice-area table { position: relative; width:320px; table-layout: fixed; /*word-wrap:break-word;*/}
#order-area { margin-left: 5px;	float:left;	position: relative;	width: 360px; border: 1px solid #ddd; }
#quote-area { margin-left: 5px; float:left; position: relative; width: 360px; border: 1px solid #ddd; }
#cancelled-area { margin-left: 5px; float:left; position: relative; width: 275px; margin-top: 0px; border: 1px solid #ddd; }
#order-area2 { margin-left: 10px; float:left; position: relative; width: 475px;	border: 1px solid #ddd; }
#quote-area2 { margin-left: 10px; float:left; position: relative; width: 475px; border: 1px solid #ddd; }

/* -------------------- content (R&L) divs and related ---------------------------------------------- */


/* -------------------- 2 Columns Offset---------------------------------------------- */

#contentcolleftbigger {
	float:left;
	margin-left: 2px;
	position: relative;
	width:800px;

}

#subcontentcolleftbigger1{
	float:left;
	position: relative;
	width:400px;

}
#subcontentcolleftbigger2{
	float:left;
	margin-left: 400px;
	position: relative;
	width:400px;

}

#contentcolleftbigger a {text-decoration: none;}
#contentcolleftbigger a:hover {color: #B1682C;}
#contentcolleftbigger table {
  	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
}
/*
#contentcolleftbigger tr {
  border: 1px solid #6d500b;
}
*/
#contentcolrightsmall {
	float:left;
	position: relative;
	margin-left: 1px;
	margin-top: -15px;
	width:192px;
	border-left:1px solid #30355c;
	border-top:1px solid #30355c;
	text-decoration: none;
}

#contentcolrightsmall a {text-decoration: none; color: #332300;}
#contentcolrightsmall a:hover {color: #B1682C;}
/*
#contentcolrightsmall a:visited {color: #B1682C;}
*/
/*********FOOTER STYLES*********/
#footer h1 {
	font-size:28px;
	color:#fff;
	font-weight: normal;
	padding: 0;
	margin:10px 0 0 0;
}
#footer p {
	font-size: 16px;
	color: #ccc;
	padding: 0;
	margin: 0;
}



/*********ARTICLE PAGE STYLES*********/

#pageTitle.articlePage {
	border:none;
}
#pageTitle.articlePage p {
	border-bottom: 1px solid #2c1813;
	margin-top:5px;
	padding-bottom: 5px;
}
#articleImageQuote {
	float:left;
	width:400px;
	margin-left:40px;
}
#articleImageQuote p {
	font-family: Georgia, times, serif;
	float:left;
	width:300px;
	height:auto;
	color: #91dafc;
	font-size:25px;
	line-height: 1.1em;
	text-align: right;
	margin:30px 0 0 100px;
}
#articleText {
	font-size:small;
	font-family: arial, verdana, tahoma, sans-serif;
	line-height:1.7em;
	float:left;
	width:500px;
	margin: 0 0 0 30px;
}
#articleText p {
	padding:0;
	margin:0 0 15px 0;
}


#articleText li {
	list-style: none;margin: 0;border: 0;letter-spacing: 2px;}

#articleText li a {
	display: block;width: 120px;\width: 120px;w\idth: 120px;
	padding: 4px 8px 4px 8px;border: 0;text-decoration: none;font-size: 1;
	font-weight: normal;outline:none;}

#articleText li a:link { color: #000;font-weight: normal;outline:none;}
#articleText li a:hover {color: #bbbbbb;}
#articleText li a:visited {color: #777777;}

#getStarted.articlePage {
	margin-top:30px;
}



/*********LIST PAGES*********/
#listHolder {
	float:left;
	width:1022px;
	font-family: arial, verdana, tahoma, sans-serif;
}
#listHolder a {
	color:#0e83ae;
	text-decoration: none;
}
#listHolder a:hover {
	color:#bbb;
}
/*
#listHolder table {
	width:956px;
	border: none;
	margin:10px 0 30px 20px;
}
#listHolder table div.clearAll {
	clear:both;
}
*/
#listHolder p {
	margin: 30px;
}
#listNavigation {
	text-align: center;
	margin:0 0 30px 0;
	font-size: 14px;
	font-family: arial, verdana, tahoma, sans-serif;
}
#listNavigation a {
	color:#53d0ff;
	text-decoration: none;
}
#listNavigation a:hover {
	color:#000;
}

/*-------------------------NEW STUFF FOR ABOUT PAGE---------------------------------*/
#overallContainer {
				width:800px;
				height:auto;
				margin:10px auto;
			}
			#border {
				float:left;
				width:800px;
				height:auto;
				border:1px solid #c2c2c2;
			}
			div.sectionContainer {
				float:left;
				height:auto;
				width:800px;
			}
			div.sectionContainer div.imgWraper {
				float:left;
				padding:5px;
				height:300px;
				width:300px;
				border:1px solid #c2c2c2;
				margin:30px 0 0px 30px;
			}
			div.sectionContainer img {
				float:left;
				width:300px;
				height:300px;
			}
			div.sectionContainer p.descriptionHolder {
				float:left;
				height:200px;
				width: 400px;
				font-family: arial, verdana, sans-serif;
				font-size:small;
				margin:100px 0 0 40px;
			}


/*------------------FORM SPCIFIC CSS ---------------------------------*/

th {
  /*background-color:#0080C0;*/
  color:#000;
  font-weight:bold;
  font-size:18px;
  /*border: 1px solid #6d500b;*/
}
input.text, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 40%;
}
.text:focus, textarea:focus {
  background-color: #FFFACC;
  /*border: 1px solid #000000;*/
}
#mydiv {
  position: absolute;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  text-align: left;
}
td.colone {
  text-align: right;
  vertical-align: top;
  padding-top:4px;
#  border-top: 1px solid #6d500b;
#  border-bottom: 1px solid #6d500b;
#  border-left: 1px solid #6d500b;
}
td.coltwo {
  color:red;
  text-align: center;
  vertical-align: top;
  padding-top:6px;
#  border-top: 1px solid #6d500b;
#  border-bottom: 1px solid #6d500b;
}
td.colthree {
#  border-top: 1px solid #6d500b;
#  border-bottom: 1px solid #6d500b;
#  border-right: 1px solid #6d500b;
}
table.border {
  /*border: 1px solid #6d500b;*/
  border-collapse: collapse;
}