

/* Common HTML elements and classes */

		body {margin:0px; background:#fff !important; color:#000}
		body, tbody, input, select, button, textarea {font:11px/13px arial, helvetica, sans-serif}
		img {border:none}
	
	/* Text elements */
		h1 {font-size:24px; line-height:24px; font-weight:normal; }
		h2 {font-size:16px; line-height:normal; font-weight:bold; margin:0px}
		h3 {font-size:11px; font-weight:bold; margin:0px}
		h4 {font-size:11px; font-weight:bold; margin:0px}
		
		a {color:#930}
		
		
/* Page layout definitions */
		
		#container, #page {width:auto; margin:0px; padding:0px; background:#fff}
		
		
/* Navigation elements */
	
	/* Global navigation */	
		#global-nav {position:relative; top:-5px; width:auto; height:132px; margin-bottom:-132px; border-bottom:5px solid #666;}
		#global-nav img {position:relative; display:block; top:5px; border-right:5px solid #fff}
		#global-nav ul {display:none;}


	/* Project area navigation */
		
		#titlebar-nav {}
			#titlebar-nav .inner {margin:5px 0px 0px 155px; height:122px; overflow:hidden}
			#titlebar-nav h1 {margin:0px}
			
			#titlebar-nav .image .caption {position:relative; height:30px; top:30px; margin-bottom:-30px;}
			#titlebar-nav .image .caption h1 {color:#666}
			#titlebar-nav .image img {display:none}
			
			#titlebar-nav ul {display:none}
	
	
	/* Left-side navigation */

		#left-nav {display:none}
	
	
	
/* Content elements */
	
	/* Main content area */
		#main-area {position:relative; display:block; clear:both; padding-top:20px}
			
			#main-image {background:#fff !important}
			
	/* Left content coloumn */
			
			
	/* Right content coloumn */
			
		#content-related {margin-top:20px;}
		#main-area.wide #content-related {width:425px}
			#content-related .text-box, 
			#content-related .fact-box, 
			#content-related .thumb-box, 
			#content-related .bottom-bar {width:278px; margin:5px 5px 0px; padding:7px; border:1px solid}
			
			#content-related .text-box {}
				#content-related .text-box h2 {margin:4px 0px 8px}
				#content-related .text-box img.right {display:inline; float:right; margin:-7px -7px 0px 7px}
			
			#content-related .fact-box {}
				#content-related .fact-box table {margin:0px; padding:0px; border:0px; border-collapse:collapse}
				#content-related .fact-box td, #content-related .fact-box th {vertical-align:top; padding:0px 0px 0px 5px}
				#content-related .fact-box th {font-weight:bold; text-align:right; width:116px; padding-left:0px}
			
			#content-related .thumb-box {overflow:hidden}
				#content-related .thumb-box .thumb {display:inline; float:left; width:121px; border-right:5px solid #fff}
				#content-related .thumb-box .description {display:inline; float:left; width:125px; margin:7px 0px 7px 10px}
			
			#content-related .bottom-bar {}
				
			#content-related .image-col {}
				#content-related .image-col img {margin:0px 5px 5px 0px}
	
	/* Contact tiles page */
			
		ol.contact-tiles {margin:0px; padding:0px; list-style:none}
		ol.contact-tiles li {display:block; float:none; clear:both; height:84px; margin:0px 0px 5px; padding:0px 0px 0px 89px}
		ol.contact-tiles li .image {display:block; width:84px; height:84px; margin:0px 0px -84px -89px; background:url(/skanska_rdn/images/gx_employee_default.gif) no-repeat 0px 0px}


	/* Image tile navigation */
			
		ul.image-tile-nav {margin:0px; padding:0px; list-style:none}
		ul.image-tile-nav li {margin:8px 0px 0px}
		
		ul.image-tile-nav a {text-decoration:none}
		ul.image-tile-nav a img {display:block; margin:0px 0px 5px}
		
			
	
		
	/* Search results */
		.search-results {}
			.search-results table {width:auto; margin:2em 0px; padding:0px; border-collapse:collapse}
			.search-results td {border:1px solid #000}

			.search-results thead td {padding:3px 6px; line-height:14px; white-space:nowrap; vertical-align:bottom; border-bottom-width:2px; border-top-width:2px}
			.search-results thead td, .search-results thead td a {font-weight:bold}
			
			.search-results tbody td {padding:9px 10px 9px 6px; vertical-align:top; }
			.search-results tbody td a {color:#930; text-decoration:none}
			
			.search-results .project {padding-left:10px}
			.search-results .project img.thumb {display:block; margin-top:4px; }
			.search-results .project img.preview {display:none;}
			
		#search-preview {display:none}
			#search-preview .inner {display:none}
			#search-preview img {display:none}
		
	
	/* Object listings */
		#content .object-overview {position:relative; width:370px; height:194px; margin:-19px 0px 0px 0px; color:#7E6C60}
			#content .object-overview .links {float:left; margin:5px 0px; height:20px}
			#content .object-overview .links a.readmore {float:left; padding-left:0px; background-color:#fff}
			#content .object-overview .image {display:inline; float:left; clear:left; width:288px; overflow:hidden; text-align:center}
			
			#content .object-overview ul {position:relative; display:inline; float:right; width:91px; margin:-30px -10px 0px 0px; padding:0px; list-style:none; background:#fff}
			#content .object-overview li {display:inline; float:left; margin:5px 0px 0px 5px; padding:0px; width:86px; height:46px; overflow:hidden}
			
			
		#content-related .object-overview {}
			#content-related .object-overview table {width:auto; border:0px; margin:0px; padding:0px; border-collapse:collapse}
			#content-related .object-overview th, #content-related .object-overview td {padding:0px; margin:0px}
			#content-related .object-overview th {text-align:left; padding-right:16px}
			#content-related .object-overview .top-space td, #content-related .object-overview .top-space th {padding-top:10px}
			
		
		
		
		.object-list {}
			.object-list .header {height:52px; overflow:hidden}
				.object-list .header form {display:inline; float:left; height:25px; margin:0px; line-height:14px }
				.object-list .header select {float:right; margin:5px 10px 0px 0px}
				.object-list .header input {position:relative; float:left; top:0px}
				.object-list .header label {float:left; font-weight:bold; margin-left:3px}
				.object-list .header .show-available {position:relative; display:inline; float:left; height:20px; padding:0px 10px; line-height:20px; color:#fff; background:#066}
				
				.object-list .header ul {display:inline; float:left; height:25px; list-style:none; margin:5px 0px 0px; padding:0px;}
				.object-list .header li {position:relative; display:inline; float:left; margin:0px 0px 0px 16px; padding:0px 0px 0px 14px; line-height:14px;}
				.object-list .header li .patch {position:absolute; top:1px; left:0px; margin:0px 3px 1px 0px}
				
				
			.object-list table {clear:both; margin:0px 0px 5px; padding:0px; width:100%; border-collapse:collapse}
				.object-list td, .object-list th {border:1px solid #000}
				.object-list th {padding:1px 0px 4px; vertical-align:bottom; font-weight:bold; border-top-width:2px; border-bottom-width:2px}
				.object-list td {padding:1px 0px; text-align:center;}
				.object-list td a, .object-list th a {color:#000; text-decoration:none}
				.object-list td a:visited {color:#4080BF}
				
				.object-list tr .status{width:14px; border-left-color:0px; border-right:0px; background:#F5F4F3 !important}
				.object-list .nr {width:39px; border-left:0px}
				
				
			.patch {display:inline; float:left; width:1px; height:1px; border:5px solid; overflow:hidden;}
			.p-unavailable {border-color:#AEAEAE}
			.p-available {border-color:#006666}
			.p-reserved {border-color:#FFCC33}
			.p-sold {border-color:#993300}
			.p-current {border-color:#4080BF}		
		
	/* Area map */
		iframe#areamap {width:672px; height:800px; margin-top:20px; border:0px;}	
			
		        
	/* Gallery navigation */
		#image-gallery {}
			#gallery-nav {display:none}
				
			#gallery-thumbs {}
				#gallery-thumbs ul {margin:0px; padding:0px; list-style:none; background:#fff}
				#gallery-thumbs li {display:inline; margin:5px 0px 0px 5px; overflow:hidden}
				#gallery-thumbs a {}
				#gallery-thumbs img {}
				
			#image-gallery .variation-list {display:inline; float:left; clear:both; width:278px; margin:5px 0px 0px 5px}
				.variation-list ul {margin:0px; padding:0px; list-style:none}
				.variation-list li {}
				.variation-list .sel a {color:#066}
	
		
	/* Interactive blueprint */
		.interactive-blueprint {position:relative; margin-top:-24px}
			.interactive-blueprint .angles {position:relative; width:343px; overflow:hidden}
			.interactive-blueprint .angles a {display:none}
			

	/* Info pane */
		#info-pane {display:none}
		
		
	
/* Forms */
	
	/* General properties */
		.field-list {clear:both; width:100%; margin-bottom:7px}
		
		.field-list label, .field-list input {display:inline; float:left; margin:0px 0px 7px 7px}
		.field-list label {display:inline; float:left; clear:left; width:72px; margin:0px; line-height:20px; text-indent:7px}
		.field-list input {line-height:normal; padding:1px;}
		
		label.required {background:url(/skanska_rdn/images/gx_required.gif) no-repeat 0px 5px}
		input.btn {}
		


	/* Contact form */
		.contact {display:block; padding:0px; margin:0px; width:359px}
			.contact h4 {margin:0px 0px 7px}
			.contact label {font-weight:bold}
			.contact label a {font-weight:normal}
			
			.contact .check-list {margin-bottom:20px}
			.contact .check-list label {display:block; margin:-16px 0px 3px 21px}
			
			.contact .scroll-list {width:358px; color:#7E6C60; border:1px solid #000}
			.contact .scroll-list .area {margin-bottom:20px}
			.contact .scroll-list h2 {margin:7px 10px 5px}
			.contact .scroll-list input {margin-left:10px; }
			.contact .scroll-list label {display:block; margin-left:31px}
			
			
			.contact .field-list {display:inline; float:left; margin:14px 0px 10px}
			.contact .field-list input {width:274px}
			.contact .field-list input.zip {width:66px}
			.contact .field-list input.city {width:195px; float:left}
			.contact textarea {width:353px; height:65px; margin:-4px 0px 14px;}
			
			.contact #mail-format {width:100%}


	/* Signup form */
		.frm-signup {height:169px; margin:5px 5px 0px; overflow:hidden; border:1px solid #000}
			.frm-signup .field-list input {width:178px}
			.frm-signup .image {position:relative; display:inline; float:left; width:128px; height:169px; overflow:hidden}
			.frm-signup .inner {position:relative; display:inline; float:left; width:273px; margin:7px 5px 0px 7px}
			.frm-signup h2 {margin:3px 0px}
				
			.frm-signup .links {position:absolute; display:block; top:144px; left:0px}
			.frm-signup .links a {float:left;}
			.frm-signup a.button {position:relative; display:inline; float:right; clear:none; margin:3px -7px 0px 0px; padding:0px 5px 0px 7px; line-height:15px; text-decoration:none; font-weight:bold; border:0px; color:#fff; background:#7E6C60}
				.frm-signup a.button span {display:block; padding-right:7px; background:url(/skanska_rdn/images/gx_arrow_white_r.gif) no-repeat 100% 4px}
			
	/* Search form */

		.quick-search {height:169px; width:278px; border:1px solid #000}
			.quick-search .map {position:relative; display:inline; float:left; width:128px; height:169px; overflow:hidden}
			.quick-search .inner {position:relative; display:inline; float:left; width:126px; margin:7px 7px 0px}
			.quick-search h2 {margin-bottom:3px}
			
			.quick-search label {display:block}
			.quick-search select {clear:both; width:122px; margin-bottom:2px;}
			.quick-search .select-overlay {display:none; width:116px; padding:1px}
			
			.quick-search .links {position:absolute; display:block; top:144px; left:0px}
			.quick-search .links a {float:left;}
			.quick-search a.button {position:relative; display:inline; float:right; clear:none; margin:3px -7px 0px 0px; padding:0px 5px 0px 7px; line-height:15px; text-decoration:none; font-weight:bold; border:0px; color:#fff; background:#7E6C60}
				.quick-search a.button span {display:block; padding-right:7px; background:url(/skanska_rdn/images/gx_arrow_white_r.gif) no-repeat 100% 4px}
			
			.quick-search .search-options {position:absolute; top:35px; left:150px}
			html>body .quick-search .search-options {padding-top:2px}
			.quick-search .check-list label {display:block; font-weight:bold; margin:-16px 0px 3px 21px}
			
			#content-related .quick-search h2 {margin:3px 0px}
			#content-related .quick-search .inner {width:273px}
			#content-related .quick-search select {width:138px}
			#content-related .quick-search .select-overlay {width:132px}
				
				
	/* Error message */
		
		.error {margin:0px 0px 1em 0px; padding:10px; background:#fff; color:#930; border:3px solid #930}
			#content-related .error {margin:5px 5px 0px}
			.error h2, .error h3 {margin:0px 0px 6px; color:#930 !important}
			.error ul {margin:0px; padding:0px 0px 0px 1.4em; }
			.error li {position:relative; margin-top:2px; font-weight:bold; padding-left:0px; background:url(/skanska_rdn/images/gx_arrow_white_r.gif) no-repeat 0px 2px}



/* Frontpage elements */
		
		body.frontpage #global-nav {margin:0px;}
		body.frontpage #container {}
		body.frontpage #main-area {width:580px}
		
	/* Search pane */
		#search-pane {color:#7E6C60; background:#fff}
		#search-pane .quick-search, 
		#search-pane .info-box, 
		#search-pane .boklok-bar {display:inline; float:left; width:278px; margin:0px 5px 0px 0px; border:1px solid #000} 
		
		#search-pane .info-box {height:132px; overflow:hidden}
			#search-pane .info-box .inner {padding:14px}
			#search-pane .info-box h2 {margin:0px}
	
		#search-pane .boklok-bar {line-height:30px; height:30px; margin-top:5px}
			#search-pane .boklok-bar a.readmore {clear:none; margin-top:9px}
			#search-pane .boklok-bar .logo {display:inline; float:left; border-right:5px solid #fff}
		
	/* Frontpage animation */				
		#front-ani {display:block; float:none; width:560px; height:318px; margin-top:5px; border:1px solid #000; padding:1px; overflow:hidden}
			#front-ani img {display:block}

	/* Campaign row */
		#campaigns {margin-top:0px; clear:both; }
			#campaigns .camp {display:inline; float:left; width:278px; height:auto; margin:5px 5px 0px 0px; border:1px solid #000; overflow:hidden}
			#campaigns .camp .inner {margin:4px 7px; line-height:13px}
			#campaigns .camp h2 {margin:0px}
			
			
			#campaigns .camp .image img {display:block}

	

	
		
/* Floats and alignment */

		.left {display:inline; float:left !important}
		.right {display:inline; float:right !important}
		table .right {float:none; display:block; text-align:right}
				
			
	
/* fixes and hacks */
	
		.clear-fix:after {
		    content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
		}
	
		/* Hides from IE-mac \*/
		* html .clear-fix {height: 1%;}
		/* End hide from IE-mac */
