/* CSS Document */

html {width: 100%; height: 100%;}

body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-image: url(../images/bg_main.jpg);
		background-repeat: repeat-x;
		background-color: #242320;
		font-family: Arial, Helvetica, sans-serif;
}

#top {
		position: relative;
		width: 954px;
		height: 524px;
		margin: 0 auto;
		padding: 0;
}

#topleft {
		position: absolute;
		width: 17px;
		height: 524px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_leftside.jpg) top left no-repeat;
}

#topmiddle {
		position: absolute;
		width: 920px;
		height: 524px;
		margin: 0 0 0 17px;
		padding: 0;
		background: url(../images/bg_light_01.jpg) top left no-repeat;
}

#logolink {
		position: absolute;
		width: 412px;
		height: 68px;
		margin: 15px 0 0 20px;
		padding: 0;
		background: none;
		border: none;
		cursor: pointer;
}

a.toprightlinks:link {color: #3E3A31; text-decoration: none;}
a.toprightlinks:visited {color: #3E3A31; text-decoration: none;}
a.toprightlinks:hover {color: white; text-decoration: none;}
a.toprightlinks:active {color: #3E3A31; text-decoration: none;}

h6.login {
		position: absolute;
		margin: 17px 0 0 800px;
		font-size: 10px;
		cursor: pointer;
		letter-spacing: 0.1em;
}

h6.signup {
		position: absolute;
		margin: 17px 0 0 850px;
		font-size: 10px;
		cursor: pointer;
		letter-spacing: 0.1em;
}

#topnav {
		position: absolute;
		width: 920px;
		height: 21px;
		margin: 99px 0 0 0;
		padding: 0;
}

#topnav a {
		display: block;
}

#topnav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		
}

#topnav ul li {
		display: inline;
		font-size: 12px;
		letter-spacing: 0.3em;
}

li.furniture {
		position: absolute;
		width: 230px;
		height: 21px;
		margin: 0;
		padding: 0;
		color: white;
		text-align: center;
		cursor: pointer;
		border-right: 1px solid white;
		line-height: 21px;
}

li.furniture:hover {color: black; background-color: #EDEDED;}

li.lighting {
		position: absolute;
		width: 230px;
		height: 21px;
		margin: 0 0 0 230px;
		padding: 0;
		color: white;
		background-color: #3e3931;
		text-align: center;
		cursor: default;
		border-right: 1px solid white;
		line-height: 21px;
}

li.accessories {
		position: absolute;
		width: 230px;
		height: 21px;
		margin: 0 0 0 460px;
		padding: 0;
		color: white;
		text-align: center;
		cursor: pointer;
		border-right: 1px solid white;
		line-height: 21px;
}

li.accessories:hover {color: black; background-color: #EDEDED;}

li.collections {
		position: absolute;
		width: 230px;
		height: 21px;
		margin: 0 0 0 690px;
		padding: 0;
		color: white;
		text-align: center;
		cursor: pointer;
		line-height: 21px;
}

li.collections:hover {color: black; background-color: #EDEDED;}

#topright {
		position: absolute;
		width: 17px;
		height: 524px;
		margin: 0 0 0 937px;
		padding: 0;
		background: url(../images/bg_rightside.jpg) top left no-repeat;
}

#text {
		position: absolute;
		width: 200px;
		height: 300px;
		margin: 175px 0 0 673px;
		padding: 0;
}

#text h1 {
		position: absolute;
		font-size: 12px;
		font-weight: normal;
		margin-left: 60px;
		letter-spacing: 0.1em;
}

#text p {
		font-size: 11px;
		text-align: left;
		margin-top: 60px;
		line-height: 18px;
		letter-spacing: 0.03em;
		font-family: verdana, tahoma, arial, helvetica, san-serif;
}

#text img {
		border: none;
}

table.textnav {
		width: 190px;
		height: 15px;
		margin-top: 5px;
		margin-left: -2px;
		border-collapse: collapse;
}

#text h2 {
		height: 11px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.1em;
		display: inline;
		padding-bottom: 4px;
}

td.textarrow {
		width: 15px;
		height: 15px;
		margin: 0;
		padding: 0;
}

td.textleft {
		width: 80px;
		height: 15px;
		text-align: left;
}

td.textright {
		width: 80px;
		height: 15px;
		text-align: right;
}

a.textlink:link {color: black; text-decoration: none;}
a.textlink:visited {color: black; text-decoration: none;}
a.textlink:hover {color: white; text-decoration: none;}
a.textlink:active {color: black; text-decoration: none;}

#bottom {
		position: relative;
		width: 954px;
		margin: 0 auto;
		padding: 0;
}

#bottomleft {
		position: absolute;
}

table.bottomlinks {
		font-size: 9px;
		color: #D7D7D7;
		border-collapse: collapse;	
		margin: 25px 0 0 40px;
		letter-spacing: 0.2em;
}

td.btmone {
		padding: 2px 0 2px 10px;
		width: 115px;
		text-align: left;
}

td.btmoneactive {
		border-left: 1px solid #666563;
		padding: 2px 0 2px 10px;
		width: 115px;
		text-align: left;
}

td.btmtwo {
		padding: 2px 0 2px 10px;
		width: 135px;
		text-align: left;
}

td.btmthree {
		border-left: 1px solid #666563;
		padding: 2px 0 2px 10px;
		text-align: left;
}

a.bottomleftlinks:link {color: #666563; text-decoration: none;}
a.bottomleftlinks:visited {color: #666563; text-decoration: none;}
a.bottomleftlinks:hover {color: #666563; text-decoration: underline;}
a.bottomleftlinks:active {color: #666563; text-decoration: none;}

a.bottomleftlinksactive:link {color: #D7D7D7; text-decoration: none;}
a.bottomleftlinksactive:visited {color: #D7D7D7; text-decoration: none;}
a.bottomleftlinksactive:hover {color: #D7D7D7; text-decoration: underline;}
a.bottomleftlinksactive:active {color: #D7D7D7; text-decoration: none;}

#bottomright {
		position: absolute;
		width: 300px;
		height: 80px;
		margin: 15px 0 0 635px;
}

a.leafrollover {
		display: block;
		width: 185px;
		height: 62px;
		margin-left: 110px;
		text-decoration: none;
		background: url(../images/leaf_rollover.gif);
}

a.leafrollover:hover {
		background-position: -185px 0;
}

#bottomright h1 {
		margin: 5px 0 0 100px;
		font-size: 10px;
		color: #a0a0a0;
		font-weight: lighter;
		font-family: verdana;
		line-height: 15px;
}

a:link {color: white; text-decoration: none;}
a:visited {color: white; text-decoration: none;}
a:hover {color: black; text-decoration: none;}
a:active {color: white; text-decoration: none;}