#footer_menu ul { list-style: none; }
#header_links { list-style: none; }

/*
Tokase Properties StyleSheet

Copyright (c) 2007, Clever Designs. All rights reserved.

http://cleverdesigns.ca
version: 1.0
*
*
*
LAYOUTS:
	
	
COLOR PALETTE:
== General
	#63c7dd (background)
	#FFFFFF (content)

== Development & Vision
	#F4F4F2 (side menu)
	#B22828

== Buying in Mexico
	#65711e

== Listings
	#F4F4F2 (listing background)
	#25ACAF
		
== Maps & Activities 
	#C7D8EA (side menu)
	#013780 

== Team Tokase
	#D6CED0 (side menu)
	#683A38
	
== Financing
	#495E02

	


FONTS:
'Trebuchet', Helvetica, Tahoma, Arial, sans-serif
Georgia,Utopia,Palatino,'Palatino Linotype',serif

*/
@import url("http://cleverdesigns.ca/tokase/yui.css");



#ubertor.under_construction #menu_outer{display:none;}
#ubertor.under_construction #page_footer{display:none;}
#ubertor.under_construction #page_header_outer {display:none;}
#ubertor.under_construction #container_outer{border:none;}


#ubertor.splash {
	background:#FFF;
}
#ubertor.splash #menu_outer{display:none;}
#ubertor.splash #page_footer{display:none;}
#ubertor.splash #page_header_outer {display:none;}
#ubertor.splash #container_outer{border:none;}
#ubertor.splash #container_outer{border:none;}
#ubertor.splash #container_inner{
	padding:0px;
	margin:0px;
}

#menu_outer{display:block;}
#page_footer{display:block;}
#page_header_outer {display:block;}
#container_outer{border:block;}

/*=============================
  Global Page Elements 
===============================*/
body {
	text-align:left;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	background-color: #4d4a45;
	background-image: url(http://www.allelementsdesign.com/tokase/background.jpg);
	background-repeat: repeat;
        font-size:12px;
}

p { margin-top:5px;
margin-bottom: 5px;
line-height: 130%;
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
}

a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em { font-style: italic; }
h1 { font-size: 150%; }
h2 { font-size: 120%; }
h3 { font-size: 100%; }
h4 { font-size: 92%; }


h2{
	padding: 20px 0px;
	text-transform: uppercase;
}
h3{
	font-weight:bold;
}

a.links:link {
	color: #ffffff;
	text-decoration: underline;
}
a.links:visited{
	color: #ffffff;
	text-decoration: underline;
}
a.links:active {
	color: #ffffff;
	text-decoration: underline;
}
a.links:hover {
	color: #ffffff;
	text-decoration: none;
}

/*=============================
  Ubertor Page Elements 
===============================*/

#container_outer {
	width:800px;
	border: none;
	margin: 30px auto 60px auto;
	overflow:visible;
	
}
/* Hides from IE-Mac\*/
html #container_outer{
	height:1%;
}
/* End Hide from IE-Mac */

#container_inner {
	/*====border: 3px dotted yellow;===*/
	border: 1px;
	border-color: #757575;
border-style: solid;
	margin: 5px;
	padding: 40px;
	background-image: url(http://www.allelementsdesign.com/tokase/top_dark.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	overflow:visible;
	
}

#page_header_outer {
	/*====border: 1px solid yellow;===*/
	
	width:710px;
	height:30px;
	
	margin-bottom:10px;
	overflow:visible;
}
#page_header_inner {
	/*====border: 1px solid green;===*/
	
	width:100%;
	height:100%;
background: url("http://storage.ubertor.com/cl7509/content/image/1.jpg") no-repeat top left;
	
}
#page_header_inner>h1 { display: none; }
#page_header_inner>h2 { display: none; }
#site_title{display:none;}

#broker_logo {
	margin-right:9px;
	float:right;
	width: 140px;
	height: 120px;
	background: none;
}

ul#contact_info { display: none; }
li.phone {}
li.mobile {}
li.email {}
li.tollfree {}

#page_footer{
	/*====border: 1px solid red;===*/
	
	text-align:center;
	width:710px;
	height:30px;
	
	position:relative;
	top:20px;
	overflow:visible;
	margin-bottom:10px;
	padding-top:10px;
	border-top: 1px solid #ccc;
}

div#footer_menu{}
#page_footer a{
	padding:10px;
}
#page_footer a:hover{
	text-decoration: underline;
}
p#agent-brokerage{
	display:none;
}
p#custom_footer{
	position:absolute;
	top:40px;
	left:-40px;
	width:788px;
	height:30px;
	background: #d3d3d3 url("http://storage.ubertor.com/cl7509/content/image/71.jpg") no-repeat  center center;
}
div#page_footer a#powered_by{}

div#page_footer a#powered_by {
	position:absolute;
	top:90px;
	left:680px;
	background: transparent url("http://storage.ubertor.com/cl7509/content/image/1856.jpg") no-repeat top left;
	overflow: hidden;
	height:29px;
	width:70px;
	visibility: visible;
	z-index:100;
}
div#page_footer a#powered_by {
	_background: transparent;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://storage.ubertor.com/cl7509/content/image/1856.jpg", sizingMethod='crop');
	_overflow: hidden;
	_visibility: visible;
}
/*=============================
  Ubertor Content Elements 
===============================*/
#content_outer{
	overflow:hidden;
}
#content_inner{
	position:relative;
}
#content_body{
	overflow:hidden;
}
#content_body img{
	margin:0;
	padding:0;
}
.primary{
	float:left;
	width:515px;
}
.primary p{
	padding:0 10px;
}
.secondary{
	float:right;
	width:170px;
	padding-top:40px;
}

/*=============================
  Ubertor Menu Elements 
===============================*/
#menu_outer{
	font-size:12px;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	position:relative;
	width:570px;
	height:95px;
	margin-bottom:5px;
	overflow:visible;
	background: none;
	z-index:10;
}
#menu_outer a:hover{
	color:#333333;
	background: transparent;
}
#menu_inner{
	position:absolute;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	width:100%;
	height:100%;
	top:50px;
	left:0px;
	background: transparent;
}
#menu_inner ul{
	padding: 0px;
	background:transparent url("http://storage.ubertor.com/cl7509/content/image/2097.png") repeat;
}
#menu_inner ul li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	background: none;
	
}
#menu_inner ul li a{
	display:block;
	color:#555555;
	font-size: 85%;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	height:30px;
	width:73px;
	padding: 5px 5px 5px 5px;
	margin:1px;
	background:transparent;
}
#menu_inner ul li a:hover{}

/* VERTICAL DROPDOWN MENU
=================================== */

#menu_inner ul ul li { float: none; display:block; clear:both; background:none;}

#menu_inner ul ul li a {
	margin:0px;
	border: 1px solid #999999;
  padding: 5px;
  display:block;
  float:left;
  background:none;
}

#menu_inner ul ul {
  display:none;
  position:absolute;
}

#menu_inner li:hover, #menu_inner li.sel_over, #menu_inner li.over 
{ margin-top: 0px; }

#menu_inner li:hover li,#menu_inner li.over li,#menu_inner li.sel_over li
{ margin:0; }

#menu_inner ul li:hover ul, #menu_inner ul li.over ul, #menu_inner ul li.sel_over ul {
  display:block;
  z-index: 100;
}


/* COLOR MENU
=================================== */

#menu_inner ul li#up_menu1 a{
	width:80px;
	background:none;
}
#menu_inner ul li#up_menu1 a:hover {
	background:transparent url("http://storage.ubertor.com/cl7509/content/image/2097.png") repeat;
}
#menu_inner ul li#up_menu2 a{
	width:85px;
	background:none;
}
#menu_inner ul li#up_menu2 a:hover {
	background:transparent url("http://storage.ubertor.com/cl7509/content/image/2097.png") repeat;
}
#menu_inner ul li#up_menu3 a{
width:78px;
	background:none;
}
#menu_inner ul li#up_menu3 a:hover {
	background:transparent url("http://storage.ubertor.com/cl7509/content/image/2097.png") repeat;
}

#menu_inner ul li#up_menu4 a{
width:70px;
	background:none;
}
#menu_inner ul li#up_menu4 a:hover {
	background:transparent url("http://storage.ubertor.com/cl7509/content/image/2097.png") repeat;
}
#menu_inner ul li#up_menu4 li a{
	height:30px;
	padding: 5px;
	background:none;
}
#menu_inner ul li#up_menu5 a{
width:78px;
	background:none;
}
#menu_inner ul li#up_menu5 a:hover {
	background:transparent url("http://storage.ubertor.com/cl7509/content/image/2097.png") repeat;
}
#menu_inner ul li#up_menu5 li a{
	background:none;
}
#menu_inner ul li#up_menu6 a{
width:75px;
	background:none;
}
#menu_inner ul li#up_menu6 a:hover {
	background:transparent url("http://storage.ubertor.com/cl7509/content/image/2097.png") repeat;
}

/*=============================
  Ubertor Inset Elements 
===============================*/

.inset{}
#id_inset_outer {
	width:170px;
	height:50px;
	position:absolute;
	
	top:190px;
	left:540px;
}
#up_inset1 h3{
	color:#999;
	padding:5px;
}
#up_inset2{
display:none;
}
#up_inset3{
display:none;
}

form#searchform input#s{
	background:#FFF;
	padding:3px;
	margin-right:5px;

	width:100px;
	border: 1px solid #CCC;
}
form#searchform input#searchsubmit{
	background:#eee;
	color:#322515;
	padding:3px;
	width:50px;
	border: 1px solid #CCC;
}
form#searchform input#searchsubmit:hover{
	background:#DDD;
}
#up_inset2{
	display:none;
}
/*=============================
  Search Results Page 
===============================*/
#ubertor.site_search {
	
}
#ubertor.site_search h3{
	padding:10px;
}
#ubertor.site_search form{
	float:right;
}
#links {
	border-top: 1px solid #CCC;
	padding:20px;
}
#links ul li{
	padding:10px;
}
#links ul li p{
	padding:10px;
}
#links ul li a{
	text-transform:uppercase;
	display:block;
	padding:10px;
	background-color: #EEE;
}
#links ul li a:hover{

	background-color: #CCC;
	text-decoration:none;
}

/*=============================
  Team Tokase Elements 
===============================*/

div.employee{
	height:45px;
	padding:20px;
	margin:10px;
	background-color: #ddd;
	border: 5px solid #eee;
}
div.employee p{
	padding:0 5px;
}
div.employee img{
	margin: -20px -20px 0px 0px;
	float:right;
	width:85px;
	height:85px;
}
p.contact_info {
	padding:2px;
	margin: -20px 0px 20px 0px;
}




/*=============================
  Ubertor Listing Elements 
===============================*/

/* === Paging === */

.pages_return {}
.pages {
	display:none;
}
.pages li {}

ul.pages li.total {}

/* === List === */

#listing_group {}

.listing {
	padding:0;
	margin:0;
	position:relative;
	background-color: #DDD;
	overflow:auto;
	margin-bottom:20px;
	/*border: 1px solid #999;*/
}

div.listing h2 {
	float:left;
	width:500px;
	padding:10px 10px 10px 10px;
	font-size:120%;
	font-weight:bold;
	margin:2px;
	margin-bottom:8px;
	background-color:#EFEFEF;
	
}

.listing h2 a {
	margin:0px;
	padding:0px;
}

.listing img {
	margin:10px;
	padding:2px;
	border: 0px solid #FFF;
	float:right;
	width:150px;
	height:150px;
}

#content_body div.listing ul.stats {
	border-left: 1px dotted #999;
	float:right;
	padding:10px 20px;
	margin-right:30px;
}

#content_body div.listing ul.stats li {}

.properties p.description {
	float:left;
	width:300px;
	padding: 10px 0px 10px 20px;
}

div#listing_group {
	border:none;
}

div.listing ul.stats a {}
div.listing ul.stats li.value {}

div.listing ul.stats li.value small {}

.listing p {}
.listing p strong {}
.listing p img {} 

.listing_details .info p {}

#content_body p.board_disclaimer {}

/* === Listing Details === */
div.listing_details {
	background-color: #F4F4F4;
}
div#details.info{
}
#details {}
#details ul, #details h3, #details p {}
#address strong,
.property_detail #page_header_outer h1 strong {}

* html .listing_details div.info {
	height:1%;
}

/* === Detail Tabs === */

.listing_details #navigation {
  padding: 10px; margin: 0px;
background-color: #FFF;
}

.listing_details #navigation li {}
.listing_details #navigation li.prev {}
.listing_details #navigation li.next {}
.listing_details #navigation li.return {}

.listing_details #detail_menu {
	margin-left:5px;
}

.listing_details div.info {}

.listing_details #detail_menu li {
	float:left;
	margin-left:3px;
}

.listing_details #detail_menu li a {
	display:block;
	color:#FFF;
	padding:10px;
	background:#333;
}

.listing_details #detail_menu .sel a {

}

.listing_details #detail_menu .sel a,
.listing_details #detail_menu a:hover {
	background:#000;
}

/* === Flash Slideshow === */

.listing_details object {
	margin-bottom:10px;
	float:left;
}

/* === Detail Header === */

#ubertor .listing_details #address {
	margin:10px;
	overflow:auto;
}

#ubertor .listing_details #address h2 {
	float:left;
	color:#333;
	width:520px;
	padding:20px 0px 5px 20px;
	font-size:120%;
	font-weight:bold;
}

/* === Detail Links === */

.listing_details ul.links {
	float:right;
	margin:5px;
	width:190px;
	border: 1px solid #999;
	background-color: #BBB;
}

.listing_details ul.info {
	color:#999;
	font-weight:bold;
	margin-left:15px;
	float:left;
	width:170px;
}
.listing_details ul.right {}
.listing_details ul.info strong {}

.listing_details ul.info li.value strong {}

.listing_details ul.info li.value {}

.listing_details ul.info li.type {}
.listing_details .info p {}

.listing_details p .reciprocity_logo {}

.listing_details h3 {}

.listing_details p, .listing_details h3 {}

#listing_description {
	padding:10px;
	background-color: #BBB;
	border: 1px solid #999;
	margin:5px;
	clear:both;
}

#listing_description p, #listing_description h3 {}

/* === Photos === */
/*
#photos { text-align: center; }
#photos h3, #photos p { width: auto; float:none; margin: 0;}
#details img, #photos img { margin: 10px 0; }
#photos ul {
  width: 70%;
  clear:left;
  margin: 10px auto;
  overflow: auto;
}

#photos li { float: left;}
*/
/* === Map === */

#map { clear:both; }




/*=============================
  Custom Page Elements 
===============================*/


/* === Development & Vision === */
#ubertor.development__vision div#content_body a:link, #ubertor.development__vision h1, #ubertor.development__vision h2, #ubertor.development__vision h3, #ubertor.development__vision h4, #ubertor.development__vision strong{
	color: #322515;
}
/* === luxury & Sustainability === */
#ubertor.luxury__sustainability div#content_body a:link, #ubertor.luxury__sustainability h1, #ubertor.luxury__sustainability h2, #ubertor.luxury__sustainability h3, #ubertor.luxury__sustainability h4, #ubertor.luxury__sustainability strong{
	color: #727d23;
}
/* === Real estate === */
#ubertor.listings div#content_body a:link, #ubertor.listings h1, #ubertor.listings h2, #ubertor.listings h3, #ubertor.listings h4, #ubertor.listings strong{
	color: #C0A97F;
}
/* === investing === */
#ubertor.investing div#content_body a:link, #ubertor.investing h1, #ubertor.investing h2, #ubertor.investing h3, #ubertor.investing h4, #ubertor.investing strong{
	color: #013780;
}
/* === Team Tokase === */
#ubertor.team_tokase div#content_body a:link, #ubertor.team_tokase h1, #ubertor.team_tokase h2, #ubertor.team_tokase h3, #ubertor.team_tokase h4, #ubertor.team_tokase strong{
	color: #7C4B4A;
}
/* ===about === */
#ubertor.about_los_cabos div#content_body a:link, #ubertor.about_los_cabos h1, #ubertor.about_los_cabos h2, #ubertor.about_los_cabos h3, #ubertor.about_los_cabos h4, #ubertor.about_los_cabos strong{
	color: #0066CC;
}
/* === Property Detail === */
#ubertor.listings div#content_body div#details.info a:link, #ubertor.listings div#content_body div#details.info h1, #ubertor.listings div#content_body div#details.info h2, #ubertor.listings div#content_body div#details.info h3, #ubertor.listings div#content_body div#details.info h4{
	color: #FFF;
}
#ubertor.listings div#content_body div#details.info strong{
	color:#333;
	margin-right:10px;
}
.listing_details #address strong {
	padding: 20px;
	float:right;
	color:#333;
	font-weight:normal;
}
#flash_banner{
	z-index:-1;
}