/*
      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_outer { 
	margin: 0 auto;
	width: 963px;
	padding: 20px;
	background-color: #FFF;
}

#wrapper_nav { 
	width: auto; /*padding-left: 32px;*/ height: 40px; background-color: #B09F8F; margin: 0 0 9px 0; z-index: 12;
}

	#wrapper_nav #phone {
		width: 200px;
		height: 35px;
		line-height: 38px;
		float: right;
		text-align: right;
		padding-right: 20px;
		vertical-align: bottom;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
	}

	#wrapper_nav ul {
		width: 590px
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: left;
	}

	#wrapper_nav ul li {
		position: relative;
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
		cursor: pointer;
	}

		#wrapper_nav ul li a {
			display: block;
			text-indent: -1000px;
			overflow: hidden;
			height: 40px;
			color: #FFF ! important;
			background-position: center center ! important;
			background-repeat: no-repeat ! important;
		}

		#wrapper_nav ul li a:link, #wrapper_nav ul li a:visited, #wrapper_nav ul li a:active {
			background-color: transparent;
		}

		#wrapper_nav ul li a:hover, #wrapper_nav ul li a.selected, #wrapper_nav ul li.hover, #wrapper_nav ul li:hover {
			background-color: #A99683 ! important;
		}
		
		#link_pg_home
			{ width: 77px; background-image: url(images/menu_home.png); }
		#link_pg_products
			{ width: 189px; background-image: url(images/menu_products.png); }
		#link_pg_ranges_blinds
			{ width: 126px; background-image: url(images/menu_ranges_blinds.png); }
		#link_pg_ranges_curtains
			{ width: 141px; background-image: url(images/menu_ranges_curtains.png); }
		#link_pg_contact
			{ width: 110px; background-image: url(images/menu_contact.png); }

	#wrapper_nav ul li ul {
		position: absolute;
		width: 200px;
		z-index: 15;
		left: -999em;
		top: 40px;
		background-color: #B09F8F;
	}


	#wrapper_nav ul li:hover ul, #wrapper_nav ul li.hover ul {
		left: auto;
	}


	#wrapper_nav ul li ul li {
		float: none;
		display: block;
		width: auto;
		position: relative;
		background-color: #B09F8F;
	}


		#wrapper_nav ul li ul li a {
			text-indent: 0px;
			position: relative;
			overflow: visible;
			height: auto ! important;
			color: #FFF ! important;
			padding: 5px 10px;
			text-decoration: none ! important;
		}
	
		#wrapper_nav ul li ul li a:link, #wrapper_nav ul li ul li a:active, #wrapper_nav ul li ul li a:visited {
			background-color: #B09F8F;
		}

		#wrapper_nav ul li ul li a:hover, #wrapper_nav ul li ul li a.selected {
			background-color: #A99683 ! important;
		}
			
#wrapper_header {
	color: #333;
	width: auto;
	padding: 0;
	height: 156px;
	margin: 0;
	z-index: 10;
}

#logo
	{ position: absolute; top: 69px; right: 20px; z-index: 15; }


#wrapper_main {
	width: auto;
	background: transparent url(images/bg_dotted.gif) 395px 0px repeat-y;
	font-size: 110%;
}

.wrapper_columns {
	background: transparent url(images/bg_dotted.gif) left bottom repeat-x;
}

.header {
	width: auto;
	overflow: hidden;
	font-size: 11px!important;
}

.header h1 {
	text-indent: -2000px;
	overflow: hidden;
}

.header p {
	line-height: 1em ! important;
}

.wrapper_columns p {
	line-height: 1.5em;
}

.wrapper_right {
	float: right;
	width: 568px;
}

	#header_right {
		padding: 0 20px;
		height: 79px;
		background: #CFBAA7 url(images/bg_header_right.gif) right top no-repeat;
		color: #61564A;
		font-size: 90%;
	}

		#header_right a {
			color: #795D41;
		}

	.body {
		width: auto;
		padding: 17px 19px;
	}

		.body ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
	
		.body ul li {
			line-height: 1.8em;
			padding: 0 0 0 2em;
			margin: 0;
			background: url(images/bullet.gif) 0 0.5em no-repeat;
		}

.wrapper_left {
	float: left;
	width: 395px;
}

	#header_left {
		padding: 0 15px;
		height: 79px;
		background: #E3BA92 url(images/bg_header_left.gif) right top no-repeat;
		color: #FFF;
		font-size: 90%;
	}

		#header_left a {
			color: #F8ECE0;
		}

	.body_left {
		width: auto;
		padding: 18px 13px;
	}
		
		.body_left ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
	
		.body_left ul li {
			line-height: 1.8em;
			padding: 0 0 0 2em;
			margin: 0;
			background: url(images/bullet.gif) 0 0.5em no-repeat;
		}

	.body_home {
		background-color: #EDE5DD;
		min-height: 12em;
		padding: 20px;
		margin: 1px 0 3px 3px;
	}

		.body_home p {
			display: block;
			margin-bottom: 15px;
		}
		
		.body_home img {
			float: right; margin: 0 0 5px 10px;
		}

		#header_interior_design {
			width: 291px;
			height: 23px;.
			margin: 0 0 23px 0;
			background: url(images/header_interior_design.gif) left top no-repeat;
			text-indent: -3000px;
			overflow: hidden;
		}

		#link_contact {
			display: block;
			float: right;
			width: 245px;
			height: 18px;.
			margin: 0 ! important;
			background: url(images/link_contact.gif) left top no-repeat;
			text-indent: -3000px;
			overflow: hidden;
		}


	#header_home {
		width: 195px;
		height: 33px;
		background: transparent url(images/header_home.gif) left top no-repeat;
		margin-top: 5px;
		margin-bottom: 17px;
	}
	#header_home_left {
		width: 233px;
		height: 28px;
		background: transparent url(images/header_home_left.gif) left top no-repeat;
		margin-top: 15px;
		margin-bottom: 13px;
	}

	#header_products {
		width: 185px;
		height: 43px;
		background: transparent url(images/header_products.gif) left top no-repeat;
		margin-top: 5px;
		margin-bottom: 4px;
	}
	#header_products_left {
		width: 162px;
		height: 34px;
		background: transparent url(images/header_products_left.gif) left top no-repeat;
		margin-top: 5px;
		margin-bottom: 13px;
	}
	#header_ranges {
		width: 257px;
		height: 22px;
		background: transparent url(images/header_ranges.gif) left top no-repeat;
		margin-top: 13px;
		margin-bottom: 17px;
	}
	#header_ranges_curtains_left {
		width: 304px;
		height: 44px;
		background: transparent url(images/header_ranges_curtains_left.gif) left top no-repeat;
		margin-top: 6px;
		margin-bottom: 2px;
	}
	#header_ranges_blinds_left {
		width: 263px;
		height: 44px;
		background: transparent url(images/header_ranges_blinds_left.gif) left top no-repeat;
		margin-top: 6px;
		margin-bottom: 2px;
	}
	#header_ranges_blinds_roller {
		width: 370px;
		height: 22px;
		background: transparent url(images/header_ranges_blinds_roller.gif) left top no-repeat;
		margin-top: 13px;
		margin-bottom: 17px;
	}
	#header_ranges_blinds_vertical {
		width: 397px;
		height: 22px;
		background: transparent url(images/header_ranges_blinds_vertical.gif) left top no-repeat;
		margin-top: 13px;
		margin-bottom: 17px;
	}
	#header_ranges_blinds_venetian {
		width: 203px;
		height: 22px;
		background: transparent url(images/header_ranges_blinds_venetian.gif) left top no-repeat;
		margin-top: 13px;
		margin-bottom: 17px;
	}
	#header_contact_left {
		width: 217px;
		height: 30px;
		background: transparent url(images/header_contact_left.gif) left top no-repeat;
		margin-top: 9px;
		margin-bottom: 19px;
	}

	#header_404 {
		width: 278px;
		height: 29px;
		background: transparent url(images/header_404.gif) left top no-repeat;
		margin-top: 10px;
		margin-bottom: 13px;
	}

	#header_sitemap {
		width: 177px;
		height: 44px;
		background: transparent url(images/header_sitemap.gif) left top no-repeat;
		margin-top: 4px;
		margin-bottom: 13px;
	}
#wrapper_footer { 
	width: auto;
	clear: both;
	color: #333;
	margin: 0;
	padding: 10px;
}

#wrapper_footer, #wrapper_footer * {
	font-weight: normal ! important;
	color: #B6B6B6 ! important;
}

	#nav_bottom {
		width: auto;
		font-size: 90%;
	}

	#nav_bottom ul {
		position: relative;
		float: right;
		padding: 0 5px 0 0;
		margin: 0;
	}
	#nav_bottom ul li {
		padding: 0 8px;
		margin: 0;
		list-style-type:  none;
		display: inline;
		border-left: 1px solid #B6B6B6;
	}
	#nav_bottom ul li:first-child {
		border-left: 0;
	}
	#nav_bottom .selected {
		text-decoration: underline;
	}


.ranges {
	margin-top: 10px;
}

.range_desc {
	/*padding-top: 2em;
	min-height: 41px;*/
	height: 65px;
	display: table-cell;
	vertical-align: bottom;
}
	
	
.ranges img {
	margin-right: 5px;
	margin-bottom: 5px;
}
	

.black, .black a {
	color: #000 ! important;
}


/* MISC STYLES */

.delim
	{ display: none ! important; }

.photo
	{ padding: 3px; border: 1px solid #B6B6B6; background-color: #FFF; }

.ranges_colours {

}


.table {
	border-collapse: collapse;
	width: 100%;
}


.table td, .table th {
	vertical-align: top;
	padding: 7px 10px;
	text-align: left;
}

.table th {
	width: 100px;
	background-color: #CFBAA7;
	color: #FFF;
}



.range_colour {
	float: left;
	width: 60px;
	border: 1px solid #B6B6B6;
	padding: 5px;
	margin: 2em 10px 3em 0;
	background-color: #FFF;
	text-align: center;
}

	.range_colour div {
		position: relative;
		width: 60px;
		height: 60px;
		overflow: hidden;
	}

	.range_colour p {
		position: absolute;
		width: 60px;
		top: 75px;
		left: 50%;
		margin-left: -30px;
		text-align: center;
		line-height: 1.4em;
	}

.ranges_colours_long .range_colour {
	width: 100px;
}
.ranges_colours_long .range_colour div {
	width: 100px;
	height: 200px;
}

.ranges_colours_long p {
	width: 100px;
	top: 215px;
	margin-left: -50px;
}

.red {
	color: #AF0000;
}

#new_range {
	top: -90px;
	left: 270px;
	z-index: 60;
	position: absolute;
}