/* CSS Document */

body
{
background-color: #093B30;
/*background-color: #ffffff;*/
font-family: url("Trebuchet MS", Tahoma, Verdana);
font-size: 12px;
color: #666666;
text-align: center; /* Added */
min-width: 900px; /* Added */
}
#pop
{
	position: absolute;
	width: 600px;
	height: 550px;
	left: 50%;
	margin-left: -300px;
	top:50%;
	margin-top: -275px;
	z-index: 99;
	background-color: #FFFFFF;
	border: 1px solid black;
	visibility: hidden;

}
.lbox
{
position: absolute; 
	width: 150%; 
	height: 150%;
	left: -100px;
	top:-100px;
	z-index: 98;
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color: #000000;

}
.lboxW
{
position: absolute; 
	width: 150%; 
	height: 150%;
	left: -100px;
	top:-100px;
	z-index: 98;
	background-color: #FFFFFF;

}
.container
{
position: relative; /* was absolute */ 
	width: 900px; 
	height: 520px;
	/*left: 50%; Commented */
	/*margin-left: -450px; Commented */
	margin:0 auto; /* Added */
	text-align: left; /* Added */
	top:50%;
	margin-top: -260px;
	z-index: 2;
	background-color: #F8F5E4;
	/*background-color: #FDFCF7;*/
}
.container2
{
position: relative;  /* Was absolute */
	width: 900px; 
	height: 800px;
	/*left: 50%;  Commented */
	margin:0 auto; /* Added */
	text-align: left; /* Added */
	/*margin-left: -450px;  Commented */
	top:0%;
	margin-top: 0px;
	z-index: 2;
	background-color: #F8F5E4;
	/*background-color: #FDFCF7;*/
}
.topBar
{
position: absolute; 
	width: 897px; 
	height: 100px;
	left: 1px;
	top:0px;
	z-index: 2;
	border-bottom: solid 2px #093B30;
	background-color: #F8F5E4;
	/*background-color: #093B30;*/
}
.sideBarT
{
position: absolute; 
	width: 150px; 
	height: 150px;
	left: 1px;
	top:102px;
	z-index: 1;
	background-color: #F8F5E4;
	/*background-color: #F4F0D7;*/
}
.sideBarM
{
position: absolute; 
	width: 150px; 
	height: 240px;
	left: 1px;
	top:253px;
	z-index: 1;
	background-color: #F8F5E4;
}
.bottomBar
{
position: absolute; 
	width: 896px; 
	height: 26px;
	left: 1px;
	top:494px;
	z-index: 1;
	/*background-color: #E1CE93;*/
	background-color: #F4F0D7;
}
.coName
{
font-family: "Times New Roman";
font-size: 36px;
color: #093B30;
}
.topMenu
{
position: absolute; 
	width: 746px; 
	height: 35px;
	left: 151px;
	top:101px;
	z-index: 1;
	/*background-color: #E1CE93;*/
	background-color: #F8F5E4;
}
.tL
{

	z-index: 99;
	background-image: url(images/tl.png);
	background-repeat: no;
}
.tR
{

	z-index: 99;
	background-image: url(images/tr.png);
	background-repeat: no;
}
.bL
{

	z-index: 99;
	background-image: url(images/bl.png);
	background-repeat: no;
}
.bR
{

	z-index: 99;
	background-image: url(images/br.png);
	background-repeat: no;
}
#Layer9
{
/*background-image: url(media/topendL.gif);
	background-repeat: no-repeat;
	background-position: left;*/
}
#Layer10
{
/*background-image: url(media/topendR.gif);
	background-repeat: no-repeat;
	background-position: right;*/
}

li
{
padding-left: 1em;
list-style-type: none;
display: inline;
}
li a
{
text-decoration: none;
color: #666666;
}
li a:hover
{
color: #c47b52;
text-decoration: underline;
}
#Layer13
{
	border: 1px solid #999999;
	background: #F8F5E4 url(images/ajax-loader.gif) no-repeat center;



}
#Layer13A
{
	border: 1px solid #999999;
	overflow: auto;
	background-color: #F8F5E4;
	visibility: visible;

}

hr
{
color: #999999;
height: 1px;
}
select
{
width: 170px;
border: 0px solid #999999;
}
input
{
/*border: 0px solid #999999;
background-color: #F8F5E4*/

}
.boxFormats
{
border-top: 4px solid #093B30;
background-color: #E9DEB4;
/*padding-left: 0.9em;
padding-right: 0.9em;*/
text-align: justify;
line-height: 13px;
}
#Layer17
{
	text-align: center;
	visibility: visible;

}
#Layer18
{
font-size: 9px;
text-align: center;
}
#Layer18 a
{
color: #666666;
text-decoration: none;
}
#Layer18 a:hover
{
color: #FF0000;
}
#headLook
{
font-size: 1.0em;
font-weight: bold
}


#Layer7, #Layer12
{
	text-decoration: none;
	color: #666666;
	visibility: visible;

}
#Layer7 a, #Layer12 a
{
text-decoration: none;
color: #666666;
}
#Layer7 a:hover, #Layer11 a:hover
{
color: #c47b52;
text-decoration: underline;
}
#bespokeX
{
	background-image: url(images/bespokeimgindex.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#promoX
{
background-image: url(images/promo1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#highlight
{
font-weight: bold;
font-size: 16px;
/*color: #093B30;*/
}
#midlight
{
font-weight: bold;
font-size: 15px;
/*color: #093B30;*/
}
#lowlight
{
color: #093B30;
font-weight: bold;
font-size: 11px;
}
#roomtype
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #093b30;
	visibility: visible;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;



}
#Layer11, #Layer11 a, #Layer12, #Layer12 a
{
	text-decoration: none;
	text-align: right;
	color: #FFFFFF;
	font-size: 15px;
	visibility: visible;




/*padding-top: 2px;*/
}
#Layer11 a:hover, #Layer12 a:hover
{
color: #c47b52;
text-decoration: none;
font-size: 15px;
/*padding-top: 2px;*/
}
img
{border:0;}

#woodtypes, #Layer14
{
text-align: left;
overflow: auto;
}
#woodtypes a
{
color: #093b30;

}
#woodname
{
font-weight: bold;
font-size: 13px;
}
a title
{
font-family: url(Verdana, Tahoma, Arial);
font-size: 12px;
}
.tdimg
{
text-align:center;
}
.tdtitle
{
padding-left: 35px;
}
#midlight a
{
color: #666666;
text-decoration:  none;
}
#midlight a:hover
{
color: red;
}
#aboutext
{
font-size: 13px;
}
#aboutext2
{
font-size: 13px;

}
#closebox
{

font-size: 9px;
font-weight: bold;
}
#closebox a
{
color: #666666;
}
#closebox a:hover
{
text-decoration: underline;
}
#selprod, #selprod a
{
text-decoration: none;
}