﻿/* ---------- */
/* ---#ECF1F9;------- */
body {
    margin:0px;	
    font-family: Arial, Helvetica, sans-serif;
	color:#000066; 
	font-size: 14px;
	padding-top:0px;
	padding-bottom:5px;
	background-color:#F5F5F5;  
	/*background-image:url("/images/gradient_gray.jpg");  :#f0f0f0 ;
	background-repeat:repeat-x;*/
}
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000066;
}
.Title {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000066;
}
.Style2 {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #000066; 
}
#Wrap {
	border: 1px solid #3A76CA;
    width: 800px;
	margin-top: 1px;
	margin-bottom: 1px;
	    margin:auto;
    background-color: #FFFFFF;
    /*height: 396px;*/
}

#header {
    background-color:#FFFFFF;
    color:#000066;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    height:128px;
    text-align:right;
}
#content { 
	background-color: #FFFFFF;

}
#footer {
	border-top: 7px solid #000066;
    background-color: #D3DFF3;
    /*height:189px;*/
	    text-align: center;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 11px;
	    color: #000066;
	    padding: 10px;
	    clear: both;

}
/* ---------- */
/* ---------- */
#Affordable {
	float: left;
}

#left-pannel {
	background-color: #FFFFFF;
	width: 200px;
	float: left;
	height: 250px;
	text-align: center;
	padding-top: 10px;
}

#right-pannel {
	background-color: #FFFFFF;
	float: right;
	width: 200px;
	height: 250px;
	text-align: center;
	padding-top: 10px;
	clear: right;
}
#middle-pannel {
	background-color: #FFFFFF;
	width: 400px;
	float: right;
	font-size: 12px;
	color: #000066;
	height: 250px;
	padding-top: 10px;
}
/* ---------- */
/* ---------- */
#navigation 
{  
	background-color: #3A76CA;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#navigation a 
{  
	color: #FFFFFF;
	text-decoration: none;
}
/*#navigation a:hover {
	background-color: #9FBAE3;
	color: #000066;
}
#navigation a {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}*/

/* ---------- */
/* ---------- */
#spotlight-resource {
	background-color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	/*height: 175px; */
	width: 525px; /*500*/
	float: left;
	clear: left;
}
#spotlight {
	background-color: #9DBAE4;
	font-size: 15px;
	font-weight: bold;
	height: 175px;
	width: 935px; /*500*/
	float: left;
	clear: left;
	text-align:center;
	 margin: 0px 0px 5px 0px;
}
#Spotlight-glass {
	float: right;
	width: 275px; /*300*/
	height: 175px;
	background-color: #9DBAE4;
	clear: right;
}
#Spotlight_image {
	margin-top: 10px;
	margin-right: 10px;
}
/* ---------- */
/* ---------- */
#Glass {
	float: right;
	clear: both;
}
#Spotlight-table {
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
	font-size: 12px;
	font-weight: bold;
	margin-left:5px;
	margin-top:5px;
	/*margin: 10px;*/
}

/* ---------- */
a:link {
	color: #3A76CA;
	text-decoration: none;
}
a:hover {
	color: #3A76CA;
	text-decoration: underline;
}

/* ---------- */
#location {
	background-color: #D3DFF3;
	color: #000066;
	width: 390px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	background-color: #D3DFF3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height:20px;
	margin:0px;
}
/* ---------- */
#dateBar {
	background-color: #D3DFF3;
	color: #000066;
	width: 390px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: right;
	font-weight: bold;
	background-color: #D3DFF3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height:20px;
	margin:0px;
}
#searchbar {
	background-color: #D3DFF3;
	color: #000066;
	width: 390px;
	float:right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: right;
	font-weight: bold;
	background-color: #D3DFF3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height:20px;
	margin:0px;
}

#login {
    background-color: #D3DFF3;
	color: #000066;
	width: 390px;
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: right;
	font-weight: bold;
	background-color: #D3DFF3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}



/* ---------- */
#content-wrap  
{
	background-color: #FFFFFF;
	float:left;
	width: 800px;
	clear: left;
}
#content-panel { 
	background-color: #FFFFFF;
	float: left;
	width: 600px;
	clear: left;
	padding-left: 50px;
	padding-top: 10px;		
}

#content-wrapresult { 
	background-color: #FFFFFF;
	float:left;
	width: 800px;
	clear: left;
}

#content-panelresult { 
	background-color: #FFFFFF;
	float: left;
	width: 790px;
	clear: left;
	padding-top: 5px;		
}

#content-panelsearch { 
	background-color: #FFFFFF;
	float: left;
	width: 600px;
	clear: left;
	padding-left: 50px;
	padding-top: 10px;		
}
#content-wrapsearch { 
	background-color: #FFFFFF;
	float:left;
	width: 800px;
	clear: left;
}

#result { 
	background-color: #FFFFFF;
	float: left;
	width: 600px;
	clear: left;
	padding-left: 10px;
	padding-top: 1px;		
}
#results_title { 
	background-color: #FFFFFF;
	float: left;
	width: 600px;
	clear: left;
	padding-left: 10px;
	padding-top: 10px;		
}

/* ---------- */

#listing {
	background-color: #FFFFFF;
	padding: 20px;
}
#listing-left {
	width: 530px;
	float: left;
	margin-right: 20px;
}
#listing-wrap {
	height: 220px;
}

#Image {
	padding: 2px;
	border: 1px solid #000066;
}
#main-photo {
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-right: 20px;
}
/*---*/
#thumb {
	margin-right: 10px;
}
#description {
    text-align:justify;
    margin-top: 10px;
	margin-bottom: 10px;	
	padding: 5px;
}
#tag-line {
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	padding: 5px;
	background-color: #000066;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;	
}
#details-left {
	float: left;
	clear: left;	
	width: 700px;
}
#details-right {
	float: right;
	width: 350px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	clear: right;
}
#details-wrap {
	height: auto;
}
#rates {
	background-color: #D1DEF4;
	padding: 5px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	margin-bottom: 10px;
}
#rates-wrap {
	height: auto;
}
#rates-left {
	width: 300px;
	float:left;
	clear:left;
}
#rates-right 
{
    float:right;
    clear:right;
	width: 300px;
}
#features {
	background-color: #D1DEF4;
	padding: 5px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	margin-bottom: 10px;
}
#features-wrap {
	height: auto;
}
#management {
	float: right;
}
#listing-right {
	float: right;
	width: 210px;
}
#thumbnails {
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#gmap {
	font-weight: bold;
	background-color: #D1DEF3;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
#gmap-wrap {
	height:auto;
}
#additional 
{
	font-weight: bold;
	background-color: #D1DEF3;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;    
}
#additional-wrap 
{
	height:auto;    
}

#featured_item {
	height: 100px;
	width: 135px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #A29F93;
	border-bottom-color: #A29F93;
	border-left-color: #FFFFFF;
	text-align: center;
	padding: 10px;
	font-size: 0.8em;
	margin-bottom: 3px;
	margin-right: 0px;
}
