/* 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; }
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: 95px; text-align: center; padding: 10px 0 0 0; margin: 0; }
#Header .Container {
	position: relative;
	width: 950px;
	height: 95px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
#Header .SiteID { float: left; margin-left: 10px; width: 147px; height: 78px; 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: #801B1F url('../images/banner_bg.gif') repeat-x top left; }
#Banner.Homepage { background: #7E2A00 url('../images/banner_homepage_bg.gif') repeat-x top left; }
#Banner .Container { width: 950px; margin: 0 auto; text-align: left; padding: 0; }
#Banner .Padding { padding: 10px; }
#Banner a.About { padding: 10px; display: block; }
#Banner .PageTitle { display: block; width: 930px; height: 135px; position: relative; }
#Banner .PageTitle h2 { color: #FFFFFF; font-size: 30px; position: absolute; top: 10px; left: 10px; font-weight: bold; }
#Banner .PageTitle .Overlay { background-color: #000000; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; height: 65px; }

body.About #Banner .PageTitle { background: url('../images/banner_about_bg.jpg'); }
body.ServicesManagement #Banner .PageTitle { background: url('../images/banner_services_management_bg.jpg'); }
body.ServicesRentals #Banner .PageTitle { background: url('../images/banner_services_rentals_bg.jpg'); }
body.ServicesSellingBuying #Banner .PageTitle { background: url('../images/banner_services_selling_buying_bg.jpg'); }
body.ServicesDesign #Banner .PageTitle { background: url('../images/banner_services_interior_design_bg.jpg'); }
body.ServicesOther #Banner .PageTitle { background: url('../images/banner_services_other_bg.jpg'); }

#Content { background: #D8D7C3 url('../images/content_bg.gif') repeat-x top left; overflow: hidden; clear: both; text-align: center; }
#Content .Container { width: 950px; 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 #PageFlake { overflow: hidden; clear: both; border: 1px solid #BFBFBF; padding: 30px; background: #FFFFFF url('../images/page_flake_bg.gif') repeat-x bottom left; }
#Sidebar { float: right; width: 225px; overflow: hidden; }

#Footer { background: url('../images/footer_bg.gif') repeat-x top left; overflow: hidden; text-align: center; height: 600px; }
#Footer .Container { position: relative; width: 950px; 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; margin-top: 20px; }
#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; width: 600px; float: right; text-align: right; padding: 20px 0 0 0; }
#Footer .Nav a { color: #972024; text-decoration: none; }
#Footer .Nav a:hover, #Footer .Nav a:active { text-decoration: underline; }

/* 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: #972024; 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: #000000; font-size: 21px; }
#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: #972024; text-decoration: none; }
#Main a:hover, #Main a:active { 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: 23px; float: left; display: block; height: 23px; padding: 0 10px; color: #706F4A; background: url('../images/nav_left_bg.gif') no-repeat left bottom; }
#Nav a:hover span, #Nav a:active span { color: #972024; }
#Nav a.Current { background-position: right top; }
#Nav a.Current span { background-position: left top; color: #FFFFFF; }
#Nav a.Current:hover span, #Nav a.Current:active span { color: #FFFFFF; }

/* Google Map */

#ContainerGoogleMap { float: left; width: 118px; height: 88px; border: 1px solid #972024; }
#ContainerGoogleMap a { color: #972024; }
#ContainerGoogleMap a:hover, #ContainerGoogleMap a:active { text-decoration: underline; }

/* 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 #972024; background: #FFFFFF; padding: 3px; display: block; margin: 0 15px 15px 0; }
#PhotoAlbum a:hover , #PhotoAlbum a:active { border-color: #706F4A; }

/* Homepage Buckets */

#HomepageBuckets { overflow: hidden; clear: both; }
#HomepageBuckets .Bucket { float: left; margin: 0 15px 0 0; }
#HomepageBuckets .Last { margin: 0; }
#HomepageBuckets .Management { width: 315px; }
#HomepageBuckets .Rentals { width: 190px; }
#HomepageBuckets .SellingBuying { width: 190px; }
#HomepageBuckets .Design { width: 190px; }
#HomepageBuckets .BorderPadding { position: relative; border: 1px solid #BFBFBF; padding: 15px; height: 220px; background: #E1E1E1 url('../images/bucket_bg.gif') repeat-x top left; }
#HomepageBuckets h2 { color: #972024; font-size: 15px; font-weight: bold; margin: 0 0 0.25em 0; }
#HomepageBuckets p { color: #404040; font-size: 13px; line-height: 1.062; margin: 1.062em 0; }
#HomepageBuckets a { color: #972024; text-decoration: none; }
#HomepageBuckets a:hover, #HomepageBuckets a:active { text-decoration: underline; }
#HomepageBuckets .More { position: absolute; right: 10px; bottom: 10px; }

/* Free Consultation Callout */

#FreeConsultation { position: relative; overflow: hidden; clear: both; border: 1px solid #6D171A; }
#FreeConsultation .Callout { background: url('../images/free_consultation_bucket_bg.gif') repeat-x bottom left; }
#FreeConsultation .Watermark { padding: 15px 15px 45px 15px; background: url('../images/free_consultation_watermark_bg.gif') no-repeat bottom right; }
#FreeConsultation h4 { color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0;  }
#FreeConsultation p { color: #C0C0C0; font-size: 14px; line-height: 1.125; margin: 0.375em 0; }
#FreeConsultation a { color: #FFFFFF; text-decoration: underline; }
#FreeConsultation a:hover, #HomepageBuckets a:active { text-decoration: none; }
#FreeConsultation .ButtonAction { position: relative; float: right; top: 5px; left: 5px; }

/* Reserve Now Callout */

a#ReserveNow { display: block; text-decoration: none; border: 1px solid #6D171A; border-top-color: #C1282E; border-left-color: #C1282E; margin-top: 15px; }
a#ReserveNow .Callout { background: #801B1F url('../images/button_reserve_now_bg.gif') repeat-x top left; padding: 10px; }
a#ReserveNow h4 { color: #FFFFFF; font-size: 18px; line-height: 1; letter-spacing: 0.05em; font-weight: bold; margin: 0; padding: 0; text-align: center; }
a#ReserveNow p { color: #C0C0C0; font-size: 12px; line-height: 1; margin: 0; text-align: center; }
a#ReserveNow:hover, a#ReserveNow:active { text-decoration: none; } 
a#ReserveNow:hover .Callout h4, a#ReserveNow:active .Callout h4 { text-decoration: none; } 
a#ReserveNow:hover .Callout p, a#ReserveNow:active .Callout p { text-decoration: none; } 
a#ReserveNow:hover .Callout, a#ReserveNow:active .Callout { background-image: none; background: #AE2426; text-decoration: none; }

#Listings { height: 100%; }