/*
 *Common
 */
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
}

.Close
{
	clear: both;
}

ul
{
	margin-left: 15px;
}

ol
{
	margin-left: 20px;
}

a img
{
	border: none 0;
}

/*
 *Main
 */
body
{
	background-color: #000;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
}

div#Wrapper
{
	position: relative;
	text-align: left;
	margin: 0 auto -99px;
	width: 840px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border-left: 2px solid #111;
	border-right: 2px solid #111;
	background-image: url(../images/wrapper_bg.gif);
	background-position: left 304px;
	background-repeat: repeat-x;
}

	div#Header
	{
		position: relative;
		width: 840px;
		height: 99px;
		background-image: url(../images/header_bg.gif);
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	div#HeaderImage
	{
		position: relative;
		width: 840px;
		height: 170px;
		overflow: hidden;
	}
	
	div#MenuBar
	{
		position: relative;
		width: 840px;
		height: 34px;
		background-image: url(../images/menubar_bg.gif);
		background-repeat: repeat-x;
	}
	
	div#Main
	{
		position: relative;
		float: left;
		padding: 10px 20px 20px 20px;
		width: 800px;
	}
		
		/*Main overview (Home / Projects overview)*/
		div.HomeBlock
		{
			position: relative;
			width: 785px;
			padding: 8px 8px 5px 8px;
			background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;
		}
		
		div.Block
		{
			position: relative;
			width: 780px;
			padding: 0 0 20px 0;
		}
		
			div.TextBlock
			{
				position: relative;
				width: 585px;
				float: left;
			}
			
		div.OfferBlock
		{
			position: relative;
			width: 575px;
			float: left;
			margin-top: 4px;
		}

		/*Two column grid (Development details)*/
		div.LeftBlock
		{
			position: relative;
			padding: 10px 10px 20px 0;
			width: 540px;
			float: left;
		}
		
		div.RightBlock
		{
			position: relative;
			/*padding: 20px 28px 10px 28px;*/
			padding: 20px 0px 20px 28px;
			width: 222px;
			background-color: #111;
			float: left;
		}
		
		/*Accordeon (News and Faq)*/	
		div.Collapse
		{
			position: relative;
			width: 760px;
		}
		
		div.Text
		{
			position: relative;
			width: 740px;
			padding: 10px;
		}
			
		/*Media*/
		div.ThumbContainer
		{
			position: relative;
			padding: 10px 5px 10px 5px;
			/*padding: 2px 2px 4px 2px;*/
			width: 140px;
			text-align: center;
			background-color: #111;
			margin: 10px 20px 10px 0;
			float: left;
		}
		
		div.ThumbContainer p
		{
			text-align: center;
		}

		div.MediaThumbContainer
		{
			position: relative;
			padding: 10px 5px 10px 5px;
			/*padding: 2px 2px 10px 2px;*/
			width: 140px;
			height: 125px;
			text-align: center;
			background-color: #111;
			margin: 10px 20px 10px 0;
			/*margin: 0 22px 10px 0;*/
			float: left;
		}

		div.MediaThumbContainer p
		{
			text-align: center;
		}

		div.DevelopmentContainer
		{
			position: relative;
			padding: 8px 5px 8px 8px;
			width: 360px;
			height: 70px;
			background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;
			margin: 0px 5px 20px 0;			
			float: left;
		}
		
		div.EmployeeContainer
		{
			position: relative;
			padding: 8px 5px 8px 8px;
			width: 360px;
			background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;
			margin: 0px 5px 10px 0;	
			float: left;
		}

		div.ProjectContainer
		{
			position: relative;
			width: 365px;
			height: 80px;
			background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;
			margin: 0px 10px 20px 0;			
			float: left;
		}	

		div.PropertyContainer
		{
			position: relative;
			width: 180px;
			/*height: 270px;*/
			background-color: #151515;
			background-image: url(../images/gradient_bar_light.jpg);
			background-repeat: repeat-x;
			padding: 5px 0px 5px 5px;
			margin: 0px 10px 20px 0;
			float: left;
			min-height: 280px;
		}

		div.GalleryImageContainer
		{
			position: relative;
			padding: 2px 2px 2px 2px;
			width: 120px;
			height: 75px;
			/*background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;*/
			margin: 10px 10px 10px 0;
			min-height: 80px;
			float: left;
		}	

		div.ImageContainer
		{
			position: relative;
			padding: 2px 2px 2px 2px;
			width: 120px;
			/*height: 75px;*/
			/*background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;*/
			margin: 10px 10px 10px 0;
			min-height: 80px;
			float: left;
		}	
			
		div.OfferContainer
		{
			padding: 8px 5px 5px 8px;
			width: 740px;
			background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;
		}	

		div.MailingContainer
		{
			padding: 8px 5px 5px 8px;
			width: 740px;
			background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;
		}	
		
		div.EventContainer
		{
			padding: 8px 5px 5px 8px;
			width: 740px;
			background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;
		}

		div.NewsContainer
		{
			padding: 8px 5px 5px 8px;
			width: 740px;
			background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;
		}
						
		div.PropertyFilterContainer
		{
			padding: 8px 5px 5px 8px;
			width: 740px;
			background-image: url(../images/gradient_bar.gif);
			background-repeat: repeat-x;
		}

		/*Form content*/
		div.FormRow
		{
			position: relative;
			padding-bottom: 8px;
		}
	
	div#FooterSpace
	{
		position: relative;
		height: 99px;
	}
	
div#Footer
{
	position: relative;
	padding: 20px 20px 0 20px;
	margin: 0 auto;
	width: 800px;
	height: 79px;
	background-image: url(../images/home/footer_bg.gif);
	background-repeat: no-repeat;
}

/*
 *Text
 */	
h1, h2, h3, h4, h5, h6, p, a, ul, ol, th, td, form, fieldset, label, input, textarea
{
	font-family: verdana, arial, helvetica, sans-serif;
}

h1
{
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	color: #fff;
}

h2
{
	font-size: 14px;
	line-height: 22px;
	color: #c0c3c7;
}

h2.Header
{
	font-weight: normal;
	cursor: pointer;
	padding: 5px;
	border-bottom: 2px solid #000;
	background-color: #111;
}

h2.Faq
{
	padding-left: 30px;
	background-image: url(../icons/icon_question.gif);
	background-position: 5px 10px;
	/*background-position: 5px;*/
	background-repeat: no-repeat;
	width: 440px;
	/*vertical-align: top;*/
}

div.FaqAnswer
{
	position: relative;
	width: 440px;
	padding: 10px;
}

h3
{
	font-size: 12px;
	line-height: 22px;
	color: #999;
}

h2.News
{
	padding-left: 30px;
	background-image: url(../icons/icon_news.gif);
	background-position: 5px;
	background-repeat: no-repeat;
}

p, a, td, ul, ol, span.Text
{
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	text-align: left;	
}

th
{
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	text-align: left;	
}

p.Date
{
	font-size: 11px;
	font-style: italic;
	color: #fff;
	font-weight: bold;
}

div#HeaderContent
{
	position: relative;
	padding: 10px 40px 5px 20px;
	width: 760px;
}

/*Language*/
input.Language
{
	margin: 3px 0px 0px 2px;
	padding: 0px;
}

/*Breadcrumbs*/
div.Breadcrumb
{
	position:relative;
	float:left;
}

div.Breadcrumb, div.Breadcrumb span
{
	font-size: 10px;
	color: #c0c3c7;
}

div.Breadcrumb a, div.Breadcrumb span a
{
	font-size: 10px;
	color: #5e5c62;
	text-decoration: none;
}

p.Breadcrumb a:hover, p.Breadcrumb span a:hover
{
	color: #fff;
}

/*Page options*/
div.PageOptions
{
	position: absolute;
	top: 8px;
	left: 630px;
	width: 200px;
	text-align: right;
	white-space: nowrap;
	line-height: 10px;

	font-size: 10px;
	color: #fff;
	z-index: 100;
}

/* Page buttons */
div.PageButtons
{
	color: #c0c3c7;
	text-align: right;
}

div.RightBlock p
{
	font-size: 11px;
	line-height: 15px;
}

div.ThumbContainer p
{
	font-size: 11px;
	line-height: 15px;
}

div#Footer p, div#Footer a, div#Header p, div#Header a
{
	font-size: 10px;
	color: #fff;
}

div#Header p
{
	margin: 10px 0 0 20px;
}

div#Footer p
{
	margin: 10px 0 0 0;
}

div#Footer p.Credits
{
	float: right;
	margin: 48px 0 0 0;
}

ul
{
	list-style: square;
}

/* Video */
a.video
{
	text-decoration: none;
}

a.video:hover
{
	text-decoration: underline;
}

/* Project */
a.project
{
	text-decoration: none;
}

a.project:hover
{
	text-decoration: underline;
}

a.image
{
	border: 1px #000000 solid;
}

a.image:hover
{
	border: 1px #d0d0d0 solid;
}

a.link
{
	text-decoration: none;
}

a.link:hover
{
	text-decoration: underline;
}

/*More button*/
a.More
{
	display: block;
	margin: 10px 0 0 0;
	padding: 2px 0px 2px 25px;
	width: 100px;
	height: 18px;
	font-size: 11px;
	color: #c0c2c6;
	text-decoration: none;
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
}

a.More:hover
{
	color: #fff;
}

/*Back button*/
a.BackButton
{
	display: block;
	margin: 10px 0 0 0;
	padding: 2px 0px 2px 25px;
	width: 100px;
	height: 18px;
	font-size: 11px;
	color: #c0c2c6;
	text-decoration: none;
	background-image: url(../images/button_back_bg.gif);
	background-repeat: no-repeat;
}

a.BackButton:hover
{
	color: #fff;
}

a.BackButtonLarge
{
	display: block;
	margin: 10px 0 0 0;
	padding: 2px 0px 2px 25px;
	width: 150px;
	height: 18px;
	font-size: 11px;
	color: #c0c2c6;
	text-decoration: none;
	background-image: url(../images/button_back_large_bg.gif);
	background-repeat: no-repeat;
}

a.BackButton:hover
{
	color: #fff;
}

a.ForwardButtonLarge
{
	display: block;
	margin: 10px 0 0 0;
	padding: 2px 0px 2px 25px;
	width: 150px;
	height: 18px;
	font-size: 11px;
	color: #c0c2c6;
	text-decoration: none;
	background-image: url(../images/button_large_bg.gif);
	background-repeat: no-repeat;
}

a.ForwardButtonLarge:hover
{
	color: #fff;
}
	
a.Download
{
	padding: 3px 0 3px 24px;
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 26px;
	color: #c0c2c6;
	text-decoration: none;
	background-image: url(../icons/icon_download.gif);
	background-repeat: no-repeat;
}

a.Download:hover
{
	color: #fff;
	text-decoration: underline;
}
	
a.Pdf
{
	padding: 3px 0 3px 24px;
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 26px;
	color: #c0c2c6;
	text-decoration: none;
	background-image: url(../icons/icon_pdf.gif);
	background-repeat: no-repeat;
}

a.Pdf:hover
{
	color: #fff;
	text-decoration: underline;
}
	
/*Images*/
.ImgLeft
{
	float: left;
	margin: 4px 15px 10px 0;
}

.ImgRight
{
	float: right;
	margin: 0px 0px 10px 10px;
	position: relative;
	padding: 20px 30px 20px 30px;
	background-color: #111;
}

.ImageRightContainer
{
	float: right;
	margin: 0px 0px 10px 10px;
	position: relative;
	padding: 20px 0px 20px 28px;
	width: 222px;
	background-color: #111;
}

.Sticker
{
	position: absolute;
	right: 0;
	bottom: 0;
}

.Icons
{
	float: right;
	margin: 0 0 0 8px;
}

div.ThumbContainer a img
{
	border: 1px solid #333;
}

div.ThumbContainer a:hover img
{
	border: 1px solid #666;
}

div.ThumbContainer a:hover
{
	color: #666;
}

/*Forms*/
form, fieldset
{
	border: none 0;
}

label, .Label
{
	margin-top: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
	
label.Default
{
	margin-top: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	width: 140px;
	float: left;
}

.LabelDefault
{
	margin-top: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

label.NoFloat, .LabelNoFloat
{
	width: auto;
	float: none;
}

input, textarea
{
	padding: 2px;
	font-size: 12px;
	color: #fff;
	width: 300px;
	border: 2px solid #333;
	background-color: #111;
}
	
input.checkbox
{
	width: auto;
	margin-right: 5px;
	border: none 0;
	background: none 0;
}

input.radio
{
	width: auto;
	margin-right: 5px;
	border: none 0;
	background: none 0;
}
	
textarea
{
	/*height: 100px;*/
	overflow: auto;
}

select
{
	/*width: 140px;*/
	padding: 2px;
	font-size: 11px;
	color: #fff;
	border: 2px solid #333;
	background-color: #000;
}

input.Submit
{
	width: 100px;
	height: 22px;
	font-size: 11px;
	color: #fff;
	border: none 0;
	background-image: url(../images/button_bg.gif);
	padding-left: 10px;
}

p.Nb
{
	font-size: 10px;
	color: #fff;
}

/* Validation */
div.ValidationSummary
{
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #fff;
	padding-bottom: 16px;
} 

div.ValidationSummary ul li
{	
	padding-top: 4px;
	list-style: square;
	font: normal 11px Arial, Verdana, Sans-serif;
}

/* Notices */
div.notice_success
{
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #fff;
	padding-bottom: 11px;
}

div.notice_warning
{
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #fff;
	padding-bottom: 11px;
}

div.notice_error
{
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #fff;
	padding-bottom: 11px;
}

/* Currency */
select.Currency
{
	width: 60px;
    font-size: 9px;
    color: #000000;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px; 
    margin: 0px 0px 4px 0px;
    padding: 0px;
    line-height: 10px;   
}

/* Intro */
a.SkipIntro
{
	font-size: 11px;
	line-height: 16px;
	color: #a0a0a0;
	text-align: left;	
	text-decoration: none;
}

a.SkipIntro:hover
{
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	text-align: left;	
	text-decoration: underline;
}