/* CSS Document */

@import url('reset-fonts-grids.css');
@import url('forms.css');

* { font-family: Arial, Helvetica, sans-serif; text-align: left; }
body { text-align: center; background: #2f4663; }
strong { font-weight: bold; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.ButtonTop { float: right; margin-left: 15px; }

/* Clear Fix */

.ClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ClearFix { display: inline-table; }
/* Hides from IE-mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }
/* End hide from IE-mac */

/* Layout */

#Header { height: 130px; text-align: center; padding: 10px 0 0 0; margin: 0; }
#Header .Container { position: relative; width: 750px; height: 130px; margin: 0 auto; overflow: hidden; text-align: left; }
#Header .SiteID { float: left; margin-left: 10px; width: 134px; height: 101px; background: url('../images/site_id.gif') no-repeat top left; }
#Header .Language { position: absolute; right: 10px; top: 0; }
#Header h1 { text-indent: -9000px; }

#Banner { margin: 0; padding: 0; text-align: center; background: #f3db0c; overflow: none; }
#Banner .Container { width: 750px; margin: 0 auto; text-align: left; padding: 0; overflow: none; }
#Banner .Padding { padding: 10px; display: block; overflow: none; }
#Banner .Padding div { height: 175px; }

body.Home #Banner .Container .Padding div { background: url('../images/banner_home_bg.jpg'); }
body.About #Banner .Container .Padding div { background: url('../images/banner_about_bg.jpg'); }
body.Condo #Banner .Container .Padding div { background: url('../images/banner_condo_bg.jpg'); }
body.RivieraMaya #Banner .Container .Padding div { background: url('../images/banner_rivieramaya_bg.jpg'); }
body.Gallery #Banner .Container .Padding div { background: url('../images/banner_gallery_bg.jpg'); }
body.Rates #Banner .Container .Padding div { background: url('../images/banner_rates_bg.jpg'); }
body.Availability #Banner .Container .Padding div { background: url('../images/banner_availability_bg.jpg'); }
body.Contact #Banner .Container .Padding div { background: url('../images/banner_contact_bg.jpg'); }

#Content { background: #e4b922 url('../images/content_top_bg.gif') repeat-x top left; overflow: hidden; clear: both; text-align: center; }
#Content .Container { width: 750px; margin: 0 auto; overflow: hidden; clear: both; text-align: left; }
#Content .Container .PaddingContainer { margin: 30px 10px; overflow: hidden; clear: both; }

#ColumnsContainer { overflow: hidden; clear: both; }
#ColumnsContainer .Column2 { width: 49%; float: left; }
#ColumnsContainer .Column3 { width: 33.333%; float: left; }
#ColumnsContainer .ColumnsPaddingContainer { padding: 10px; margin: 0; overflow: hidden; clear: both; }

#Main { float: left; width: 680px; background: url('../images/main_bg.gif') repeat-y top center; overflow: hidden; }
#Main.Full { width: 730px; }
#Main #PageFlake { overflow: hidden; clear: both; border: 1px solid #f6e982; padding: 30px; background: #eac557; }
#Sidebar { float: right; width: 225px; overflow: hidden; }

#Footer { background: url('../images/footer_top_bg.gif') repeat-x top left; overflow: hidden; text-align: center; padding-bottom: 20px;}
#Footer .Container { position: relative; width: 750px; margin: 0 auto; overflow: hidden; text-align: left; }
#Footer .Container .PaddingContainer { margin: 26px 10px 20px 10px; }
#Footer h3 { position: absolute; left: 5px; top: -1px; }
#Footer .GotoTop { position: absolute; right: 5px; top: 4px; }
#Footer .SpherikaBadge { display: block; float: right; }
#Footer .Contact { float: left; width: 330px; background: url('../images/footer_coordinates_bg.gif') no-repeat top right; padding: 20px 0 0 0; }
#Footer .Coordinates { margin-left: 133px; }
#Footer .Nav { font-size: 12px; float: left; color: #B0B8BF; }
#Footer .Nav a { color: #f3db0c; text-decoration: none; }
#Footer .Nav a:hover, #Footer .Nav a:active { color: #eac557; text-decoration: none; }

/* Typography */

#Content p { font-size: 12px; line-height: 1.25; margin: 10px 0 0 0; color: #404040; }
#Content a { color: #972024; text-decoration: none; }
#Content a:hover, #Content a:active { text-decoration: underline; }

#Main h3, h4 { color: #2F4663; clear: both; }
#Main h3 { font-size: 18px; line-height: 1.125; margin: 1.125em 0 1.125em 0; }
#Main h3.Description { margin-top: 0; color: #2f4663; font-size: 21px; font-weight: bold; }
#Main h4 { font-size: 16px; line-height: 1.125; margin: 1.125em 0 1.125em 0; }
#Main p { font-size: 14px; line-height: 1.25; margin: 1.25em 0 1.25em 0; color: #404040; }
#Main small { font-size: 11px; line-height: 1.143; color: #606060; }
#Main .ColumnsContainer { overflow: hidden; clear: both; margin: 1.143em 0 1.143em 0; }
#Main .ColumnsContainer .Column { width: 50%; float: left; margin: 0; }
#Main .ColumnsContainer .Column h4 { margin-top: 0; padding-top: 0; }
#Main .ColumnsContainer .Column ul { margin-top: 0; margin-bottom: 0; }
#Main ul { padding-left: 15px; margin: 1.125em 0 1.125em 15px;}
#Main ul li { list-style: disc; font-size: 14px; line-height: 1.25; color: #404040; }
#Main a { color: #2f4663; text-decoration: none; }
#Main a:hover, #Main a:active { color: #60707f; text-decoration: underline; }

#Sidebar h4 { font-size: 16px; line-height: 1.125; margin: 1.125em 0 1.125em 0; font-weight: bold; }
#Sidebar h4.Top { margin-top: 0; }
#Sidebar p { font-size: 14px; }
#Sidebar ul { padding-left: 15px; margin: 1.125em 0 1.125em 15px;}
#Sidebar ul li { list-style: disc; font-size: 14px; line-height: 1.25; color: #404040; }

#Footer p { font-size: 12px; line-height: 1.25; margin: 0 0 10px 0; color: #404040; padding: 0; }
#Footer a { color: #972024; text-decoration: none; }
#Footer a:hover, #Footer a:active { text-decoration: underline; }

/* Navigation */

#Nav { width: 100%; position: absolute; bottom: -1px; right: 0; overflow: hidden; margin: 0; padding: 0; }
#Nav ul { padding-right: 10px; overflow: hidden; }
#Nav ul li { display: inline; margin: 0; padding: 0; }
#Nav a { float: right; text-decoration: none; background: url('../images/nav_right_bg.gif') no-repeat right bottom; margin: 0 0 0 3px; }
#Nav a span { font-size: 13px; line-height: 27px; float: left; display: block; height: 27px; padding: 0 10px; color: #2f4663; background: url('../images/nav_left_bg.gif') no-repeat left bottom; }
#Nav a:hover span, #Nav a:active span { color: #60707f; }
#Nav a.Current { background-position: right top; }
#Nav a.Current span { background-position: left top; color: #2f4663; }
#Nav a.Current:hover span, #Nav a.Current:active span { color: #2f4663; }
body.Home #Nav a#NavHome,
body.Condo #Nav a#NavCondo, 
body.RivieraMaya #Nav a#NavRivieraMaya,
body.Gallery #Nav a#NavGallery, 
body.Rates #Nav a#NavRates, 
body.Availability #Nav a#NavAvailability, 
body.Contact #Nav a#NavContact { background-position: right top; }
body.Home #Nav a#NavHome span,
body.Condo #Nav a#NavCondo span, 
body.RivieraMaya #Nav a#NavRivieraMaya span,
body.Gallery #Nav a#NavGallery span, 
body.Rates #Nav a#NavRates span, 
body.Availability #Nav a#NavAvailability span, 
body.Contact #Nav a#NavContact span { background-position: left top; color: #2f4663; }

/* Photo Gallery */

#PhotoAlbum { }
#PhotoAlbum ul { overflow: hidden; clear: both; margin: 0; padding: 0; }
#PhotoAlbum ul li { float: left; display: block; margin: 0; padding: 0; }
#PhotoAlbum a { border: 1px solid #2f4663; background: #FFFFFF; padding: 3px; display: block; margin: 0 15px 15px 0; }
#PhotoAlbum a:hover, #PhotoAlbum a:active { border-color: #f6e982; }

/* Table */

#Table { background: #FFFFFF; border: 1px solid #FFFFFF; }
#Table th { background: #2f4663; color: #FFFFFF; padding: 5px; font-size: 12px; font-weight: normal; }
#Table td { background: #dde3eb; color: #404040; padding: 5px; font-size: 12px; border-top: 1px solid #FFFFFF; }
#Table td.Notes { border-top: 1px solid #dde3eb; padding-top: 0; }
#Table td ul { margin: 0; padding: 0; margin-left: 10px; padding-left: 10px; overflow: hidden; list-style-type: none; }
#Table td ul li { background: #EEF1F5; margin: 3px; margin-top: 0; padding: 3px; list-style-type: none; width: 43%; float: left; font-size: 12px; }
#Table td dl { float: left; }
#Table td dd { font-style: italic; color: #606060; }

body.Availability #Table ul li { text-transform: capitalize; }
body.Availability .Available { font-size: 10px; background: #FFFFFF; color: #000000; padding: 1px 5px; text-transform: uppercase; line-height: 1; }
body .Unavailable { font-size: 11px; color:#000000; padding: 0px 0 0 15px; text-transform: uppercase; line-height:0;}
body .Unavailable b {	
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; 
	color:red;
	font-size: 11px;
	font-weight:bold;
	}
	
/**/
#myfooter{}