/* Invert Design */

* { padding: 0; margin: 0; }

body { background:#292929 url(../../images/bg_top.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

h1 { color:#EEE; font-family: Arial, Helvetica, sans-serif; font-size:18px; border-bottom:10px solid #4b266b; padding:10px; }

a { color:#EEE; }

a:hover { text-decoration:underline; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu { font-family: Gill Sans, Arial, Helvetica, sans-serif; text-indent:10px; width:180px; height:125px; position:relative; margin:0; font-size:12px;}
.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#EEE; width:180px; text-align:left; line-height:125%; font-size:12px;}
.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#EEE; background:#4b266b;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:180px; width:100px;}
.menu ul li:hover ul li a.hide {background:#333; color:#EEE;}
.menu ul li:hover ul li:hover a.hide {width:120px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#1f1f1f; color:#EEE; width:120px;}
.menu ul li:hover ul li a:hover {background:#333; color:#EEE;}

#links {
       /* border: 1px dotted #999;*/
       /* border-width: 1px 0;*/
        margin: 0px 0px 0px 0px;
		text-indent:10px;
}

#links a { 
        color: #FFFFFF;
        display: block;
        font: 12px Gill Sans, Arial, Helvetica, sans-serif;
		line-height:18px;
        padding: 0px;
        text-decoration: none;
}

* html #links li a {  /* make hover effect work in IE */
	width: 255px; }

#links a:hover {
        background: #4b266b;
}

#links a em { 
        color: #FFFFFF;
        display: block;
        font: 12px Gill Sans, Arial, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #FFFFFF;
 font: 12px Gill Sans, Arial, Helvetica, sans-serif;
        line-height: 150%;
}

ul, li { margin:0; padding:0; list-style:none; }

ul { padding-bottom:10px; }

li { padding-bottom:5px; }

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

#header {
 margin-bottom:20px;
 color: #EEE;
 width: 860px;
 float: left;
 height: 140px;
}

#logo { width:260px; height:140px; float:left; background:url(../../images/logo.jpg) no-repeat; }

#mainmenu { width:180px; height:130px; float:left; background:url(../../images/menu_bar.jpg) no-repeat; margin-left:40px; padding-top:5px; }

#breadcrum { font-size:11px; color:#666; float:right; margin:125px 5px 0px 0px; }

#breadcrum a { color:#666; text-decoration:none; }

#breadcrum a:hover { text-decoration:underline; }

#breadcrum span { font-size:12px; font-weight:bold; }

#leftcolumn { 
 color: #EEE;
 background: #1F1F1F;
 height:440px;
 width: 260px;
 float: left;
}

#maincontent {
 margin-left:30px;
 background:#1F1F1F;
 float: right;
 color: #EEE;
 height:440px;
 width: 560px;
}

#contact {
 float: left; width: 430px;
}

#details { width: 300px; float: left; }

#details hr { margin-top: 15px; }

#onecontent {
 float:left;
 color:#EEE;
 height:445px;
 width:860px;
 margin: 0px 0px 30px 0px;
}

#onecontent p {
 padding: 10px 10px;
}

#onecontent ul {
 margin-left: 60px;
}

#onecontent li {
 list-style:circle;
}

#anothercontent {
 float:left;
 color:#EEE;
 height:260px;
 width:860px;
 margin: 0px 0px 30px 0px;
}

#anothercontent p {
 padding: 10px 10px;
}

#anothercontent ul {
 margin-left: 60px;
}

#anothercontent li {
 list-style:circle;
}

#living {
 margin: 10px 10px;
 width: 840px;
 height:115px;
 font-size:18px;
 font-weight:bold;
 background:#292929;
}

#livinglink {
 width:420px;
 height:115px;
 float:left;
 margin-right: 10px;
}

a.livinglink {
 display:block;
 width:420px;
 height:115px;
 background:url(../../images/collections/image_01.jpg) no-repeat;
 text-decoration:none;
}

a.livinglink:hover {
 background:url(../../images/collections/image_01_over.jpg) no-repeat;
 text-decoration:none;
}

a.livinglink span {
 visibility:hidden;
}

#livingtext {
 padding-top:10px;
}

#dining {
 margin: 10px 10px;
 width: 840px;
 height:115px;
 font-size:18px;
 font-weight:bold;
 background:#292929;
}

#dininglink {
 width:420px;
 height:115px;
 float:right;
 margin-left: 10px;
}

a.dininglink {
 display:block;
 width:420px;
 height:115px;
 background:url(../../images/collections/image_02.jpg) no-repeat;
 text-decoration:none;
}

a.dininglink:hover {
 background:url(../../images/collections/image_02_over.jpg) no-repeat;
 text-decoration:none;
}

a.dininglink span {
 visibility:hidden;
}

#diningtext {
 padding-top:10px;
 float:right;
}

#occasional {
 margin: 10px 10px;
 width: 840px;
 height:115px;
 font-size:18px;
 font-weight:bold;
 background:#292929;
}

#occasionallink {
 width:420px;
 height:115px;
 float:left;
 margin-right: 10px;
}

a.occasionallink {
 display:block;
 width:420px;
 height:115px;
 background:url(../../images/collections/image_03.jpg) no-repeat;
 text-decoration:none;
}

a.occasionallink:hover {
 background:url(../../images/collections/image_03_over.jpg) no-repeat;
 text-decoration:none;
}

a.occasionallink span {
 visibility:hidden;
}

#occasionaltext {
 padding-top:10px;
}

#about {
  width:700px;
  float:left;
  font: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:150%;
}

#aboutimgs {
 width:140px; float:right; text-align:center; padding:10px;
}

#aboutimgs img {
 margin:2px 0px;
}

#mudgallery {
 width:560px;
}

#imgs-frame {
	float: left;
	width: 560px;
	height: 250px;
	border-bottom:10px solid #4b266b;
}

#controller {
	font-size:10px;
	float: left;
	padding: 15px;
}

#titles {
	font-size:10px;
	float: right;
	padding: 15px;
}

#weaves { float:left; width:410px; height:250px; background:#1F1F1F; margin:30px 0; }

#weaves img { padding:6px 0px 0px 6px; border:none; width:42px; height:42px; }

#fabrics { float:right; width:410px; height:250px; background:#1F1F1F; margin:30px 0; }

#fabrics img { padding:6px 0px 0px 6px; border:none; width:42px; height:42px; }

#footer { 
 width: 840px;
 height:20px;
 clear: both;
 color: #EEE;
 padding: 20px 10px 10px 10px;
}

#footcopy {
 float:left;
 font-size:10px;
 }

#footlinks {
 float:right;
 font-size:10px;
}

#footlinks a {
 text-decoration:none;
}

#footlinks a:hover {
 text-decoration:underline;
}