/* OSBORNE FURNITURE - Will Kelly 2007 ========================================== */

/* General ============ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;padding:0;
}

img	{
	border:0;
	display: block;
}


h2 {
	font-size: 1.6em;
}

.contact {
	font-size:14px;
	}

h1,h2,p {
	margin: 0 0 14px 0;
}

p.last {
	margin: 0;
}

.extramargin {
	margin: 0 0 30px 0;
}

.text-right {
	text-align: right;
}

div.left,p.left {
	float: left;
	width: 49%;
}
div.right,p.right {
	float: right;
	width: 49%;
}

table {
	border:none;
	border-collapse:collapse
}

table.images {
	width: 100%;
} table.images td {
	padding-right: 16px;
	vertical-align: top;
} table.images td.last {
	padding-right: 0;
}

img.left {
	float: left;
	margin-right: 8px;
}

/* Structure ==================== */

body {
	background: #CCC;
	padding: 20px 0;
	color: #000021; font: 64%/1.1 Arial,Helvetica,sans-serif;
}

#wrapper {
	width: 758px;
	margin: 0 auto;
}

#header {
	background: #000033;
	color: #FFF;
	padding: 24px 60px 7px 63px;
}
	#logo {
		float: left;
	}
	#logo img {
		margin-top: 20px
	}
	
	#nav {
		float: right;
		width: 94px;
	}
	#nav ul {
		float: left;
		list-style-type: none;
	}
	#nav li {
		float: left;
	}
	

	#nav li.nav2,#nav li.nav3 {
		margin: 0 8px 8px 0;
	}
	#nav li.nav4 {
		margin: 0 0 8px 0;
	}
	#nav li.nav1,#nav li.nav6 {
		margin: 0 8px 0 0;
	}
	
	#nav a {
		width: 26px; height: 26px;
		display: block;
		overflow: hidden;
		background-position: 0 0;
		text-indent:-10000px;
	}
	
	#nav li.nav1 a {
		background-image: url(../images/icon_home.gif);
	}
	#nav li.nav2 a {
		background-image: url(../images/icon_bathroom.gif);
	}
	#nav li.nav3 a {
		background-image: url(../images/icon_bedroom.gif);
	}
	#nav li.nav4 a {
		background-image: url(../images/icon_dressing.gif);
	}
	#nav li.nav5 a {
		background-image: url(../images/icon_homestudy.gif);
	}
	#nav li.nav6 a {
		background-image: url(../images/icon_lifestyle.gif);
	}
	#nav li.nav7 a {
		background-image: url(../images/icon_contact.gif);
	}
	
	#nav a:hover,#nav a:active {
		background-position: 0 -26px;
	}
	
	#p_home #nav li.nav1 a, 
	#p_bathrooms #nav li.nav2 a,
	#p_bedrooms #nav li.nav3 a,
	#p_dressing #nav li.nav4 a,
	#p_design #nav li.nav6 a,
	#p_contact #nav li.nav7 a {
		background-position: 0 -26px;
	}
	
	#nav div {
		float:left;
		background-image: url(../images/titles.gif);
		background-position: 0 0;
		width: 130px; height: 14px; 
		margin-top: 6px;
	}
	#p_home #nav div {
		background-position: 0 -14px;
	}
	#p_bathrooms #nav div {
		background-position: 0 -28px;
	}
	#p_bedrooms #nav div {
		background-position: 0 -42px;
	}
	#p_dressing #nav div {
		background-position: 0 -56px;
	}
	/*#p_homestudy #nav div {
		background-position: 0 -70px;
	}*/
	#p_design #nav div {
		background-position: 0 -84px;
	}
	#p_contact #nav div {
		background-position: 0 -98px;
	}
	
	.js-nav1 {
		background-position: 0 -14px !important;
	}
	.js-nav2 {
		background-position: 0 -28px !important;
	}
	.js-nav3 {
		background-position: 0 -42px !important;
	}
	.js-nav4 {
		background-position: 0 -56px !important;
	}
	.js-nav5 {
		background-position: 0 -70px !important;
	}
	.js-nav6 {
		background-position: 0 -84px !important;
	}
	.js-nav7 {
		background-position: 0 -98px !important;
	}

#content {
	background: #FFF;
	padding: 25px 60px 25px 66px
}
	#left {
		float: left;
		width: 340px;
	}
	#right {
		float: left;
		width: 276px;
		margin-left:16px;
	}
	#subcontent {
		float: left;
		width:100%;
		padding-top:18px;
		margin-top: 18px;
	}
	#subcontent_dr {
		float: left;
		width:100%;
		padding-top:18px;
		margin-top: 10px;
	}
	
	#p_bathrooms div.right,
	#p_bedrooms div.right,
	#p_dressing div.right {
		width: 130px;
	}
		#panel {
			float: right;
			width: 60px;
		}
		
		#panel ul {
			list-style-type: none;
		}
		
		#panel li {
			float: left;
			width: 26px; height: 26px;
		}
		
		#panel li.panel1 {
			margin: 0 8px 8px 0;
			background-image: url(../images/icon_add_disabled.gif);
		}
		
		#panel li.panel2 {
			margin: 0 0 8px 0;
		}
		
		#panel li.panel3 {
			margin: 0 8px 0 0;
			background-image: url(../images/icon_save_disabled.gif);
		}
		
		#panel a {
			width: 26px; height: 26px;
			display: block;
			overflow:hidden;
			background-position: 0 0;
			text-indent:-10000px;
		}
		
		#panel li.panel1 a {
			background-image: url(../images/icon_add.gif);
		}
		#panel li.panel2 a {
			background-image: url(../images/icon_send.gif);
		}
		#panel li.panel3 a {
			background-image: url(../images/icon_save.gif);
		}
		#panel li.panel4 a {
			background-image: url(../images/icon_email.gif);
		}
		
		#panel a:hover,#panel a:active {
			background-position: 0 -26px;
		}
		
		#panelhook {
			float:right;
			background-image: url(../images/titles_panel.gif);
			width: 130px; height: 14px; 
			margin-top: 6px;
		}
		.js-panel1 {
			background-position: 0 -14px;
		}
		.js-panel2 {
			background-position: 0 -28px;
		}
		.js-panel3 {
			background-position: 0 -42px;
		}
		.js-panel4 {
			background-position: 0 -56px;
		}	
	

#footer {
	width: 758px;
	margin: 0 auto;
	padding-top: 20px;
} #footer p {
	margin: 0;
}

/* Splash ======== */

#p_splash #header {
	padding: 24px 46px 20px 63px;
}
	#intro {
		float: left;
		margin-left:136px;
	}
	#intro p {
		width:287px;
		margin: 0;
	}
	#intro p.first {
		margin-bottom: 8px;
	}
	#btn {
		float: right;
		margin-top: 34px
		
	}
	#btn a {
		display: block;
		overflow:hidden;
		text-indent:-10000px;
		width: 26px; height: 26px;
		background: url(../images/icon_splash.gif) no-repeat 0 0;
	}
	#btn a:hover,#btn a:active {
		background-position: 0px -26px
	}

#p_splash #content {
	padding: 2px 0 0;
}

#p_splash #footer {
	width: 718px
}

#p_splash #footer img {
	float: left;
}
#p_splash #footer p {
	float: right;
}

/* Home ================ */

#p_home h1 {
	margin-top: 40px;
}

#p_home #left p {
	width: 330px;
}

#p_home #subcontent {
	width: 460px;
	border-top: 1px solid #CCC
}



/* Design ============== */

#p_design #left p {
	width: 220px;
} 
p.quote {
	width: 250px;
	font-style:italic;
}
p.margintop {
	margin-top: 2em;
}

/* Contact ============= */

p.donot {
	font-size: 1.2em;
	width:280px;
	margin: 20px 0 60px;
}
#p_contact p.donot {
	margin:10px 0;
}

form label {
	float: left;
	width: 66px;
	display:block;
}
form input.text {
	float: left;
	margin-bottom:8px;
}
form br {
	clear: left
}


/* Clear Fix */

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a {text-decoration:none;color:#000033}
a:hover {text-decoration:underline;color:#000033}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */