/*--------------------- global styles ----------------------*/

	html
	{
		margin: 0px 0px 0px 0px;
	}
	
	body
	{
		width: 1003px;
		background: #fff url(images/pagebg.gif) top left no-repeat;
		margin: 0px 0px 0px 0px;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1em;
		color: #000;
	}
	
/*--------------------- banner styles ----------------------*/

	#banner
	{
		width: 1003px;
		height: 130px;
	}
	
	#logo
	{
		float: left;
		margin: 0px 0px 0px 0px;
	}
	
	#logo img
	{
		float: none;
		border: none;
		margin: 8px 0px -2px 8px;
	}
	
	#login
	{
		float: right;
		text-align: right;
		margin: 8px 8px 0px 0px;
	}
	
	#login p
	{
		font-size: 0.7em;
		color: #fff;
		margin: 0px 0px 12px 0px;
	}
	
	.inputText
	{
		border: none;
		width: 80px;
		margin: 8px 0px 0px 8px;
		font-size: 0.8em;
		color: #666;
	}
	
	#login a
	{
		color: #fff;
		text-decoration: none;
		font-size: 0.8em;
	}
	
	#login a:hover
	{
		color: #fff;
		text-decoration: underline;
	}
	
/*--------------------- navigation styles ----------------------*/

	#nav
	{
		margin: 0px 0px 0px 8px;
	}
	
	#nav a
	{
		margin: 0px 0px 0px 0px;
		display: block;
		height: 14px;
	}
	
	#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7
	{
		margin: 0px 12px 0px 0px;
		float: left;
	}
	
	#menu1
	{
		width: 125px;
		background: url(images/member.gif) -125px 0px no-repeat;
	}
	
	#menu1 a
	{
		width: 125px;
		background: url(images/member.gif) 0px 0px no-repeat;
	}
	
	#menu1 a:hover
	{
		background: transparent;
	}
	
	#menu2
	{
		width: 57px;
		background: url(images/register.gif) -57px 0px no-repeat;
	}
	
	#menu2 a
	{
		width: 57px;
		background: url(images/register.gif) 0px 0px no-repeat;
	}
	
	#menu2 a:hover
	{
		background: transparent;
	}
	
	#menu3
	{
		width: 123px;
		background: url(images/inspirationgallery.gif) -123px 0px no-repeat;
	}
	
	#menu3 a
	{
		width: 123px;
		background: url(images/inspirationgallery.gif) 0px 0px no-repeat;
	}
	
	#menu3 a:hover
	{
		background: transparent;
	}
	
	#menu4
	{
		width: 38px;
		background: url(images/shop.gif) -38px 0px no-repeat;
	}
	
	#menu4 a
	{
		width: 38px;
		background: url(images/shop.gif) 0px 0px no-repeat;
	}
	
	#menu4 a:hover
	{
		background: transparent;
	}
	
	#menu5
	{
		width: 62px;
		background: url(images/about.gif) -62px 0px no-repeat;
	}
	
	#menu5 a
	{
		width: 62px;
		background: url(images/about.gif) 0px 0px no-repeat;
	}
	
	#menu5 a:hover
	{
		background: transparent;
	}
	
	#menu6
	{
		width: 69px;
		background: url(images/contact.gif) -69px 0px no-repeat;
	}
	
	#menu6 a
	{
		width: 69px;
		background: url(images/contact.gif) 0px 0px no-repeat;
	}
	
	#menu6 a:hover
	{
		background: transparent;
	}
	
	#menu7
	{
		width: 73px;
		background: url(images/newsletter.gif) -73px 0px no-repeat;
	}
	
	#menu7 a
	{
		width: 73px;
		background: url(images/newsletter.gif) 0px 0px no-repeat;
	}
	
	#menu7 a:hover
	{
		background: transparent;
	}
	
/*--------------------- footer styles ----------------------*/

	#footer
	{
		height: 28px;
		clear: both;
		width: 1003px;
		background: #333;
		color: #fff;
		font-size: 0.65em;
		margin: 8px 0px 0px 0px;
	}
	
	#footer p
	{
		color: #fff;
		font-size: 0.95em;
		margin: 0px 0px 0px 0px;
		padding: 8px 8px 8px 8px;
	}
	
	#footer a
	{
		color: #ccc;
		text-decoration: none;
	}
	
	#footer a:hover
	{
		color: #fff;
		text-decoration: underline;
	}
	
	.left
	{
		float: left;
		clear: none;
	}
	
	.right
	{
		float: right;
		clear: none;
	}
	
/*--------------------- main styles ----------------------*/

	#main
	{
		height: 400px;
		clear: both;
		margin: 0px 0px 0px 0px;
	}
	
/*--------------------- member navigation styles ----------------------*/

	#membernav
	{
		float: left;
		clear: both;
		width: 160px;
		margin: 0px 0px 8px 0px;
	}
	
	#membernav img
	{
		float: none;
		border: none;
		margin: 8px 0px 0px 8px;
	}
	
	#membernav ul
	{
		list-style: none;
		font-size: 0.7em;
		line-height: 1.5em;
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#membernav li
	{
		background: none;
		padding: 0px 0px 0px 9px;
		margin: 0px 0px 0px 9px;
	}
	
	#membernav a
	{
		color: #333;
		text-decoration: none;
	}
	
	#membernav a:hover
	{
		color: #900;
		text-decoration: underline;
	}
	
/*--------------------- shop styles ----------------------*/

	#shop
	{
		float: right;
		clear: none;
		text-align: center;
		font-size: 0.8em;
		font-weight: bold;
		width: 233px;
		height: auto;
		margin: 8px 8px 8px 8px;
		border: 1px solid #666;
		background: #fff;
	}
	
	html>body #shop
	{
		width: 235px;
	}
	
	#shop img
	{
		float: none;
		border: none;
		margin: 0px 0px 0px 0px;
	}
	
	#shop p
	{
		font-size: 1em;
		padding: 0px 4px 0px 4px;
		margin: 8px 0px 4px 0px;
	}
	
	#shop em
	{
		color: #900;
		font-style: normal;
	}
		
/*--------------------- content styles ----------------------*/

	#content
	{
		font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
		width: 570px;
		float: left;
		clear: none;
		border: 1px solid #666;
		background: #fff url(images/rightangledevice.gif) top right no-repeat;
		font-size: 0.7em;
		color: #666;
		line-height: 1.5em;
		margin: 8px 0px 8px 8px;
	}
	
	html>body #content
	{
		width: 572px;
		margin: 8px 0px 8px 10px;
	}
	
	h2
	{
		background: url(images/sce/bullet1.gif) top left no-repeat;
		font-size: 1.75em;
		color: #900;
		margin: 12px 12px 6px 12px;
		padding: 3px 0px 2px 24px;
	}
	
	h3
	{
		font-size: 1.4em;
		color: #C66670;
		font-style: italic;
		line-height: 1.5em;
		margin: 12px 12px 6px 12px;
		padding: 0px 0px 0px 0px;
	}
	
	h4
	{
		font-size: 1.5em;
		clear: both;
		color: #900;
		background: #eee;
		margin: 24px 12px 6px 12px;
		padding: 4px 0px 4px 4px;
	}
	
	p
	{
		color: #000;
		font-size: 1.25em;
		line-height: 1.4em;
		margin: 12px 12px 6px 12px;
		padding: 0px 0px 0px 0px;
	}
	
	img
	{
		float: left;
		clear: both;
		border: 6px solid #E0CFD2;
		padding: 2px 2px 2px 2px;
		margin: 4px 24px 0px 0px;
	}
	
	html>body img
	{
		margin: 4px 24px 8px 0px;
	}
	
	ul
	{
		font-size: 1.25em;
		list-style: none;
		padding: 0px 12px 0px 12px;
		margin: 0px 0px 0px 4px;
	}
	
	ol
	{
		font-size: 1.25em;
		padding: 0px 12px 0px 12px;
		margin: 0px 0px 0px 24px;
	}
	
	ul li
	{
		background: url(images/sce/bullet2.gif) 0px 2px no-repeat;
		padding: 0px 0px 8px 12px;
	}
	
	a
	{
		color: #900;
		text-decoration: none;
	}
	
	a:hover
	{
		color: #000;
		text-decoration: underline;
	}
	
/*--------------------- HOME PAGE STYLES ----------------------*/

/*--------------------- inspiration gallery styles ----------------------*/

	#inspirationgallery
	{
		width: 570px;
		float: left;
		clear: none;
		border-bottom: 1px solid #666;
		background: #fff url(images/rightangledevice.gif) top right no-repeat;
		font-size: 0.85em;
	}
	
	html>body #inspirationgallery
	{
		width: 572px;
	}
	
	#inspirationgallery img
	{
		border: none;
	}
	
	#inspirationgallery .image
	{
		border: none;
		float: left;
		clear: both;
		padding-right: 0px;
		margin: 0px 16px 4px 0px;
	}
	
	html>body #inspirationgallery img
	{
		padding-right: 100%;
	}
	
	#inspirationgallery p
	{
		margin: 6px 0px 4px 0px;
		padding: 0px 12px 0px 4px;
		line-height: 1.5em;
		color: #666;
	}
	
	#inspirationgallery a
	{
		color: #900;
		text-decoration: none;
	}
	
	#inspirationgallery a:hover
	{
		color: #900;
		text-decoration: underline;
	}
	
	#inspirationgallery blockquote
	{
		font-size: 1.8em;
		color: #bbb;
		font-style: italic;
		font-weight: bold;
		margin: 10px 0px 10px 0px;
	}
	
/*--------------------- image gallery styles ----------------------*/

	#imagegallery
	{
		width: 284px;
		float: left;
		clear: none;
		border-right: 1px solid #666;
		background: #fff url(images/rightangledevice.gif) top right no-repeat;
		font-size: 0.75em;
	}
	
	html>body #imagegallery
	{
		width: 285px;
	}
	
	#imagegallery img
	{
		border: none;
	}
	
	html>body #imagegallery img
	{
		padding-right: 100%;
	}
	
	#imagegallery .image
	{
		float: left;
		padding-right: 0px;
		margin: 4px 16px 4px 0px;
	}
	
	#imagegallery p
	{
		margin: 6px 0px 4px 0px;
		padding: 0px 12px 0px 4px;
		line-height: 1.5em;
		color: #666;
	}
	
	#imagegallery a
	{
		color: #900;
		text-decoration: none;
	}
	
	#imagegallery a:hover
	{
		color: #900;
		text-decoration: underline;
	}
		
/*--------------------- designer icon styles ----------------------*/

	#designericon
	{
		width: 285px;
		border-left: 1px solid #666;
		height: auto;
		float: right;
		clear: none;
		background: #fff url(images/rightangledevice.gif) top right no-repeat;
		font-size: 0.75em;
		margin-left: -1px;
	}
	
	html>body #designericon
	{
		width: 286px;
	}
	
	#designericon img
	{
		border: none;
	}
	
	html>body #designericon img
	{
		padding-right: 100%;
	}
	
	#designericon .image
	{
		float: left;
		padding-right: 0px;
		margin: 4px 16px 4px 0px;
	}
	
	#designericon p
	{
		margin: 6px 0px 4px 0px;
		padding: 0px 12px 0px 4px;
		color: #666;
		line-height: 1.5em;
	}
	
	#designericon a
	{
		color: #900;
		text-decoration: none;
	}
	
	#designericon a:hover
	{
		color: #900;
		text-decoration: underline;
	}