﻿body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote, address {
    margin: 0px; padding: 0px; border: 0px;
}
.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; } 

.center{text-align:center;}
button {border:0 none; margin:0; text-align:left; }

body {
	font-family: Arial, Helvetica, sans-serif;
}

.home {
	background: #fff url(../images/repeating-stripes.jpg) repeat-x;
}
.home2 {
	background: #fff url(../images/repeating-stripes2.jpg) repeat-x;
}
#container {
	width: 960px; margin: 0 auto;	
}
 
#header {
	height: 75px; padding: 25px 0 0 0;
}

#header img {
	display: block; width: 150px; height: 60px; float: left;
}
#header ul#nav {
	list-style: none; margin: 10px 0 0 0; left:0px;
}
	#header ul#nav li {
		padding: 0 0 0 40px;
	}
		#header ul#nav li:first-child { background: none; }
		
		#header ul#nav li a { 
			font-size: 16px; color: #6d6d6d; text-decoration: none;
			text-shadow:1px 1px 0 #fff;
		}
			#header ul#nav li a:hover, #header ul#nav li a.active {
				color:#FFF;
				text-shadow:none;
			}
			
#feature-header {
	clear: both; height: 333px;
}
	#feature-header div.feature-text {
		width: 450px; float: left;	
	}
	#feature-header div.feature-text  h2 {
		color:#fff;
		margin: 40px 0 13px 0;
		text-shadow:1px 1px 0 #000;
	}
	#feature-header div.feature-text  p {
		color: #fff; font-size: 16px; line-height: 28px; margin: 0 0 15px 0;
	}
	#feature-header div.feature-text  p a {
		color: #fff; text-decoration: none;
	}
		#feature-header div.feature-text p a:hover {
			background: #3f3f69;	
		}
	
	#feature-header div.featured-sofa {
		float: right;
	}
		#feature-header div.featured-sofa ul {
			list-style: none; position: relative; top: 51px; right: 78px;
			width: 324px; height: 204px; overflow: hidden;
		}

#breadcrumbs {
	clear: both; height: 30px; line-height:30px; color:#fff;font-size:0.8em;
}
#breadcrumbs a,#breadcrumbs a:visited,#breadcrumbs a:hover{
	color:#fff;text-decoration:none;
}
		
#content {
	margin: 67px 0 70px 0;
}

#content p, #content address {
	color: #3d3d3d;	font-size: 14px; line-height: 18px; margin: 0 0 20px 0;
}
	#content a {
		color: #7b7ba0; font-weight: strong; text-decoration: none;
	}	
		#content a:hover { color: #3f3f69; text-decoration: underline; }
#content address {font-style:normal}	
#content #main {
	width: 610px; float: left; margin: 0 40px 0 0;	
}
	#content #main h1 {
		color: #6d6d6d; font-size: 25px; line-height: 28px;	 font-weight: normal;
		margin: 0 0 25px 0;
		xtext-shadow:1px 1px 0 #000;
	}
	#content #main h2 {
		color: #6d6d6d; font-size: 25px; line-height: 26px;	 font-weight: normal;
		margin: 0 0 25px 0;
		xtext-shadow:1px 1px 0 #000;
	}
	#content #main h3 {
		color: #6d6d6d; font-size: 25px; line-height: 28px;	 font-weight: normal;
		margin: 0 0 25px 0;
	}
	#content #main h2.sale {
		color:#F00; text-align:center; font-size: 25px; line-height: 28px;	 font-weight: normal;
		margin: 0 0 25px 0;
	}


#content #main div.latest-news {
	margin: 40px 0 0 0;	
}
	#content #main div.latest-news h4 {
		color: #6d6d6d; font-size: 25px; line-height: 28px;	 font-weight: normal;
		margin: 0 0 15px 0;
	}
	#content #main div.latest-news ul.latest-news {
		width: 265px; float: left; list-style: none;	
		padding: 0 40px 0 0;
	}
		#content #main div.latest-news ul.latest-news li h5 {
			font-size: 16px; margin: 0 0 3px 0;	
		}
	#content #main div.latest-news p a.more-news {
		float: right; font-size: 16px; font-weight: bold;
		padding: 0 15px 0 0;
	}


#content #side-home {
	width: 293px; float: left; margin: 0 0 0 17px; 
	background: url(../images/sidebar-top.jpg) no-repeat;
}

	#content #side-home div.featured-sidebar {
		padding: 24px 17px 10px 17px;
		background: url(../images/sidebar-bottom.jpg) bottom no-repeat;
	}
		#content #side-home div.featured-sidebar h3 {
			font-size: 1.4em; color: #6d6d6d; letter-spacing: -1px; margin: 0 0 20px 0;	
		}
		#content #side-home div.featured-sidebar img.featured-website {
			display: block; margin: 0 auto; border: 1px solid #dfdfdf;	
		}
		#content #side-home div.featured-sidebar a.see-more-btn {
			display: block; width: 228px; height: 41px; margin: 0 auto;
			background: url(../images/seemorework-btn.jpg) top; text-indent: -9999px;
		}
			#content #side-home div.featured-sidebar a.see-more-btn:hover {
				background: url(../images/seemorework-btn.jpg) bottom;
			}
		#content #side-home div.featured-sidebar a.awesome {
			color:#FFF;
		}

	

#content #side {
	width: 293px; float: right; margin: 0 0 0 17px; 
	background: url(../images/sidebar-top.jpg) no-repeat;
}

	#content #side div.featured-sidebar {
		padding: 24px 17px 10px 17px;
		background: url(../images/sidebar-bottom.jpg) bottom no-repeat;
	}
		#content #side div.featured-sidebar h3 {
			font-size: 1.4em; color: #6d6d6d; letter-spacing: -1px; margin: 0 0 20px 0;	
		}
		#content #side div.featured-sidebar img.featured-logo {
			display: block; margin: 0 auto;	
		}
		#content #side div.featured-sidebar img.featured-website {
			display: block; margin: 0 auto; border: 1px solid #dfdfdf;	
		}
		#content #side div.featured-sidebar a.see-more-btn {
			display: block; width: 228px; height: 41px; margin: 0 auto;
			background: url(../images/seemorework-btn.jpg) top; text-indent: -9999px;
		}
		#content #side div.featured-sidebar a.see-more-btn:hover {
			background: url(../images/seemorework-btn.jpg) bottom;
		}
		#content #side div.featured-sidebar p[title="italsofa"] {
			color:#FF6600; text-align:center;
		}

#footer-container {
	background: #f3f3f3;	
}

	#footer {
		width: 960px; margin: 0 auto; padding: 30px 0 50px 0;
		background: url(../images/footer-shadow.jpg) center top no-repeat;
	}
		#footer h6 {
			font-size: 20px; color: #767676; font-weight: normal; margin: 0 0 5px 0;	
		}
		#footer p {
			font-size: 14px; color: #767676; line-height: 18px;	
		}
		#footer a {
			color: #7b7ba0; text-decoration: none;
		}	
			#footer a:hover { color: #3f3f69; text-decoration: underline; }
	
	#footer div.footer-cresta {
		width: 190px; float: left;
	}
	#footer div.footer-furniture {
		width: 440px; float: left; margin: 0 0 0 40px;	
	}

	#footer div.login {
		width: 190px; float: left;
	}
		#footer div.login form label {
			color: #969696; /* If Javscript disabled, otherwise hidden by the jQuery script */
		}
		#footer div.login form input {
			width: 136px; height: 23px; margin: 0 0 12px 0; padding: 2px 10px 0 10px; border: 0;
			font-size: 16px; color: #969696;
		}
			#footer div.login form input.username {
				background: #dedede url(../images/input-username.png) bottom;
			}
			#footer div.login form input.password {
				background: #dedede url(../images/input-password.png) bottom;
			}
			/* If Javascript enabled, jQuery script adds these classes   */
			#footer div.login form input.username.js-active {
				background: #dedede url(../images/input-username.png) top;
			}
			#footer div.login form input.password.js-active {
				background: #dedede url(../images/input-password.png) top;
			}
				#footer div.login form input.username.focus {
					background: #dedede url(../images/input-username.png) bottom;
				}
				#footer div.login form input.password.focus {
					background: #dedede url(../images/input-password.png) bottom;
				}
			
			#footer div.login form input.submit {
				width: 52px; height: 25px; float: right; margin: 0 34px 0 0;
				background: url(../images/go-btn.jpg); text-indent: -9999px; cursor: pointer;
			}
			
			#footer div.login form small {
				font-size: 12px; float: left;	
			}
			
	#footer div.accessibility {
		width: 440px; float: left; margin: 0 0 0 40px;	
	}
	
	#footer div.contact {
		width: 250px; float: left; margin: 0 0 0 40px; 	
		text-align: right;
	}
		#footer div.contact h6 {
			font-size: 32px; margin: 0 0 10px 0;
		}
		#footer div.contact p {
			font-size: 16px; margin: 0 0 5px 0;
		}
		#footer div.contact p strong {
			font-size: 32px;
			text-shadow:1px 1px 0 #fff;
		}
		#footer div.contact p a {
			padding: 0 0 0 30px;
			background: url(../images/email-icon.jpg) left no-repeat;
		}


/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:10px 10px;
	xbackground-color:#fff ;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#F6C739;
	color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#6263BF;
	color:#FFF;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(../img/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(../img/arrow_down_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#fff;	
	left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	float:right;
	position: relative;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	text-align: center;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }


ul#sofagallery{
margin:0px;
padding:0px;
list-style:none;
}
ul#sofagallery li{
float: left;
position:relative;
margin:5px;
}

ul#sofagallery li img{
	border:1px solid #dedede;
	padding:2px;
	margin:3px;
}
ul#sofagallery li p {
	text-align: center;
	margin:5px 0;
	color:#000;
}
ul#sofagallery li a{
	text-decoration:none;
}
ul#sofagallery li a span, ul#sofagallery li a p.sold{
	color:#F00;
	font-weight:700;
}

ul#pressgallery{
margin:0px;
padding:0px;
list-style:none;
}
ul#pressgallery li{
float: left;
position:relative;
margin:5px;
xwidth:290px;
}

ul#pressgallery li img{
	border:1px solid #dedede;
	padding:2px;
	margin:3px;
	float:left;
	margin-right:20px;
}
ul#pressgallery li p {
	text-align: left;
	margin:5px 0;
	color:#000;
}
ul#pressgallery li a{
	text-decoration:none;
}

/* form */

label,input {
	display: block;
	width: 175px;
	float: left;
	margin-bottom: 10px;
	color:#000000;
}
label {
	text-align: left;
	width: 75px;
	padding-right: 20px;
}

br {
	clear: left;
}
textarea{
width: 175px;
height: 100px;
}
.formbutton{
width:100px;
cursor:pointer;
border:outset 1px #ccc;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:#999 url(images/formbg.gif) repeat-x left top;
}

.awesome, .awesome:visited, button.awesome{
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
	.grey.awesome, .grey.awesome:visited		{ background-color: #eeeeee; }
	.grey.awesome:hover							{ background-color: #bbbbbb; }
	button::-moz-focus-inner { padding:0; border:none}

.hide{
	display:none
}

#content #main .press-statement{
	margin-left:20px;
	margin-right:20px;

}
#content #main .press-statement h2{
	font-size:16px;
	font-weight:700;
	color:#009;
}
#content #main .press-statement p{
	color:#009
}