/* CSS Document */
	body {
		background:#fff;
		}

/* Styling for the Container div */
	#container {
		margin:0 auto;
		width:910px;
		position:relative;
		text-align: left;
		overflow:hidden;
		height:100%;
	}

/* Styling for the Branding div */
	#branding {
		height:99px;
		width:910px;
		border-bottom:2px solid #FFF;
		background-color:#141414;
	}

/* Styling for the Simply Better Laundry text */
	#strapline {
		position:absolute;
		top:32px;
		left:12px;
		height:37px;
		width:263px;
		padding:0;
		margin:0;
		text-indent:-5000px;
		background:url(../images/strapline.gif) top left no-repeat;
	}

/* Styling for the Dream logo */
	#logo {
		position:absolute;
		top:12px;
		right:15px;
		width:179px;
		height:75px;
		padding:0;
		margin:0;
		text-indent:-5000px;
		background:url(../images/logo.gif) top left no-repeat;
	}

/* Styling for the Navigation list */
	ul#navigation {
		width:820px;
		padding:0 45px 0  45px;
		background-color:#737D7B;
		overflow:hidden;
	}
	ul#navigation li{
		float:left;
		width:90px;
		height:20px;/* 20px */
		border-right:1px solid #fff;
		text-align:center;
	}
		ul#navigation li.first {
		border-left:1px solid #fff;
	}
	ul#navigation li a{
		display:block;
		color:#000;
		text-decoration:none;
	}
	ul#navigation li a:hover {
		color:#FFF;
		background-color:#000;
	}
	#maincontent {
		position:relative;
		height:345px;
		border-top:2px solid #FFF;
	}

/* Styling for the Content div */
	#content {
		position:absolute;
		top:0;
		left:137px;
		width:408px;
		height:345px;
		padding:0 45px 0 45px;
		overflow:auto;
	}
	
	#maincontent.dreamers #content,
	#maincontent.dreamworld #content,
	#maincontent.sowhat #content, 
	#maincontent.contact #content,
	#maincontent.privacy #content,
	#maincontent.sitemap #content {
		width:545px;
		}

/* Styling for the Subcontent div */
	#subcontent {
		position:absolute;
		right:0;
		top:0;
		width:244px;
		height:345px;
		padding:0 15px 0 15px;
		color:#fff;
		background-color:#000;
	}
/* Styling for the right image */
	img#right {
		position:absolute;
		right:0;
		top:0;
		width:137px;
		height:345px;
	}
/* Styling for the left image */
	img#left {
		position:absolute;
		left:0;
		top:0;
		width:137px;
		height:345px;
	}
	
/* Styling for the Footer div */
	#footer {
		position:relative;
		padding-left:182px;
		clear:both;
		height:86px;		
		background-color:#737D7B;
		border-bottom:1px solid #FFF;
		border-top:2px solid #FFF;
		}
	#footer p {
		line-height:86px;
		padding-top:0;
		padding-bottom:0;
		}
	#footer p span {
		font-size:2em;
		}
	p#special {
		position:absolute;
		top:9px;
		right:17px;
		width:120px;
		height:71px;
		margin:0;
		padding:0;
		background:transparent url(../images/special.gif) top left no-repeat;
	}
	
	p#special a {
		display:block;
		width:120px;
		height:71px;
		text-indent:-5000px;
		background:transparent url(../images/special.gif) top left no-repeat;
	}

	p#contact {
		position:absolute;
		top:22px;
		left:12px;
		width:113px;
		height:42px;
		margin:0;
		padding:0;
		text-indent:-5000px;
		background:transparent url(../images/contact.gif) top left no-repeat;
	}
	/* Styling for the Subnavigation list*/
	ul#subnavigation {
		clear:both;
		width:910px;
		text-align:center;		
		background-color:#737D7B;
		}
	ul#subnavigation li{
		display:inline;
		margin:0 1em 0 1em;
		padding:0;
		height:18px;
		}
	ul#subnavigation li a{
		color:#FFF;
		text-decoration:none;
		}
	ul#subnavigation li a:hover {
		color:#000;
		text-decoration:underline;
		}