@charset "utf-8";

HTML BODY{
	background-image:url(../image/deep_back.gif);
	background-repeat:repeat-x;
	background-color:#14171A;
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#main{
	display:table;
	width:800px;
	background-image:url(../image/back.gif);
	background-repeat:repeat-y;
	text-align:left;
	overflow:visible;
	height:auto;
	margin:0px auto;
}

/*****************************
header
******************************/


#header{
	display:block;
	width:100%;
	height:183px;
	background-image:url(../image/header.gif);
	background-repeat:no-repeat;
}

#printHeader{
	display:none;
}

#nav{
	display:block;
	width:100%;
	height:87px;
	background-image:url(../image/nav.gif);
	background-repeat:no-repeat;
	text-align:center;
}

#nav ul{
position:relative;
width:430px;
display:block;
margin:0px auto;
padding:0px;
list-style:none;
}

#nav li{
display:block;
float:left;
margin:0px;
padding:0px;
list-style:none;
}

#nav a, #nav a:link{
	color:#666666;
	font-size:14px;
	text-decoration:none;
	display:block;
	float:left;
	padding:4px 9px 6px 9px;
	
}

#nav a:hover, #nav a:active{
	color:#000000;
	background-image:url(../image/navBack.gif);
	padding:6px 9px 4px 9px;
}

#utilities{
text-align:right;
position:relative;
}

#emailFriend{
	display:none;
	float:left;
	color:#FFFFFF;
	position:absolute;
	padding:4px;
	z-index:100;
	width:320px;
	height:260px;
	background:#006699;
	border:1px solid #333333;
	filter:alpha(Opacity=90); 	
-moz-opacity: .9;

}

.textArea{
background-color:#eeeeee;
border:1px solid #666666;
width:150px;
}

.button {
width:90px;
}


/*****************************
main content
******************************/

#content{
	position:relative;
	float:left;
	display:table;
	width:460px;
	height:auto;
	left:50px;
	line-height:20px;
	overflow:auto;
}

#content a, #content a:link{
	color:#8aa2c4;
	text-decoration:none;
}

#content a:hover, #content a:active{
	color:#ff0000;
	text-decoration:underline;
}

#content h1{
	padding:15px 0px;
	color:#5276aa;
	font-size:24px;
	font-weight:normal;
	text-transform:capitalize;

}

#content h2{
	padding:0px;
	color:#5276aa;
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;

}

#content #imageThumb{
	display:block;
	position:relative;
	float:left;
	width:204px;
	background:#eeeeee;
	border:1px solid #cccccc;
	margin:0px 15px 15px 0px;
	height:auto;
	text-align:center;
}

#content #imageThumb img{
	padding:2px;
}


#content #detailTable{
	border-collapse:collapse;
}

#content #detailTable td{
	border:1px solid #bbbbbb;
	background:#eeeeee;
	padding:7px;
	width:auto;
	color:#666666;
}

#content #detailTable .title{
	color: #FF0000;
	font-size:12px;
}


/*****************************
Listing
******************************/
#listSample{
	display:block;
	position:relative;
	float:left;
	width:204px;
	background:#eeeeee;
	border:1px solid #cccccc;
	margin:0px 15px 15px 0px;
	height:190px;
	text-align:center;
}

#listSample #description{
	display:block;
	position:relative;
	width:100%;
	margin:7px auto 0px auto;
	height:35px;
	bottom:0px;
	left:0px;
	padding-top:5px;
}

#hitArea{
background-color:#ffffff;
position:absolute;
top:0px;
left:0px;
height:190px;
width:100%;
z-index:30;
filter:alpha(Opacity=0); 	
-moz-opacity: .0;
display:block;
float:left;
}

#hitArea:hover, a #hitArea:active{
background-color:#006699;
filter:alpha(Opacity=10); 	
-moz-opacity: 0.1;
}

#listSample #image{
	display:block;
	width:200px; 
	top:2px;
	height:130px;
	margin:0px auto;
	position:relative;
	background-repeat:no-repeat;
}



#listSample #flag{
	position:absolute;
	width:192px;
	z-index:21;
	color:#ffffff;
	font-size:30px;
	top:80px;
	right:0px;
	padding:6px;
	background:#003399;
	filter:alpha(Opacity=70); 	
	-moz-opacity: .7;
}

/*****************************
left
******************************/

#left{
	position:relative;
	left:15px;
	width:223px;
	display:block;
	float:left;
	height:auto;
}

#left h1{
	color:#5276AA;
	font-size:18px;
	margin:30px 0px 10px 25px;
	font-weight:normal;
}

#left ul{
	list-style:none;
	list-style-image:url(../image/bullet.gif);
	margin:0px 0px 0px 40px;
	padding:0px;
}

#left li{
	margin:5px 0px;
}

#left a, #left a:link{
	color:#5276AA;
	font-size:13px;
	text-decoration:none;
}

#left a:hover, #left a:active{
	color:#000000;
	text-decoration:underline;
	
}


#featured{
	width:213px;
	position:relative;
	display:block;
	height:100%;
	background-image:url(../image/feature_top.gif);
	background-repeat:no-repeat;
	padding:22px 0px 3px 10px;
	margin:0px;
}

#featureContent{
	display:block;
	positoin:absolute;
	width:200px;
	z-index:20px;
	padding:0px;
	margin:0px;
	top:0px;
}

#featured img{
	border:0px;
	padding:0px;
	margin:0px;

}

#featured #flag{
	position:absolute;
	width:auto;
	z-index:21;
	color:#eeeeee;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	bottom:5px;
	right:15px;
	font-weight:bold;
}
#featured #flagShadow{
	position:absolute;
	width:auto;
	z-index:21;
	color:#000000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	bottom:4px;
	right:14px;
	font-weight:bold;

}

.address{
	color:#777777;
	padding-left:20px;
	line-height:13px;

}

.price{
	color:#8aa2c4;
	padding-left:20px;
}


/*****************************
footer
******************************/


#footer{
	display:block;
	float:left;
	width:100%;
	height:190px;
	background-image:url(../image/footer.gif);
	background-repeat:no-repeat;
	background-color:#14171A;
}

#footer a, #footer a:link{
	color:#FFCC33;
	text-decoration:none;
}

#footer a:hover, #footer a:active{
	color:#ff0000;
	text-decoration:underline;
}