/* Structure
----------------------------------------------- */
	html {
		height: 100%;
		margin-bottom: 1px;
		}

	body {
		padding: 0;
		margin: 0;
		font: 75% "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
		background: #f3f4f6;
		color: #5C5C5C;
		line-height: 1.6em;
		width: 100%;
		}

	.container {
		margin: 0 auto;
		text-align: left;
		width: 750px;
		}

	a {
		outline: none;
		}

	a img {
		border: none;
		}

	.none {
		display: none;
		}


/* Header
----------------------------------------------- */
	#header {
		background: url(/images/headerBg.png) top left no-repeat;
		height: 210px;
		}


/* Headings
----------------------------------------------- */
	h1 {
		padding: 0;
		margin: 0;
		width: 340px;
		height: 230px;
		text-indent: -1000em;
		}

	h1 a {
		position: absolute;
		top: 70px;
		left: 40px;
		width: 280px;
		height: 103px;
		}

	h2 {
		font-weight: normal;
		}

	h2.hm,
	h2.ab,
	h2.fc,
	h2.cs,
	h2.ct,
	h2.testimonials,
	h2.suppliers,
	h2.myDesigns {
		letter-spacing : -1000em;
		text-indent: -1000em;
		background: url(/images/homeH2.png) top left no-repeat;
		height: 47px;
		}

	h2.ab {
		background: url(/images/aboutH2.png) top left no-repeat;
		}

	h2.fc {
		display: none;
		}

	h2.cs {	
		background: url(/images/consultationsH2.png) top left no-repeat;
		height: 60px;
		}

	h2.ct {
		background: url(/images/contactH2.png) top left no-repeat;
		}
		
	h2.testimonials {
		background: url(/images/testimonialsH2.png) bottom left no-repeat;
		padding-top: 50px;
		}

	h2.suppliers {
		background: url(/images/suppliersH2.png) top left no-repeat;
		height: 55px;
		}

	h2.myDesigns {
		background: url(/images/myDesignsH2.png) bottom left no-repeat;
		height: 60px;
		padding-top: 50px;
		}

	h3 {
		font-size: 150%;
		}

	h4 {
		font-size: 140%;
		}


/* Navigation
----------------------------------------------- */
	#navigation {
		background: url(/images/nav.png) top left no-repeat;
		width: 371px;
		height: 19px;
		margin: 0;
		padding: 0;
		position: relative;
		top: -30px;
		left: 1200px;
		}

	#navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		}

	#navigation ul li {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		}

	#navigation ul li,
	#navigation ul li a {
		height: 16px;
		width: 43px;
		display: block;
		text-indent: -9999em;
		text-decoration: none;
		}

	#navigation ul li.top1 {
		top: 1px;
		left: 0;
		}

	#navigation ul li.top2 {
		top: 1px;
		left: 59px;
		}

	#navigation ul li.top3,
	#navigation ul li.top3 a {
		top: 1px;
		left: 114px;
		width: 67px;
		}

	#navigation ul li.top4,
	#navigation ul li.top4 a {
		top: 1px;
		left: 188px;
		width: 105px;
		}

	#navigation ul li.top5,
	#navigation ul li.top5 a {
		top: 1px;
		left: 306px;
		width: 64px;
		}


/* Content
----------------------------------------------- */
	/*Main page*/
	.featured {
		height: 650px;
		margin: 0;
		padding: 0;
		}
	
	.featured h2 {
		margin-top: 4px;
		padding-right: 5px;
		}

	.featured img {
		padding-left: 70px;
		}

	.item {
		background: url(/images/itemTop.png) top left no-repeat;
		padding: 25px 10px 5px;
		clear: both;
		}

	.item img {
		float: left;
		padding-right: 10px;
		}

	.item p a {
		color: #666;
		}

	.item p a:hover {
		text-decoration: none;
		}

	.item h4 {
		margin: 0;
		padding: 0;
		}

	.separator {
		margin: 0;
		padding: 0 10px;
		width: 475px;
		float: left;
		}

	.separator.two {
		padding:17px 0 0 15px;
		}


	/*About page*/
	.about {
		height: 450px;
		}

	.container > .about {
		height: auto;
		min-height: 450px;
		}

	.about p {
		line-height: 1.6em;
		font-size: 110%;
		}

	.about a,
	.contact a {
		color: #666;
		}
		
	.about a:hover,
	.contact a:hover {
		text-decoration: none;
		}

	.about p.highlight {
		font-size: 130%;
		text-align: center;
		padding-top: 15px;
		}
		
	div.quote {
		background: url(/images/quotes.png) top left no-repeat;
		padding: 5px 70px 25px;
		}

	/*Full-catalog page*/
	.catalog {
		height: 430px;
		}

	.container > .catalog {
		height: auto;
		min-height: 400px;
		}

	#subNav {
		width: 750px;
		height: 150px;
		background: url(/images/subNav.png) left top no-repeat;
		margin: 0 auto;
		padding: 0;
		position: relative;
		}

	#subNav li,
	#subNav li a {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 25px;
		text-indent: -999em;
		height: 93px;
		}

	#subNav li.snOne a {
		width: 138px;
		display: block;
		left: 0;
		}

	#subNav li.snTwo a {
		left: 136px;
		width: 125px;
		display: block;
		}

	#subNav li.snThree a {
		left: 259px;
		width: 112px;
		display: block;
		}

	#subNav li.snFour a {
		left: 369px;
		width: 134px;
		display: block;
		}

	#subNav li.snFive a {
		left: 501px;
		width: 95px;
		display: block;
		}

	#subNav li.snSix a {
		left: 594px;
		width: 156px;
		display: block;
		}

	#subNav li.snOne a:hover,
	#subNav li.snOne.on1 a {
		background: url(/images/subNav.png) 0px -200px no-repeat;
		cursor: pointer;
		}

	#subNav li.snTwo a:hover,
	#subNav li.snTwo.on2 a {
		background: url(/images/subNav.png) -136px -200px no-repeat;
		cursor: pointer;
		}

	#subNav li.snThree a:hover,
	#subNav li.snThree.on3 a {
		background: url(/images/subNav.png) -259px -200px no-repeat;
		cursor: pointer;
		}

	#subNav li.snFour a:hover,
	#subNav li.snFour.on4 a {
		background: url(/images/subNav.png) -369px -200px no-repeat;
		cursor: pointer;
		}

	#subNav li.snFive a:hover,
	#subNav li.snFive.on5 a {
		background: url(/images/subNav.png) -501px -200px no-repeat;
		cursor: pointer;
		}

	#subNav li.snSix a:hover,
	#subNav li.snSix.on6 a {
		background: url(/images/subNav.png) -594px -200px no-repeat;
		cursor: pointer;
		}

	/*Pagination*/
	.pagination {
		list-style: none;
		text-align: center;
		}

	.pagination li {
		display: inline;
		width: auto;
		}

	.pagination li a {
		color: #666;
		text-decoration: none;
		padding: 2px;
		}

	.pagination li a:hover {
		background: #666;
		color: white;
		}

	.pagination li.selected a {
		background: #666;
		color: white;
		}

	/*Consultations page*/
	.consultations h3 {
		line-height: 1.6em;
		}
		
	.myDesignContainer {
		text-align: center;
		}
		
	.myDesignContainer img {
		margin: 10px 20px; 
		}


	/*Contact page*/
	.contact img {
		text-align: center;
		border: none;
		}

	.mapLink {
		padding-left: 75px;
		width: 600px;
		border: none;
		}

	.mapView {
		text-align: center;
		margin: 0;
		padding: 0;
		font-size: 80%;
		}

	address {
		padding: 0 10px 10px;
		font-size: 110%;
		text-align: center;
		}

	address a:hover {
		text-decoration: none;
		}


/* Footer
----------------------------------------------- */
	#footer {
		height: 199px;
		background: url(/images/footer.png) top left no-repeat;
		display: block;
		}

	#footer p {
		text-align: center;
		padding-top: 70px;
		}

	#footer p a {
		color: #5C5C5C;
		}

	#footer p a:hover {
		text-decoration: none;
		}