@import "reset.css";

/* -------------------------- */
/* -------   Global   ------- */
/* -------------------------- */
html { background:#fff; }
body { font:12px/14px Arial, Helvetica, sans-serif; color:#444; background:#fff; }

h1 { color:#12bef2; font-size:20px; line-height:30px; }
h1.objectAddress { color:#5f5f5f; font-size:14px; line-height:22px; font-weight:bold; letter-spacing:-1px; }
h2 { color:#5f5f5f; font-size:14px; line-height:22px; font-weight:bold; letter-spacing:-1px; }
h3 { color:#5f5f5f; font-size:13px; line-height:16px; font-weight:bold; }
.sifrHeader { color:#12bef2; font-size:22px; line-height:22px; }

p { margin-bottom:10px; }

strong { font-weight:bold; }
em { font-style:italic; }

a { color:#005d9d; text-decoration:none; }
a:hover { color:#0b2647; }
a.withArrow { background:url('../../graphics/gfx_arrow.gif') no-repeat center right; padding:0 15px 0 0; }
a.withBlackArrow { background:url('../../graphics/gfx_arrowBlack.gif') no-repeat center right; }
a.withArrowBack { background:url('../../graphics/gfx_arrowBack.gif') no-repeat center left; padding-left:12px !important; }
a.bold { text-transform:uppercase; font-size:10px; font-weight:bold; }

ul a { text-transform:uppercase; font-weight:bold; font-size:10px; }
ul a.active { color:#f36523; }
ul li.active a { color:#f36523; }

input { color:#444; }



/* -------------------------- */
/* -----     Common     ----- */
/* -------------------------- */

/* Clears floating children */
.clear { }

/* sIFR */
.sIFR-alternate { display:none; }

/* Standard form elements */
textarea { border:1px solid #cfcfcf; color:#444; padding:3px 5px; }
select { color:#005d9d; text-transform:uppercase; font-weight:bold; font-size:10px; font-style:normal; border:1px solid #cfcfcf !important; }
	select option { color:#005d9d; text-transform:uppercase; font-weight:bold; font-size:10px; border-bottom:1px dashed #CFCFCF; height:13px; }
	select option.last { border:none; }
input { border:1px solid #cfcfcf; padding:2px 5px; }
	input.checkbox { border:none; }
label { font-size:11px; }

/* Button */
span.button { background:url('../../graphics/gfx_button.gif') no-repeat center left; padding:0 0 0 5px; height:18px; display:inline-block; }
	span.button input { background:url('../../graphics/gfx_button.gif') no-repeat center right; width:auto; border:none; padding:1px 5px 1px 0; color:#fff; text-transform:uppercase; font-size:10px; }

.ingress { font-size:14px; }


/* -------------------------- */
/* -----    Structure   ----- */
/* -------------------------- */
.pageWrap {  }
.pageWrap.showImages { width:750px; }

	.pageHeader { padding:40px 0 0; background:#fff; }
		.headerLogo a { background:#fff; width:265px; height:29px; display:block; }
			.headerLogo a span { color:#12bef2; font-size:20px; line-height:30px; }
		
		.pageHeader ul {  }
			.pageHeader ul li { display:inline; }
				.pageHeader ul li a { background:#fff url('../../graphics/gfx_headerNavBg.gif') top right repeat-y; padding:5px 15px 1px 0; }
				.pageHeader ul li.last a { background:#fff; }
				.pageHeader ul li a.active { color:#f36523; }
				
		.headerNavOther { display:none; text-align:right; }
		.headerNav { display:none; background:#fff url('../../graphics/gfx_headerLine.gif') repeat-x top left; padding:8px 0 0 0; margin:2px 0 0; }
			.headerNav ul { float:left; }
				.headerNav ul li a { display:block; float:left; width:75px; }
			.headerNav .headerSearch { float:right; padding:2px 0 0; white-space:nowrap; }
				.headerSearch a { background:#fff url('../../graphics/gfx_arrow.gif') no-repeat top right; padding:0 15px 0 0; text-transform:uppercase; font-size:10px; font-weight:bold; margin-left:10px; }
			.headerSearch .headerSearchForm { display:inline; }
				.headerSearch .headerSearchForm input.text { width:120px; font-size:10px; }
				.headerSearch .headerSearchForm input.button { background:#fff; border:none; text-transform:uppercase; font-size:10px; font-weight:bold; color:#005d9d; cursor:pointer; padding:0 !important; }
	
	
	/* CONTENT */
	.pageContent { padding:20px 0; background:#fff; clear:both; }
		/* Show all images */
		.pageWrap.showImages .pageContent { padding:20px 25px; background:url('../../graphics/gfx_contentShowImagesBg.gif') repeat-y top left; width:700px; clear:both; }
			.pageWrap.showImages .pageContent .contentMain { width:700px; }
				.pageWrap.showImages .pageContent .contentMain .showImagesHeader { height:30px; padding:15px 0 50px; }
					.pageWrap.showImages .pageContent .contentMain .showImagesHeader img { float:left; }
					.pageWrap.showImages .pageContent .contentMain .showImagesHeader ul { float:right; margin-top:15px; }
						.pageWrap.showImages .pageContent .contentMain .showImagesHeader ul li { display:inline; background:#fff url('../../graphics/gfx_headerNavBg.gif') top right repeat-y; }
						.pageWrap.showImages .pageContent .contentMain .showImagesHeader ul li.last { background:#fff; }
							.pageWrap.showImages .pageContent .contentMain .showImagesHeader ul li a { padding:10px 10px 10px 5px; }
					.pageWrap.showImages .pageContent .contentMain p { margin-bottom:30px; }
			
		/* Left content */
		.contentLeft { display:none; float:left; border:1px solid #e9e9e9; margin:35px 40px 20px 0; width:230px; padding:3px 3px 0; }
	
			/* Left nav */
			.contentLeft .leftNav { margin:0 0 3px; background:#c8dde5 url('../../graphics/gfx_contentLeftModuleBg.gif') repeat-x top left; padding:5px 15px; }
				.contentLeft .leftNav ul {  }
					.contentLeft .leftNav ul li { height:1%; }
						.contentLeft .leftNav ul li { display:block; padding:0; }
							/* level 2 */
							.contentLeft .leftNav ul li ul { padding:0 0 10px; }
								.contentLeft .leftNav ul li ul li { background:transparent; padding:0 0 0 7px; }
								.contentLeft .leftNav ul li ul li.active { background:url('../../graphics/gfx_subActive.gif') no-repeat top left; display:block; }
									.contentLeft .leftNav ul li ul li a { display:block; color:#005d9d; padding:0; }
										.contentLeft .leftNav ul li ul li a:hover { color:#0b2647; }
									.contentLeft .leftNav ul li ul li.active a { color:#f36523; }
									.contentLeft .leftNav ul li ul li.last a { border:none; }
									/* level 3 */
									.contentLeft .leftNav ul li ul li ul { padding:0 0 10px; }
										.contentLeft .leftNav ul li ul li ul li { background:transparent; padding:0 0 0 7px; }
										.contentLeft .leftNav ul li ul li ul li.active { background:url('../../graphics/gfx_subActive.gif') no-repeat top left; display:block; }
											.contentLeft .leftNav ul li ul li ul li a { display:block; color:#005d9d !important; padding:0; }
												.contentLeft .leftNav ul li ul li ul li a:hover { color:#0b2647 !important; }
											.contentLeft .leftNav ul li ul li ul li.active a { color:#f36523 !important; }
			.contentLeft .leftNav .office { background:url('../../graphics/gfx_leftNavBg.gif') repeat-x bottom left; display:block; padding:5px 0 8px; color:#12bef2; font-size:14px; font-weight:bold; }
			
			/* List box */
			.contentLeft .listBox { background:#c8dde5 url('../../graphics/gfx_contentLeftModuleBg.gif') repeat-x top left; padding:0 2px; margin:0 0 3px; }		
				.listBox a { text-transform:uppercase; font-weight:bold; font-size:10px; padding:2px 0; }
				.listBox a.withArrow { background:url('../../graphics/gfx_arrowBlue.gif') no-repeat center right; padding-right:15px; }
				.listBox .listBoxContent { background:transparent url('../../graphics/gfx_contentLeftModuleBorders.gif') repeat-x bottom center; padding:10px 13px 17px; margin:0 0 3px; }		
					.listBox .listBoxContent ul { }
						.listBox .listBoxContent ul li {  }
							.listBox .listBoxContent ul li a { display:block; padding:2px 0; }
						
						.listBox .listBoxHeader { height:22px; }
							.listBox .listBoxHeader h2 { float:left; }

				/* Fav */
				.listBox.fav {  }
					.listBox.fav div.object { padding-bottom:10px; }
					.listBox.fav .favList { padding:0 0 0 0; }
						.listBox.fav .favList li { border-bottom:1px solid #e7f3f9; }
						.listBox.fav .favList li .object { width:185px; padding:2px 0; float:left; }
						.listBox.fav span.object { color:#9d9d9d; text-transform:uppercase; font-weight:bold; font-size:10px; }
							.listBox.fav .favSend { cursor:pointer; display:inline; padding-right:15px; zoom:1; }
								.listBox.fav .favSendForm { padding:5px 9px; }
									.listBox.fav .favSendForm input.text { width:170px; }
									.listBox.fav .favSendForm input.button { float:right; }
									.listBox.fav .favDelete { background:url('../../graphics/gfx_favDelete.gif') no-repeat center right; width:8px; height:8px; float:right; }
										.listBox.fav .favDelete span { display:none; }
										
				/* Toggle tab */
				.toggleTab { float:right; margin:5px 0 0 0; text-align:right; }
					.toggleTab a { text-transform:uppercase; font-weight:bold; font-size:10px; padding:0 15px 0 0; cursor:pointer; }
					.toggleTab a.hide { background:url('../../graphics/gfx_tabMin.gif') no-repeat center right; }
					.toggleTab a.show { background:url('../../graphics/gfx_tabMax.gif') no-repeat center right; }
			
			/* Info box */		
			.contentLeft .infoBox { margin:0 0 20px; padding:0 0 0 5px; }	
				.contentLeft .infoBox .infoBoxContent { padding:10px 0; border-top:1px solid #56BFF1; border-bottom:1px solid #56BFF1; font-size:11px; }
			
				
										
			/* Related box (editorial) */
			.contentLeft .relatedInfo {  }
				.relatedInfo .relHeader { background:transparent url('../../graphics/gfx_relHeaderBg.gif') repeat-x bottom left; height:7px; }
				.relatedInfo .relContent { background:#fff; border-right:1px solid #c8dde5; border-left:1px solid #c8dde5; padding:10px 15px; font-size:11px; }
					.relContent h2 { font-weight:bold; font-size:13px; line-height:15px; padding:0; }
					.relContent .img { padding:0; }
						.relContent .img img { border:1px solid #dbdbdb; }
				.relatedInfo .relFooter { background:#c8dde5 url('../../graphics/gfx_relFooterBg.gif') repeat-x top left; height:5px; }
			

							
		/* Main content */	
		.contentMain { width:615px; padding:0 0 20px; }
			.contentMain h2 { font-size:13px; }
			
			.contentMain .mainColumns { width:100%; clear:both; }
			.contentMain .centerColumn { padding:0 140px; width:620px; }
			.contentMain .withSeparator { border-top:1px solid #56BFF1; margin:15px 0 0; padding:5px 0 20px; }
				.mainColumns .column { float:left; padding:0 20px 0 0; width:287px; }
				.mainColumns .column.large { width:444px; }
				.mainColumns .column.small { width:130px; }
			.contentMain p { line-height:15px; }
			.contentMain ul { padding:0 0 0 12px; }
				.contentMain ul li { list-style-image:url('../../graphics/gfx_bullet.gif'); }
	
			/* Features */
				/* Start big feature */
				.pageContent .startFeature { margin:0 0 10px 0; }
					.startFeature .startFeatureEdit { width:500px; padding:30px; position:relative; height:78%; }
						.startFeature .startFeatureEdit h1 { color:#fff; font-size:54px; font-weight:normal; line-height:60px; }
						.startFeature .startFeatureEdit p { color:#fff; font-size:15px; line-height:20px; margin-bottom:10px; }
						.startFeature .startFeatureEdit a { color:#02bdf2; font-size:15px; line-height:20px; padding-right:15px; text-transform:uppercase; position:absolute; bottom:0; }
				
				/* Offices big feature */
				.officeFeatureWrap { margin:0 0 10px 0; }
					.officeFeatureWrap .officeFeatureHeader { height:6px; background:url('../../graphics/gfx_shadeTop.gif') repeat-x bottom; }
					.officeFeatureWrap .officeFeature {  }
						.officeFeature .officeFeatureEdit { width:300px; padding:30px; position:relative; height:68%; }
							.officeFeature .officeFeatureEdit h2 { color:#005d9d; font-size:35px; font-weight:normal; line-height:35px; margin-bottom:10px; }
							.officeFeature .officeFeatureEdit p { font-size:12px; line-height:15px; margin-bottom:10px; }
							.officeFeature .officeFeatureEdit a { font-size:12px; line-height:20px; padding-right:15px; text-transform:uppercase; position:absolute; bottom:0; }
					.officeFeatureWrap .officeFeatureFooter { height:6px; background:url('../../graphics/gfx_shadeBottom.gif') repeat-x top; }
				
				/* Features */
				.featureWrap { margin:0 0 10px 0; width:100%; }
					.featureWrap .feature { float:left; width:260px; height:90px; font-family:Arial Narrow, Helvetica, sans-serif; position:relative; padding:10px 15px; margin:0 15px 0 0; }
					.featureWrap .feature.last { margin:0 0 0 0; }
						.featureWrap .feature h2 { font-size:16px; font-weight:normal; }
							.featureWrap .feature h2 a { color:#005d9d; }
						.featureWrap .feature .featureLink { background:url('../../graphics/gfx_featureLink.gif') no-repeat; padding:1px 0 1px 20px; text-transform:uppercase; font-size:10px; font-weight:bold; position:absolute; bottom:10px; }
						.featureWrap .feature .featureOverlay { background:#fff; opacity:0.1; filter: alpha(opacity = 10); padding:0; text-transform:uppercase; font-size:10px; font-weight:bold; position:absolute; top:0; left:0; width:290px; height:110px; }
							.featureWrap .feature .featureOverlay:hover { opacity:0; filter: alpha(opacity = 0); }
					
						/* Small features */
						.featureWrap.small { margin:0 0 5px 0; }
							.featureWrap.small .feature { width:171px; height:59px; margin:0 6px 0 0; }
							.featureWrap.small .feature.last { margin:0 0 0 0; }
								.featureWrap.small .feature .featureOverlay { width:201px; height:79px; }

						
			/* Detailed search */
			.contentMain .detailedSearch { border:1px solid #56BFF1; padding:10px 10px 10px 20px; font-size:11px; margin:35px 0; background:#fff; }
				
				.detailedSearch .detailSearchToggle { float:right; text-align:right; }
					.detailedSearch .detailSearchToggle a { text-transform:uppercase; font-weight:bold; font-size:10px; padding:0 15px 0 0; cursor:pointer; }
					.detailedSearch .detailSearchToggle a.hide { background:url('../../graphics/gfx_tabMin.gif') no-repeat center right; }
					.detailedSearch .detailSearchToggle a.show { background:url('../../graphics/gfx_tabMax.gif') no-repeat center right; }

				
				.detailedSearch select { border:1px solid #cfcfcf; width:215px; }
				.detailedSearch input { border:1px solid #cfcfcf; width:215px; padding:2px 5px; }
					.detailedSearch select {  }
					.detailedSearch select option { color:#005d9d; text-transform:uppercase; font-weight:bold; font-size:10px; border-bottom:1px dashed #CFCFCF; height:15px; margin:0 5px; font-style:normal; }
						.detailedSearch select option.last { border-bottom:none; }
						.detailedSearch select option.default { font-style:italic; color:#666; text-transform:none; border:none; font-weight:normal; font-size:11px; }
					.detailedSearch select.multipleSelect { height:104px; }
						.detailedSearch select.multipleSelect option { height:10px; padding:4px 0; }
					.detailedSearch input.checkbox { width:auto; border:none; }
					.detailedSearch .checkbox input { width:auto; border:none !important; margin-right:5px; }
				.detailedSearch p { margin-bottom:5px; }
				
				.detailedSearch .searchObject { margin:0 0 15px 0; width:100%; }
				.detailedSearch .searchDetails { width:100%; margin:0 0 15px; }
					.detailedSearch .searchDetailsColumn { float:left; margin:0 15px 0 0; }
						.searchDetailsColumn.checkBoxes { padding:15px 0 0 0; }
							.searchDetailsColumn.checkBoxes p { margin:0; }
				.detailedSearch .searchProceed { text-align:right; }
				
				/* Search results */
				.searchResults .searchResultsTop { width:100%; }
					.searchResults .searchResultsHeader { float:left; }
					.searchResults .searchResultsSort { float:right; margin-top:13px; text-align:right; }
					.searchResults .searchResultsList { width:100%; }
					
					
			/* Object */
			.contentMain .objects { border-top:1px solid #56BFF1; border-bottom:1px solid #56BFF1; padding:10px 0 30px; margin:0 0 15px 0; }
				.objects .objectsTop { width:100%; }
					.objects .objectsTop .objectsHeader { float:left; }
					.objects .objectsTop .objectsSort { float:right; }
					
				/* Object list */
				.objectList { width:100%; }
				.objectList .objectListItem { border-top:1px solid #d7e0eb; padding:5px 0; float:left; width:200px; margin:0 7px 0 0; }
					.objectList .objectListItem.last { margin:0 0 0 0; }
						.objectList .objectListItem .objectListItemImg { border-bottom:1px solid #56BFF1; border-top:1px solid #56BFF1; padding:2px 0; }
							.objectList .objectListItem .objectListItemImg a { background:#e4e4e4; }
								.objectList .objectListItem .objectListItemImg a span { background:#e9e9e9 url('../../graphics/gfx_arrowGrey.gif') no-repeat center right; text-align:right; padding:0 20px 2px 0; display:block; text-transform:uppercase; font-weight:bold; font-size:10px; }
				.objectListFooter { border-top:1px solid #d7e0eb; }
					.objectListFooter.right { text-align:right; }
					
				/* Object Gallery */
				.objectGallery { margin:14px 0 10px; padding:0; }
					.objectGallery .galleryCurrent { border-top:1px solid #d7e0eb; border-bottom:1px solid #d7e0eb; padding:5px 0 10px; margin:0 0 5px; }
						.galleryCurrent .currentImageWrap { height:423px; margin-bottom:5px; width:615px; }
					.objectGallery .gallery { width:100%; border-bottom:1px solid #56BFF1; padding:0 0 10px; }
						.objectGallery .gallery .galleryImages { float:left; }
							.objectGallery .gallery .galleryImages li { border:1px solid #fff; }
							.objectGallery .gallery .galleryImages li.active { border:1px solid #888; }
							.objectGallery .gallery .galleryImages .jcarousel-skin-hh { width:425px; }
								.objectGallery .gallery .galleryImages .jcarousel-skin-hh li { display:inline; height:53px; }
						.objectGallery .gallery .galleryMore { float:right; width:130px; padding:22px 0 0; }
							.objectGallery .gallery .galleryMore a { clear:both; float:right; text-align:right; white-space:nowrap; }
								
				/* Objectdata */
				ul.objectData { list-style-position:outside !important; padding:5px 0; }
					ul.objectData li { list-style-image:none !important; }
					ul.objectData strong { color:#333; }
										
					.objectDataWrap { border:1px solid #dbdbdb; padding:3px; margin:0 0 10px 0; }
					.objectDataWrap .objectData { background:#e1f4fc url('../../graphics/gfx_objectDataBg.gif') top right repeat-x; padding:10px; }
				
				/* pregenHTML */
				div#pregenHTML table td.Rubrik { color:#5f5f5f; font-size:1.1em; line-height:16px; font-weight:bold; }
				div#pregenHTML table td.BrodRub { color:#5f5f5f; font-size: 0.9em; font-weight: bold; padding-right: 6px; }
				div#pregenHTML table td.Brod { font-size: 0.9em; color: #444444; }				
			
			/* Offices */
			img.officeNow { border:1px solid #dadada; }
			
			.broker { float:left; padding-bottom:15px; }
				.broker .brokerImg { float:left; width:100px; }
					.broker .brokerImg img { border:1px solid #dadada; }
				.broker .brokerInfo { float:left; width:180px; font-size:11px; padding:0 20px 0 3px; }
					.broker .brokerInfo ul { list-style-position:outside; padding:0; }
						.broker .brokerInfo ul li { list-style:none; list-style-image:none !important; }
					.broker .brokerInfo a { text-transform:none; }
					
			/* Form */
			.form {  }
				.form .formNote { font-size:11px; }
				.form input.text { width:210px; }
				.form .formLocation { width:280px; }
				.form .formComments { width:280px; }
					
			/* News list */
			.contentMain .newsList {  }
				.newsList .listItem { width:100%; border-bottom:1px solid #56BFF1; padding:0 0 10px 0; margin:0 0 5px 0; position:relative; }
					.newsList .listItem .listItemContent { width:500px; }
					.newsList .listItem .listItemMore { position:absolute; bottom:20px; right:0; }
						.newsList .listItem .listItemMore a {  }
						
			/* Paging */
			.paging { margin-bottom:20px; }
				.paging ul {  }
					.paging ul li { display:inline; line-height:10px; }
						.paging ul li a.pagingPrev { background:url('../../graphics/gfx_pagingPrev.gif') no-repeat bottom left; width:5px; height:10px; display:inline-block; margin:0 5px 0 0; }
							.paging ul li a.pagingPrev span { display:none; }
						.paging ul li a.pagingNext { background:url('../../graphics/gfx_pagingNext.gif') no-repeat bottom left; width:5px; height:10px; display:inline-block; margin:0 0 0 5px; }
							.paging ul li a.pagingNext span { display:none; }
			
			

	.pageFooter { padding:0 0; background:#fff; height:140px; clear:both; }
		.footerContent { border-top:1px solid #56bff1; }
			.footerContent ul { text-align:right; }
				.footerContent ul li { display:inline; margin-left:30px; }
					.footerContent ul li a { text-transform:none; font-weight:normal; }