@charset "utf-8";

HTML BODY{
	background-image:url(../image/deep_back.gif);
	background-position:top center;
	background-color:#000000;
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#aaaaaa;
}

#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%;
	background-image:url(../image/header.gif);
	background-repeat:no-repeat;
	line-height:0px;
	font-size:1px;
}

#printHeader{
	display:none;
}

#nav{
	display:block;
	width:100%;
	height:85px;
	background-repeat:no-repeat;
	text-align:center;
}

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

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

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

#nav a:hover, #nav a:active{
	color:#ffffff;
	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:#444444;
border:1px solid #666666;
width:150px;
}

.button {
width:90px;
}


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

#content{
	position:relative;
	float:left;
	display:table;
	width:480px;
	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:#0099cc;
	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:#333333;
	margin:0px 22px 22px 0px;
	height:auto;
	text-align:center;
}

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


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

#content #detailTable td{
	border:1px solid #333333;
	padding:7px;
	width:auto;
	color:#aaaaaa;
}

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

#content input, #content textarea, {
	color: #aaaaaa;
	background:#333333;
	font-size:12px;
	border:1px solid #666666;
}


/*****************************
Listing
******************************/
#listSample{
	display:block;
	position:relative;
	float:left;
	width:204px;
	background:#333333;
	border:1px solid #666666;
	font-size:11px;
	margin:0px 20px 20px 0px;
	height:190px;
	text-align:center;
}

#listSample #description{
	display:block;
	position:relative;
	width:100%;
	margin:7px 0 0px 0;
	border-top:1px dotted #666666;
	height:35px;
	bottom:0px;
	left:0px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

}

#hitArea{
position:absolute;
top:0px;
left:0px;
height:190px;
width:100%;
z-index:30;
display:block;
float:left;
}

#hitArea:hover, a #hitArea:active{
}

#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:20px;
	top:90px;
	right:0px;
	padding:6px;
	background:#660000;
	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:#8aa2c4;
	font-size:13px;
	text-decoration:none;
}

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


#featured{
	width:213px;
	position:relative;
	display:block;
	height:100%;
	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:1px solid #666666;
	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;
	paddig-top:5px;
	float:left;
	width:100%;
	height:30px;
	background-image:url(../image/footer.gif);
	background-repeat:no-repeat;
	font-size:11px;
	text-align:center;
}
#footer p{
margin:5px 0px 0px 0px;
}


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

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

.fullpage{
	width:700px !important;
}