/* @override http://client.thibeaultstudios.com/mexico/css/style_screen.css */

* {
	margin:0px; 
	padding:0px;
}

body {
	background-color: #c1dfed;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Verdana, Arial, sans-serif;
	color: #696969;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
	color: #39535a;
	margin-bottom: .2em;
}

div {
	margin-bottom: 30px;
}

p {
	margin-bottom:5px;
}

ol {
	list-style-position: inside;
}

input {
	margin: 0;
	padding: 2px 5px;
	font-size: .7em;
	display: inline;
}

option {
	padding-right: 10px;
}

/* @group navi */

#navi {
	float: left;
	width: 100%;
	background:url(../img/navbar.gif);
	background-repeat: repeat-x;
	background-position: top;
	font: .6em/normal Verdana, "Lucida Grande", Lucida, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	letter-spacing: .05em;
}

#navi ul {
	list-style: none;
	padding:  0px 15px 0px;
}

#navi li {
	float: left;
	padding: 0px 3px 0px 3px;
}

li#adminnav {
	float: right;
	background:url(../img/adminNavBg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#navi a {
	float: left;
	display: block;
	padding: 8px 6px 8px 6px;
	color: #fff;
	text-decoration: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navi a {float:none;}
/* End IE5-Mac hack */

#navi a:hover {
	color: #333;
}

#navi li#adminnav a:hover {
	background:url(../img/adminNavBg.gif);
	background-repeat: repeat-x;
	background-position: top;

}

#home #homenav, #buying #buyingnav, #resorts #resortsnav, #rview #resortsnav {
	background-color: #e4e4e4;
}

#home #homenav a, #buying #buyingnav a, #resorts #resortsnav a, #rview #resortsnav a {
	background-color: #e4e4e4;
	border-width: 0px;
	color: #333;
}

/* @end */

/* @group 2col Setup */

#page_wrap {
	width: 775px;
	margin: 0 auto;
	/* for ie 6 pt 1 of 4 */
	text-align: center;
	background-color: #fff;
}

#wrapper {
	/* for ie 6 pt 2 of 4 */
	text-align: left;
	background-color: #fff;
	margin-bottom: 0px;
	clear:both;
}

#home #wrapper, #aboutus #wrapper, #infoform #wrapper, #thankyou #wrapper, #buying #wrapper, #resorts #wrapper, #signin #wrapper, #email #wrapper {
	padding: 0 10px 0px 15px;
}

#listings #wrapper {
	padding: 0 0 0 10px;
}

#header {
	/* for ie 6 pt 3 of 4 */
	text-align: left;
	margin: 0;
	padding: 0;
	height: 76px;
	overflow: hidden;
}

#searchwrap {
	/* for ie 6 pt 4 of 4 */
	text-align: left;
	background-color: #e4e4e4;
	margin: 0px;
	padding: 10px 10px 1px;
	clear: both;
}

#container {
	width: 100%;
	float: left;
	margin-right: -250px;
	margin-bottom: 0px;
}

#rview #container {
	width: 100%;
	float: left;
	margin-right: -625px;
	margin-bottom: 0px;
}

#details #container {
	/* sets up for 1col on details page pt 1/2 */
	margin-right: 0px;
	background-color: #fff;
}

#content {
	margin-right: 220px;
	font-size: .7em;
	padding-top: 10px;
}

#contentfull, #signin_leftcol, #signin_rightcol {
	margin-right: 0px;
	font-size: .7em;
	padding-top: 10px;
}



#mapBox {
	padding-left:10px;
}	

#content img#MexiMap {
	padding-left: 00px;
}

#content input {
	font-size: 10px;
}

#details #content {
	/* sets up for 1col on details page pt 2/2 */
	margin-right: 0px;
}

#rview #content {
	margin-right: 595px;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	text-align: center;
}

#prefoot {
	background-color: #fff;
	margin-bottom: 0;
	font-size: 9px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 25px;
	text-align: left;
}

/* @group 3 col Setup (left 2 cols) */

#innerwrap {
}

#leftcol {
	width: 50%;
	float: left;
	margin-bottom: 0px;
}

#rightcol {
	width: 50%;
	float: right;
	margin-bottom: 0px;
}

/* @end */

#sidebar {
	width: 210px;
	float: right;
	font-size: .7em;
	margin-bottom: 0px;
}

#rview #sidebar {
	width: 555px;
	padding-top: 15px;
	padding-right: 25px;
}

#footer {
	background-color: #5397c6;
	border-top: 2px solid orange;
	margin-bottom: 0px;
	color: #fff;
	font-size: 9px;
	padding-top: 3px;
	padding-bottom: 5px;
}

/* @end */

/* @group href */
#content a, #mbgbox a, #rview #searchwrap a, #rview #sidebar a, #sidebarCityList a {
	text-decoration: none;
	color: #0092df;
}

#rview #searchwrap a {
	font-size: 70%;
}

#content #agentLower div.learnmore p a {
	/* learn more about the property button */
	margin-bottom: 0px;
	color: #fff;
}

#content a:hover, #mbgbox a:hover, #sidebarCityList a:hover {
	color: orange;
}

#sidebar a {
	text-decoration: none;
}

h4.resTitle a, p.resMore a {
	color: #fff;
}

h4.resTitle a:hover, p.resMore a:hover {
	color: #fac84e;
}

#listingmanip a {
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .05em;
	font-weight: bold;
}

table.amenTbl {
	margin: 20px 0px 30px;
}

td.amenTblTd {
	width: 180px;
}

td.break {
	padding-top: 5px;
}

a img, img a {
	border: none;
}

#prefoot a {
	color: #999;
}

#prefoot a:hover {
	color: #0092df;
}

/* @end */

/* @group top ten box */

#toptenlist {
	width: 250px;
	padding: 10px;
	margin-bottom: 10px;
}

.ctop, .cbottom {
    display:block; 
    background:transparent; 
    font-size:1px;
}

.cb1, .cb2, .cb3, .cb4 {
    display:block; 
    overflow:hidden;
}

.cb1, .cb2, .cb3 {
    height:1px;
}

.cb2, .cb3, .cb4 {
    border-left:1px solid #cdcdcd; 
    border-right:1px solid #cdcdcd;
}

.cb1 {
    margin:0 5px; 
    background:#cdcdcd;                             /* top border color */
}      

.cb2 {
    margin:0 3px; 
    border-width:0 2px;
    background: #f0f0f0;
}

.cb3 {
    margin:0 2px;
    background: #f0f0f0;
}

.cb4 {
    height:2px; 
    margin:0 1px;
    background: #f0f0f0;
}

.cboxcontent {
    display:block; 
    border:0 solid #cdcdcd;                         /* side border colors */
    border-width:0 1px;
    margin-bottom: 0px;
	background: url(../img/blockBkgd.jpg) repeat-x top left;
}

.cboxinner {
	background: url(../img/blockBkgdBtm.jpg) repeat-x bottom left;
    padding: 8px;
	margin-bottom: 0px;
}

ol#topten {
	margin: 0px;
	padding: 0px;
}

/* @end */

/* @group resbox */

#resbox {
	width: 180px;
	padding: 10px;
	margin-bottom: 10px;
}

.etop, .ebottom {
    display:block; 
    background:transparent; 
    font-size:1px;
}

.eb1, .eb2, .eb3, .eb4, .eb5, .eb6, .eb7, .eb8 {
    display:block; 
    overflow:hidden;
}

.eb1, .eb2, .eb3, .eb5, .eb6, .eb7 {
    height:1px;
}

.eb2, .eb3, .eb4, .eb6, .eb7, .eb8 {
    border-left:1px solid #cdcdcd; 
    border-right:1px solid #cdcdcd;
}

.eb1 {
    margin:0 5px; 
    background:#b27232;                             /* top border color */
}      

.eb2 {
    margin:0 3px; 
    border-width:0 2px;
    background: #b27232;
}

.eb3 {
    margin:0 2px;
    background: #b27232;
}

.eb4 {
    height:2px; 
    margin:0 1px;
    background: #b27232;
}

.eb5 {
    margin:0 5px; 
    background:#fac84e;                             /* bottom border color */
}      

.eb6 {
    margin:0 3px; 
    border-width:0 2px;
    background: #fac84e;
}

.eb7 {
    margin:0 2px;
    background: #fac84e;
}

.eb8 {
    height:2px; 
    margin:0 1px;
    background: #fac84e;
}

.eboxcontent {
    display:block; 
    border-width:0 1px;
    margin-bottom: 0px;
	background-color: #b27232;
}

.eboxinner {
	margin-bottom: 0px;
	background: url(../img/mexBrdr.jpg) repeat-x bottom left;
	padding: 8px;

}

h4.resTitle {
	font-size: 1em;
	margin-bottom: .2em;
	text-transform: uppercase;
	display: inline;
}

#resbox p {
	color: #fff;
	display: inline;
}

#resbox p.resMore {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-top: .5em;
}

#res1 {
	border-bottom: solid 1px #581718;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#res2 {
	margin-bottom: 20px;
}

#resbox img {
	width: 162px;
	border: 1px solid white;
	margin-bottom: 5px;
}

#resbox img.resTitle {
	border: none;
	width: 160px;
}

#resbox h3 {
	color: #5e1c00;
	margin-bottom: 10px;
}


/* @end */

/* @group mbg box */

#mbgbox {
	width: 180px;
	padding: 10px;
	margin-bottom: 10px;
}

.dtop, .dbottom {
    display:block; 
    background:transparent; 
    font-size:1px;
}

.db1, .db2, .db3, .db4 {
    display:block; 
    overflow:hidden;
}

.db1, .db2, .db3 {
    height:1px;
}

.db2, .db3, .db4 {
    border-left:1px solid #cdcdcd; 
    border-right:1px solid #cdcdcd;
}

.db1 {
    margin:0 5px; 
    background:#cdcdcd;                             /* top border color */
}      

.db2 {
    margin:0 3px; 
    border-width:0 2px;
    background: #fff;
}

.db3 {
    margin:0 2px;
    background: #fff;
}

.db4 {
    height:2px; 
    margin:0 1px;
    background: #fff;
}

.dboxcontent {
    display:block; 
    border:0 solid #cdcdcd;                         /* side border colors */
    border-width:0 1px;
    margin-bottom: 0px;
	background-color: #fff;
	padding: 8px;
}


/* @end */

/* @group sidebar city list */

#sidebarCityBox {
	width: 180px;
	padding: 10px;
	margin-bottom: 10px;
}

ul#sidebarCityList {
	list-style:none;
	width: 160px;
	margin-left: 0px;
	
}

ul#sidebarCityList li {
	margin-bottom: 6px;
	background:url(../img/arrow_blue.png) no-repeat;
	padding-left:11px;
	padding-top:0px;
	
}

/* @end */


/* @group listings / detail */

div#searchwrap label {
	font-size: 9px;
	margin-left: 2px;
}

#limitS {
	margin-left: 20px;
}

#breadcrumb {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	padding: 10px;
	margin: 0px;
}

#details #breadcrumb {
	padding-bottom: 2px;
}

#breadcrumb .current {
	color: #b77231;
	font-size: 1.6em;
	font-style: italic;
}

#listingmanip {
	margin-left: 10px;
	margin-bottom: 2px;
}

#inlineresorts {
	margin-bottom: 10px;
}

p.resDisclaimer {
	color: #666;
	text-transform: uppercase;
	font-size: 8px;
	width: 100%;
	text-align: right;
}

div.resortlisting {
	background-color: #fef6b3;
	border-bottom: 2px solid white;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 10px;
}

div.resortlisting h4 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
}

#sortbox {
	float: left;
	width: 100%;
	height: 30px;
	font-size: 9px;
	text-transform: uppercase;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	letter-spacing: .05em;
	color: #666;
}

#sortby, #sorto {
	margin: 0px;
	display: block;
	clear: both;
}

#sortbox ul {
	list-style: none;
	padding: 0px 15px 0px;
	display: inline;
}

#sortbox li {
	float: left;
	padding: 0px 3px 3px 3px;
}

#sortbox h5 {
	float: left;
	display: inline;
	font-weight: normal;
	color: black;
	font-size: 9px;
}

.listingnav {
	padding-left: 10px;
	margin-bottom: 0px;
}

.listing {
	padding: 10px 0px;
	margin-bottom: 0px;
}

#listings .listing, #prop {
	background: url(../img/blockBkgd.jpg) repeat-x top left;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	clear: both;
}


#listings .listingHi {
	background: url(../img/blockBkgd_hi.gif) repeat-x top left;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	clear: both;
}

#prop {
	margin: 20px 0px 10px;
	padding: 20px 20px;
}

#prop h1 {
	color: #666;
	font-weight: normal;
	font-size: 1.4em;
	z-index: 2;
}

#listings .listing + .listing {
	margin-top: 30px;
}

.listing h4 {
	font-size: 1em;
	line-height: 1.5em;
}

.listing ul {
	list-style: none;
	margin: 5px 0px 0px;
	padding: 0px;
}

#listings .listing li, #details .listing .row2 li {
	float: left;
	padding: 0px 6px 3px 0px;
}

#listings .row2 {
	width: 512px;
}

#details .upper {
	/* float amenities to the right of the image at the top of the details page */
	float: right;
	margin: 0;
	width: 380px;
}

#details .lower, #agentUpper {
	/* clear content below img and amenities on details pg */
	clear: both;
}

.row1, .row2 {
	margin: 0px;
	display: block;
	clear: both;
}

.row1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #888;
	line-height: 120%;
	height: 30px;
}

table.row1 {
	height: 60px;
}

.row2 {
	clear: both;
	padding: 0px;
}

span.unit {
	/* make unit designators (mbg#, us$) smaller */
	font-weight: normal;
	font-size: 80%;
	color: #666;
}

#details .listing .row2 {
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
}

.mainImg, .secImg {
	float: left;
	margin-bottom: 20px;
}

.secImg {
	margin-bottom: 10px;
}

.thrdImg {
	float: right;
	margin-bottom: 10px;
	margin-right: 35px;
}

.paidImg {
	width: 340px;
	margin: 10px 0px;
	display: block;
}

.mainImg, .secImg, .thrdImg, .paidImg {
	border: 4px solid #999;
}

#dualImg {
	margin-top: 20px;
	margin-bottom: 0px;
}

div#agentUpper {
	border-top: 2px solid #0092df;
	/*border-bottom: 2px solid #0092df;*/
	padding-top: 2px;
	padding-bottom: 5px;
	margin-top: 5px;
	width: 305px;
}

div#agentUpper p {
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;
}

div#agentUpper #learnMoreBtn {
	margin-top: 10px;
	border: 0px solid #fff;
}

#agentLower {
	border-top: 2px solid #0092df;
	border-bottom: 2px solid #0092df;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.fn {
	font-weight: bold;
}

#agentLower p {
	margin: 0px;
	padding: 0px 0px 2px;
}

.learnmore {
	background: url(../img/learnMoreBg.gif) repeat-x top left;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	display: block;
}

/* @end */

/* @group resorts */

.logostack {
	text-align: center;
	margin-top: 25px;
}

.logostack img {
	padding-bottom: 8px;
}

.logostack .logobox {
	margin: 0 auto 8px;
}

.logobox {
	width: 70%;
	border-bottom: 1px solid #ccc;
}

#resorts h1, #resorts h2 {
	margin-bottom: 10px;
}

#rview h3 {
	font-weight: normal;
	font-style: italic;
	text-align: left;
}

#rview #propertyimages {
	text-align: center;
}

#rview #propertyimages img {
	display: block;
	margin: 15px auto 8px;
	padding: 2px;
	border: 1px solid #ccc;
}

#rview #propLogo {
	margin: 0 auto;
	padding-bottom: 20px;
	padding-top: 10px;
}

/* @end */

/* @group buying */

ul#buyingNaviA, ul#buyingNaviB {
	list-style: none;
	margin-bottom: 10px;
	padding-left: 10px;
}

ul#buyingNaviA {
	margin-top: 25px;
}

#buyingNavi a {
	color: #0092df;
}

#buyingNavi a:hover {
	color: orange;
}

#buyingwrap #buyingNavi #selected a {
color: gray;
}

#buyingNavi li {
	padding-bottom: 3px;
}

#buyingNavi h4 {
	padding-left: 10px;
	font-size: 1em;
	padding-bottom: 5px;
}

/* @end */


/* @group other */

#infoform #wrapper li, #buying #content li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
}

#infoform .formrow {
	margin: 0 0 10px 0;
}

#infoform h3, #infoform p, #aboutus h3, #aboutus p, #thankyou h3, #thankyou p, #buying h3, #buying p, #resorts p, #rview p {
	margin-top: 15px;
	margin-bottom: 10px;
}

#aboutus h2, #infoform h2, #thankyou h2, #buying h2 {
	padding-top: 15px;
}

input#search {
	color: #666;
	margin-right: 10px;
	padding-top: 4px;
}

img#map {
	padding: 8px 10px;
	width: 515px;
	border: 0px;
	height: auto;
}

#innerwrap div.module {
	/* homepage city listings */
	background: url(../img/blockBkgd.jpg) repeat-x top left;
	width: 220px;
	padding: 15px;
	margin: 10px 0px 10px 10px;
}

#innerwrap div.module li {
	/* homepage city listings */
	list-style-type: none;
	padding-left: 5px;
}

.block {
	display:block;
}

.centered {
	text-align: center;
	margin: 0 auto;
}

.left {
	float: left;
}

.clearl {
	padding-left: 10px;
	padding-bottom: 10px;
}

.clearr {
	padding-right: 10px;
	padding-bottom: 10px;
}

.formfield {
	color: #333;
}

.right {
	float: right;
}

.txtin {
	color: #696969;
}

.clearing {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

.small {
	font-size: .7em;
}

.xs {
	font-size: .5em;
}

.inline {
	display: inline;
}

.formTitle {
	font:14px arial;
	font-weight:bold;
	color:#336699;
}

.formMessage {

}

.formBody {
	border-top:1px solid #ccc;
	background:url(../img/blue_fade.png) repeat-x;
	padding:15px;
}

.formBody td {
	font:12px arial;
}

.formHidden 
{
  display: none;
}

.formError 
{
  color: #ff0000;
}


.formFieldHide
{
    display:none;
    visibility:hidden;
}

#welcomeBox {
	background:url(../img/welcomeBg.jpg) no-repeat;
	width:515px;
	height:152px;
	margin-left:10px;
	margin-bottom:10px;
}
#welcomeBoxButtons {
	padding-top:8px;
	width:145px;
	float:right;
	margin-bottom:0px;
}
#welcomeBoxText {
	padding-top:10px;
	padding-left:18px;
	width:340px;
	margin-bottom:0px;
	color: #000;
	font-size: 9px;
}
#welcomeBoxText p {
	margin:0;
	padding-bottom:5px;
}
.style1 {color: #333333}
.style2 {color: #000033}

/* @end */