body {
	margin:0px;
	margin-top:15px;
	margin-bottom:10px;
	padding:0px;
	border:0;
	background: #EEE;
	text-align: center;
	min-width: 800px;
	font: 1em verdana, arial, sans-serif;
	color: #222;
  }


div#main {
	/* container for vertical menu and content; */
	width:792px;
	text-align:left;
	margin: 0 auto;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background-color:#fff;
	/*background:url(../images/faux.gif); 
	background-repeat: repeat-y;*/
  	}
	
		  
  #main h2 {
  font-size: 1.2em;
  	font-style:normal;
	font-weight:bold;
	color: #222;
  word-spacing:.2em;
  margin: .8em 0 .3em 0;
  }
  	
	#main H3 {
  font-size: 1.2em;
  	font-style:normal;
	font-weight:bold;
	color: #273D88;
  word-spacing:.2em;
  margin: .7em 0 .1em 0;
  }
  
  	
  #main h4 {
	text-align: left;
	font: 1.0em verdana, arial, sans-serif;
	font-variant:small-caps;
	letter-spacing:.05em;
  margin: .5em 1em 0.1em 0;
	color: #700;
	font-weight: bold;
  }
	
div#topcell {
	/* container for horizontal leader and menu; */
	width:792px;
	background:#ffffff;
	/*border-bottom: 1px solid #003;*/
	border-bottom: 3px solid #ccf;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}
	
div#banner {
	width:792px;
	height:100px;
	}

div#mainmenu {
	line-height:2;
	font-variant:normal;
	text-align:left;
	width:792px;
	float:left;
	background:#273D8B;
	font-style:normal;
	font-weight:bold;
	color:#ffffff;
	font-size:.8em;
	font-family: verdana, arial, sans-serif;
	}
	
	div#mainmenu ul {margin:0 0 0 30px;}
	* html div#mainmenu ul {
	  float:left;
    margin-left:90px; 
    border-left: 0px solid #000;
    }
	div#mainmenu li {
    float:left; 
    padding:0 8px;
    list-style-type:none; 
    background-color:#273D8B; 
    border-right:0px solid #069;
    }
 	div#mainmenu li:first-child {padding: 0 8px 0 95px;} 
 	* html a {display:block;}
	div#mainmenu a {color:#fff; text-decoration:none;}
	div#mainmenu a:hover {color:#bdf; text-decoration:none;}
	div#leftmenu a:focus {color:#bdf;}

/* style to highlight menu item for current page*/
  #apartments #mainmenu .apartments a,
  #hotels #mainmenu .hotels a,
  #travel #mainmenu .travel a,
  #discussion #mainmenu .discussion a,
  #maps #mainmenu .maps a,
  #quickguide #mainmenu .quickguide a {
    color: #bdf;
    /*cursor: default;*/
  }


  
  	
div#contextheader {
	width:111px;
margin:12px 0 0 10px;
    color:#ffffff;
    text-align:left;
    font-size:.8em;
    font-weight:bold;
    background:#C11B17;
    /*background:#FBB117; gold*/
    font-weight:bold;
    /*color:#273D88;*/
    /*color:#000;*/
    padding:0em 0 .1em .7em;
    border:0px solid black;
	}

div#contextmenu {
	width:120px;
	padding:.2em 0 0 0;
	margin:0 0 0 10px;
	text-align:left;
  font-size:.80em;
  font-weight:bold;
	}
	div#contextmenu ul {margin:0px 0px .8em 0px; padding:0; list-style-type:none;}
	div#contextmenu li {background:#273D88; margin-bottom:.2em; font-weight:bold; padding:0em .2em .1em .7em;}

  
  /* style to highlight CONTEXTMENU item for current page*/
  /*#hotels #contextmenu .shortterm a,*/
  /*#travel #contextmenu .roommates a,*/
  /*#discussion #contextmenu .exchange a,*/
  #apartments .longterm #contextmenu .longterm a,
  #apartments .shortterm #contextmenu .shortterm a,
  #apartments .roommates #contextmenu .roommates a,
  #apartments .exchange #contextmenu .exchange a,
  #apartments .listing #contextmenu .listing a,
  #maps .barcelonamap #contextmenu .barcelonamap a,
  #maps .metromap #contextmenu .metromap a,
  #quickguide .basics #contextmenu .basics a, 
  #quickguide .transportation #contextmenu .transportation a, 
  #quickguide .weather #contextmenu .weather a {
    color: #bdf;
	/*color: #ff0; gold*/
    /*cursor: default;*/
  }

div#splashcontent {
	/*contains 2 columns in home page*/
	float: left;
	/*padding:10px 20px 1em 0px;*/
	border:0px solid;
	width:792px;
	text-align:left;
  background:#fff;
	font:.8em verdana, arial, sans-serif;
	color: #222
	}
	
div#content {
	/*contains 2 columns in body of page or for wide pages, just content*/
	float: right;
	/*padding:10px 20px 1em 0px;*/
	border:0px solid;
	width:650px;
	text-align:left;
  background:#fff;
	font:.8em verdana, arial, sans-serif;
	color: #222
	}


	
div#leftmenu {
	/*contains vertical menu*/
	float: left;
	width:130px;
  background:#fff;
  border:0px solid;
	}
	#leftmenu a:link {color:#eeeeee; text-decoration:none;}
	#leftmenu a:visited {color:#eeeeee; text-decoration:none;}
	#leftmenu a:hover {color:#bdf; text-decoration:none;}
	#leftmenu a:focus {color:#FDD017; text-decoration:none;}

div#widebody {
	/*contains 1 columns in body of page next to vertical menu*/
	float: right;
	/*padding:10px 20px 5em 0px;*/
	margin: 0px 20px 1em 10px;
	border:0px solid;
	width:620px;
	text-align:left;
    background:#fff;
	/*font:.8em verdana, arial, sans-serif;*/
	color: #222
	}
	
div#splashleft {
	/*contains body of page*/
	float: left;
	margin:20px 0px 1em 25px;
	border: 0px solid;
	width:340px;
	text-align:left;
  background:#fff;

	}
	
	#splash img{
	float: left;
	margin:0 4px 0 4px 0;
	border:0px solid #ffffff;  
  background:#fff;
	}
	
div#splashright {
	/*contains rhs column*/
	float: right;
	padding:20px 10px 1em 10px;
	border:0px solid;
	width:400px;
	text-align:left;
  background:#fff;

	}
	
	
	table#submenu  {
	/*style for apartments menu page*/
	/*border-collapse: collapse;*/
	table-layout:fixed;
	width: 625px;
	margin: 1.5em 0px 1em 0px;
	border: 0;
	}

	
	table#submenu h3 {
	/*style for apartments menu page*/
	display:inline;
	font-size: 1.3em;
	margin: 1.5em 0px 1em 0px;
	}

	table#submenu td {
	font-size: 10px;
  	font-style:normal;
	font-weight:bold;
	text-align: left;
	color: #273D88;
	width: 90px;
	}
	
	.titlecell  {
	font-size: 10px;
  	font-style:normal;
	font-weight:bold;
	text-align: center;
	color: #273D88;
	width: 80px;
	border-bottom:5px solid #273c8d;
	}
	
	table#submenu td.spacer  {
	width: 15px;
	}
	
	table#submenu img {
	margin:0 0 0 0em;
	height:94px;
	width:94px;
	margin: 0px 0 0 0;
	border:1px solid #273c8d;
	}

	
div#bodycenter {
	/*contains body of page*/
	float: left;
	padding:10px 10px 1em 5px;
	border:0px solid;
	width:460px;

	}
	
div#bodyright {
	/*contains rhs column*/
	float: right;
	padding:10px 10px 1em 0px;
	border:0px solid;
	width:160px;
	}
	
	/* Apartment search results *summary results* page styles*/
	/* div#search_results  */

#searchresult img {
	margin: 0em 0em 0 0.2em;
	vertical-align: text-top;
	height: 20px;
	width: 20px;
	border: 0px;
	}

#searchresult img.thumb {
	margin: 0.5em 0em 0 0;
	height: 60px;
	width: 80px;
	border: 1px solid black;
	}
	
#searchresult table {
	border-collapse: collapse;
	width: 400px;
	border: 1px solid #666;
	}

th {
	padding: 0.2em 1em 0.2em;
	}
	
 #searchresult td {
	vertical-align: bottom;
	padding: 0.5em 1em 0.5em;
	border-bottom: 1px solid #ddd;
	}
	
caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
	}

col
	{
	border-right: 1px solid #ccc;
	}
	
thead
	{
	background: #ccc;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	}
	
th
	{
	font-weight: normal;
	text-align: center;
	}

.search_result_shaded {
	background-color: #edf5ff;
}

.price_cell {
	vertical-align: top;
	text-align: center;
}

#searchresult tr:hover {
	background-color:#99f;
	color: #000;
	}
	
thead:hover{
	background-color: transparent;
	color: inherit;
	}
	
	/* Apartment search results *detail* page styles*/
	div#detailsleft {
	/*contains body of page*/
	float: left;
	padding:5px 15px 1em 5px;
	border:0px solid;
	width:210px;
	}
	
	#detailsleft p {text-align:justify;}
	
  div#detailsright {
	/*contains rhs column for apartment detail page*/
	float: right;
	padding:10px 10px 1em 0px;
	border:0px solid;
	width:410px;
	}
	
	div#detailsnav {
	/*contains toggle buttons photo and map*/
	text-align: right;
	padding:25px 10px 2px 0;
	border:0px solid;
	}
	
	.caption {
	/*font: 10px verdana, geneva, sans-serif;*/
		font-weight: bold;
		color: #366;
	/*background-color: transparent;*/
	}
	
	div#detailsnav ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	}

	div#detailsnav li {
	padding: 0 0 0 0;
    float:left; 
    background: url(../images/tab-right.gif) no-repeat top right; 
    }
	
	div#detailsnav li a {
	display: block;
	padding: 0 1em;
	line-height: 1.5em;
    background: url(../images/tab-left.gif) no-repeat top left; 
    text-decoration: none;
	color: #fff;
	float: left;
	}
	
	div#detailsnav ul a:hover {
		color: #333;
	}
	
	div#detailsnav img{
	margin: 0 0 5px 0;
	border-top:3px solid #bbb; 
	border-right:2px solid bbb;
	border-bottom:3px solid #bbb;  	
	border-left:2px solid bbb;
	}
	
	div.detailschart {
	/*contains amenities and price tables*/
	text-align: left;
	width:380px;
	padding:0 5px 2px 10px;
	margin: 0 0 1em 0;
	background: #eeffff;
	border:1px #273D8B solid;
	}
	

  .detailschart b {
	text-align:left;
	font: 1em verdana, arial, sans-serif;
	color: #222;
	font-weight: bold;
  }
	.detailschart p {
	line-height: 1.2;
	font: 0.9em verdana, arial, sans-serif;
	margin: 0.2em 0 .7em 1.2em;
	color: #000;
	font-weight: normal;
  }
  
    #prices.detailschart p {
	/*contains amenities and price tables*/
	text-align: left;
	width:360px;
	padding:0 5px 2px 10px;
	margin: 0 0 1em 0;
	/*background: #fff;
	border:1px #273D8B solid*/
	font:.9em verdana, arial, sans-serif;
	font-weight:bold;
	color: #366;
  }
  
  #contact.detailschart p {
	text-align: left;
	width:360px;
	padding:0 5px 0px 0px;
	margin: 0 0 2px 0;
	font-weight:normal;
	color: #111;
  }
  
  span.contactbutton {
	text-align: left;
	width:360px;
	padding:0 5px 0px 0px;
	/*margin: 1em 0 0 10px;*/
  }
	
	div#photoselect {
    line-height:1.5;
    padding:5px 0px 35px 0;
	font-variant:normal;
	text-align: center;
	background:#fff;
	font-style:normal;
	font-weight:normal;
	color:#000;
	font-size:1.2em;
	font-family: verdana, arial, sans-serif;
	border:0px #000 solid;
	}
	
	
	div#photoselect ul {
	white-space: nowrap;
	display: inline;
	list-style-type:none; 
	width:400px;
	text-align: center;
	vertical-align: top;
    margin: 0 10px .5em 10px;
    border:0px #000 solid;
    }
	
	div#photoselect li {
	display: inline;
    padding: 0em 6px;
    background-color:#fff; 
    }
	
	 margin:4px; 
	
 	/*div#photoselect li:first-child {padding: 0 8px 0 0px;} */
 	* html a {display:block;}
	div#photoselect a { font-weight:normal; color:#000; padding:0 6px; text-decoration:none; }
	div#photoselect a:hover {font-weight:normal; color:#000; padding:0px 5px 0px 5px; border:1px solid; background:#eeffff;}
	div#photoselect a:focus {font-weight:normal; color:#000; }
	
	
	
	
	INPUT.coolbutton {
   color:#700;
   font-family: helvetica, verdana, arial, sans-serif;
   font-weight:bold;
   background-color:#fffdff;
   border:1px solid;
   border-top-color:#333;
   border-left-color:#333;
   border-right-color:#000;
   border-bottom-color:#000;
}

input.coolbutton_hover{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;
   }


table#footer {
	/*contains footer links*/
	float: left;
	/*padding:10px 20px 1em 0px;*/
	border:0px solid;
	width:792px;
	text-align:center;
	background:#fff;
	/*font:.7em verdana, arial, sans-serif;*/
	color: #555
	}

div#footer {
	clear: both;
	/*float:right;*/
	width:100%;
	font-size:.7em;
	text-align:center;
	padding:0px 0 1em 0px;
	background:#fff;
	margin-left:auto; margin-right:auto;
	border:0px solid black;
	}

 div#footer ul {
    float:left; 
    margin-top: 0px;
    padding 5px 0 2em 0;
    list-style: none;
    border:0px solid black;
    } 
    
 * html div#footer ul {
	  float:left;
    border-left: 0px solid #000;
    }
 
 div#footer li {
      float:left; 
			border-left:1px solid; /* creates the vertical line to the left of each list items */
			color:#aaa; /* sets the color of the vertical lines  - links colored below */
			padding:0 5px 0 5px; /* horiz space between links and vert lines - needed diff l & r values to center */
			}
						
	#footer a:link {color:#666; text-decoration:none;}
	#footer a:visited {color:#666; text-decoration:none;}
	#footer a:hover {color:#273D88; text-decoration:underline;}
	div#footer li:first-child {border-left:0; padding: 0 8px 0 0px;} /* removes the left border of the first list item - IDWIMIE */