/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

/*#wrapper_top, #wrapper_outer {
	margin: 0 auto;
}*/

#wrapper {
	width: auto;
	background: url(images/bg_top.jpg) left top repeat-x;
}

	#wrapper_top {
		width: 779px;
		height: 60px;
	}

	#logo {
		position: absolute;
		left: 15px;
		top: 15px;
	}

		#logo, #logo a {
			display: block;
			width: 148px;
			height: 32px;
			margin: 0;
			padding: 0;
			cursor: pointer;
		}

		#logo a {
			background: url(images/logo-tablecare.png) left top no-repeat;
			text-indent: -999em;
			overflow: hidden;
		}

	#strapline {
		display: block;
		position: absolute;
		/*right: 82px;*/
		right: 15px;
		top: 8px;
		width: 140px;
		height: 40px;
		background: url(images/custom-made-table-protectors.png) left top no-repeat;
		text-indent: -999em;
		overflow: hidden;
	}

	#border {
		width: auto;
		height: 8px;
		background-color: #BE9762;
		border-top: 2px solid #FEDDB2;
		border-bottom: 1px solid #A62B39;
	}

#wrapper_outer { 
	width: 779px;
}
#wrapper_columns {
	margin-bottom: 0px;
	/*overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%
}

#wrapper_left { 
	display: block;
	color: #333;
	margin: 0;
	padding: 0;
	width: 162px;
	float: left;
	font-family: georgia,times new roman,roman,serif;
}
	#nav_left {
		padding: 22px 16px;
	}

		#nav_left ul {
			padding: 0;
			margin: 0;
		}

		#nav_left ul li, #nav_left ul li a {
			display: block;
			margin: 0;
			padding: 0;
			width: 130px;
			height: 24px;
		}

		#nav_left ul li {
			list-style-type: none;
		}

			#nav_left ul li a {
				text-indent: -999em;
				overflow: hidden;
			}

			.nav_pg_home {
				background: url(images/nav_pg_home.gif) 0px 0px no-repeat;
			}
			.nav_pg_home:hover, .nav_pg_home_hover {
				background-position: -130px 0px;
			}

			.nav_pg_solid {
				background: url(images/nav_pg_solid.gif) 0px 0px no-repeat;
			}
			.nav_pg_solid:hover, .nav_pg_solid_hover {
				background-position: -130px 0px;
			}

			.nav_pg_roll {
				background: url(images/nav_pg_roll.gif) 0px 0px no-repeat;
			}
			.nav_pg_roll:hover, .nav_pg_roll_hover {
				background-position: -130px 0px;
			}

			.nav_pg_measure {
				background: url(images/nav_pg_measure.gif) 0px 0px no-repeat;
			}
			.nav_pg_measure:hover, .nav_pg_measure_hover {
				background-position: -130px 0px;
			}

			.nav_pg_about {
				background: url(images/nav_pg_about.gif) 0px 0px no-repeat;
			}
			.nav_pg_about:hover, .nav_pg_about_hover {
				background-position: -130px 0px;
			}

			.nav_pg_letters {
				background: url(images/nav_pg_letters.gif) 0px 0px no-repeat;
			}
			.nav_pg_letters:hover, .nav_pg_letters_hover {
				background-position: -130px 0px ! important;
			}

		#wrapper_address {
			padding: 1.5em 10px;
			font-style: italic;
		}

			#wrapper_address a {

			}

		#email_address a {
			font-weight: normal;
			font-style: italic;
			font-size: 90%;
			color: #000;
		}

		#newtons {
			text-align: center;
		}


#wrapper_content { 
	display: block;
	float: left;
	color: #333;
	margin: 0;
	padding: 25px 25px;
	width: 400px;
	font-size: 105%;
}

	#wrapper_content p, #wrapper_content li { 
		line-height: 1.5em;
	}

#wrapper_right { 
	display: block;
	position: relative;
	color: #333;
	margin: 0;
	padding: 0;
	width: 167px;
	float: right;
}
	
	#montage {
		width: auto;
		height: 251px;
		background: #F1D089 url(images/photo03.jpg) left bottom repeat-x;
	}

		#montage img {
			position: relative;
			vertical-align: bottom;
		}

		#montage img.right {
			margin-left: 83px;
		}

		#montage hr {
			display: none;
		}

	#wrapper_right ul {
		padding: 1em 40px;
		margin: 0;
	}

		#wrapper_right ul li {
			padding: 0.3em 0;
		}

		#wrapper_right ul li a {
			font-weight: bold;
		}

		#wrapper_right ul li a.selected {
			font-style: italic;
		}

#wrapper_footer {
	width: auto;
	margin: 0;
	padding: 0;
	color: #333;
}
	#footer {
		width: auto;
		padding: 20px 20px 20px 182px;
		margin: 0 auto;
	}

	#validation {
		float: right;
		width: 200px;
		padding-top: 1em;
		z-index: 10;
	}

		#validation div {
			float: right;
			width: 88px;
			padding-left: 5px;
		}

.stats {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

.colour_table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
}

	.colour_table td {
		width: 82px;
		text-align: left;
		padding: 0 18px 18px 0;
	}

	.colour_table td img {
		border: 1px solid #000;
	}

.important {
	background-color: #FFEEEE;
	padding: 10px 15px;
	border: 1px solid #D57787;
}

.important li {
	color: #9C2532;
	margin: 0.5em 1em;
}


.diagrams {

}

	.diagrams div.diagram {
		float: left;
		width: 180px;
		height: 130px;
		text-align: center;
		margin: 0 15px 5em 0;
	}

	.diagrams div.diagram p {
		display: block;
		position: absolute;
		width: 180px;
		height: 3em;
		left: 0px;
		top: 120px;
	}

.diagrams2 {
	text-align: center;
	margin-top: -3em;
}


.quote {
	margin: 1em 0;
	background-color: #F8E6C0;
	border: 1px solid #D8B271;
	padding: 10px;
}

	.quote_title, .quote_author {
		font-weight: bold;
	}

	.quote_title {
		color: #9C2532;
	}


.icon {
	vertical-align: middle;
	margin-right: 5px;
}

ul.icons {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	.li_word, .li_rtf, .li_pdf {
		padding: 0.5em 0 0.5em 24px;				
	}

	.li_word {
		background: url(images/filetypes/s_word.gif) 0px 0.3em no-repeat;
	}

	.li_rtf {
		background: url(images/filetypes/s_other.gif) 0px 0.3em no-repeat;
	}

	.li_pdf {
		background: url(images/filetypes/s_pdf.gif) 0px 0.3em no-repeat;
	}


/* contact form */

.radios p {
	padding-bottom: 0.2em;
}

.radios * {
	vertical-align: middle;
}

.table { 
	font-size:100%; 
	border: 0; 
	border-collapse: collapse;
	width: 99%;
}

	.table td, .table th { 
		padding: 0.2em 1em 0.2em 0;
		vertical-align: top;
	}

	.table th { 
		width: 120px;
		text-align: left;
		font-weight: bold;
	}

	.table_wide_title th { 
		width: 300px;
	}

	.table td { 

	}

#home_info {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}