/*=================================================

		CSS for: Divercity
		Author: Ember Interactive
		Company: Ember Interactive
		Email:
		Creation Date: 19/08/08
		Last Modified:

=================================================*/

/* Colours - */


/* CSS Reset
-------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;  
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

/* HTML AND BODY
-------------------------------------------------*/

html, body {min-height: 100%; height: 100%; }

html {
	height:100%;
}

body {
	background-color: #0D0D0D;
	font-family: "helvetica", helvetica, arial, verdana, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

/*=================================================

		TEXT AND LINKS
		
=================================================*/

h1 {text-indent: -4000px; line-height:0;}

h2 {font-size:1.1em; color:#FFFFFF; line-height: 1.3em;}

p {font-size: 1.1em; color: #D2D4D3; margin: 0; padding: 0; line-height: 1.3em;}

span.title {color:#FFFFFF; font-weight:bold;}

a {color: #6B1A6A; margin: 0; padding: 0; outline:none;}
a:link, a:visited {text-decoration: underline;}
a:hover {color: #E51444; text-decoration: underline;}

a.uk_link{color: #E51444;}
a.uk_link:hover{color: #6B1A6A;}

br.clear {clear: both; overflow: hidden; line-height: 0;}

img {border: none;}


/*=================================================

		STRUCTURE & LAYOUT MAIN
		
=================================================*/

#nav_column { /* Left Hand Column on project / team Page */
	position: relative;
	float: left;
	width: 458px;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}

#content_column { /* right hand column in Main pages */
	margin: 0 0 0 458px;
	width:auto;
	height:100%;
}

#html_Nav {
	position: relative;
	float: left;
	width: 430px;
	margin-left:0px;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}

#page_content { /* move right hand column to the right to show HTML Nav when page viewd on its own */
	margin: 0 0 0  448px;
	width:auto;
	height:100%;
}

#content_column #html_Nav {display:none} /* Hide HTML Page on all pages when they are displayed within main pages */

#content_column #page_content {margin-left:0;}

#flashBox {
	/*height: 640px;*/
	height: 580px;
	width:  430px;
	margin: 0 0 70px 26px;
}

#flashBox:after { /* helps stick logo to bottom */
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#flashBoxSmall {
	height: 85px;
	width: 430px;
	margin: 0 0 0 26px;
}

#content_column #logo_box {display:none;}

#logo_box {
	width:380px;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	height: 70px;
	margin: 0 0 0 44px;
}

#main_content_box {
	height:440px;
	padding: 0 0 100px 0;
}

#main_content_box:after { /* helps stick logo to bottom */
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#main_content_box div.textItem_b {
	width:210px;
	height:440px;
	float:left;
	margin: 0 40px 0 0;
	padding: 0;
}


/*=================================================

		SUB PAGES
		
=================================================*/

#page_content_holder  {
	float:left;
	margin:0;
	width:100%;
	height: 100%;
	overflow:auto;
}

div.imageItem { width: 504px; overflow:hidden; float: left; margin: 0 6px 0 0; padding: 70px 0 0 0;}
div.imageItem img {margin: 0 0 6px 0;}
div.image_links a {font-size:1.2em; font-weight:bold; padding: 0 4px 0 2px; text-decoration: none; display:block; float:left; color:#FFFFFF;}

div.image_links a:hover, div.image_links a.image_link_selected {color:#E51444;}

#text_container {float:left;}

div.text_column {width:250px; float:left; margin: 70px 10px 0 10px; padding: 0; background-color:#0D0D0D; }

div.text_column p {padding: 0 12px 12px 12px;}
#project_flash_text {height:300px; width:250px; overflow:hidden;}
#project_flash_text p {color:#0D0D0D;}

div.text_column h2 {padding-left: 12px; padding-right: 12px; }
#project_flash_text h2 {color:#0D0D0D;}

img.trac_logo {position:absolute; bottom:24px; right:0;}

/*=================================================

		SYMBOLS
		
=================================================*/

div.symbol_blank{background: #0D0D0D url(../../images/sym_uc_mixed.gif) 0 0 no-repeat; padding-top:80px;}
 
div.completed_urban {background: #0D0D0D url(../../images/sym_completed_urban.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_hotel {background: #0D0D0D url(../../images/sym_completed_hotel.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_cultural {background: #0D0D0D url(../../images/sym_completed_cultural.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_mixed_use {background: #0D0D0D url(../../images/sym_completed_mixed.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_residential {background: #0D0D0D url(../../images/sym_completed_residential.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_commercial {background: #0D0D0D url(../../images/sym_completed_commercial.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_misc {background: #0D0D0D url(../../images/sym_completed_misc.gif) 0 0 no-repeat; padding-top:80px;}

div.uc_urban {background: #0D0D0D url(../../images/sym_uc_urban.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_hotel {background: #0D0D0D url(../../images/sym_uc_hotel.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_cultural {background: #0D0D0D url(../../images/sym_uc_cultural.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_mixed_use {background: #0D0D0D url(../../images/sym_uc_mixed.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_residential {background: #0D0D0D url(../../images/sym_uc_residential.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_commercial {background: #0D0D0D url(../../images/sym_uc_commercial.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_misc {background: #0D0D0D url(../../images/sym_uc_misc.gif) 0 0 no-repeat; padding-top:80px;}

div.unbuilt_urban {background: #0D0D0D url(../../images/sym_unbuilt_urban.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_hotel {background: #0D0D0D url(../../images/sym_unbuilt_hotel.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_cultural {background: #0D0D0D url(../../images/sym_unbuilt_cultural.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_mixed_use {background: #0D0D0D url(../../images/sym_unbuilt_mixed.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_residential {background: #0D0D0D url(../../images/sym_unbuilt_residential.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_commercial {background: #0D0D0D url(../../images/sym_unbuilt_commercial.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_misc {background: #0D0D0D url(../../images/sym_unbuilt_misc.gif) 0 0 no-repeat; padding-top:80px;}

div.unbuilt_misc_invis {background: #0D0D0D url(../../images/sym_unbuilt_misc_invis.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_misc_kiosk {background: #0D0D0D url(../../images/sym_unbuilt_misc_kiosk.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_misc_bouwk {background: #0D0D0D url(../../images/sym_unbuilt_misc_bouwk.gif) 0 0 no-repeat; padding-top:80px;}

div.completed_urban_gr {background: #0D0D0D url(../../images/sym_completed_urban_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_hotel_gr {background: #0D0D0D url(../../images/sym_completed_hotel_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_cultural_gr {background: #0D0D0D url(../../images/sym_completed_cultural_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_mixed_use_gr {background: #0D0D0D url(../../images/sym_completed_mixed_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_residential_gr {background: #0D0D0D url(../../images/sym_completed_residential_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_commercial_gr {background: #0D0D0D url(../../images/sym_completed_commercial_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.completed_misc_gr {background: #0D0D0D url(../../images/sym_completed_misc_gr.gif) 0 0 no-repeat; padding-top:80px;}

div.uc_urban_gr {background: #0D0D0D url(../../images/sym_uc_urban_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_hotel_gr {background: #0D0D0D url(../../images/sym_uc_hotel_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_cultural_gr {background: #0D0D0D url(../../images/sym_uc_cultural_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_mixed_use_gr {background: #0D0D0D url(../../images/sym_uc_mixed_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_residential_gr {background: #0D0D0D url(../../images/sym_uc_residential_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_commercial_gr {background: #0D0D0D url(../../images/sym_uc_commercial_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.uc_misc_gr {background: #0D0D0D url(../../images/sym_uc_misc_gr.gif) 0 0 no-repeat; padding-top:80px;}

div.unbuilt_urban_gr {background: #0D0D0D url(../../images/sym_unbuilt_urban._grgif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_hotel_gr {background: #0D0D0D url(../../images/sym_unbuilt_hotel_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_cultural_gr {background: #0D0D0D url(../../images/sym_unbuilt_cultural_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_mixed_use_gr {background: #0D0D0D url(../../images/sym_unbuilt_mixed_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_residential_gr {background: #0D0D0D url(../../images/sym_unbuilt_residential_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_commercial_gr {background: #0D0D0D url(../../images/sym_unbuilt_commercial_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_misc_gr {background: #0D0D0D url(../../images/sym_unbuilt_misc_gr.gif) 0 0 no-repeat; padding-top:80px;}

div.unbuilt_misc_invis_gr {background: #0D0D0D url(../../images/sym_unbuilt_misc_invis_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_misc_kiosk_gr {background: #0D0D0D url(../../images/sym_unbuilt_misc_kiosk_gr.gif) 0 0 no-repeat; padding-top:80px;}
div.unbuilt_misc_bouwk_gr {background: #0D0D0D url(../../images/sym_unbuilt_misc_bouwk_gr.gif) 0 0 no-repeat; padding-top:80px;}

/*=================================================

		PROJECT PAGES
		
=================================================*/

div.imageItem_a { width: 283px; overflow:hidden; float: left; margin: 0 6px 0 0; padding: 70px 0 0 0;} /* THE WIDTH OF EACH IMAGE BOX NEEDS TO BE SET ACCORDING TO THE IMAGE CONTAINED */
div.imageItem_b { width: 373px; overflow:hidden; float: left; margin: 0 6px 0 0; padding: 70px 0 0 0;}
div.imageItem_c { width: 504px; overflow:hidden; float: left; margin: 0 6px 0 0; padding: 70px 0 0 0;}
div.imageItem_d { width: 750px; overflow:hidden; float: left; margin: 0 6px 0 0; padding: 70px 0 0 0;}

div.imageItem_a img, div.imageItem_b img, div.imageItem_c img, div.imageItem_d img {margin:0 0 6px 0;}


/*=================================================

		CONTACT PAGES
		
=================================================*/

div.textItem_map {float:left; width: 431px;}
div.textItem_map h2 {margin-bottom: 8px;}
a.map_link {display:block; margin-top:10px; color:#FFFFFF; }

/*=================================================

		NAVIGATION
		
=================================================*/

#lang_nav {width:54px; height:50px; float:right; padding:0;}
a.logo_link {width:116px; height:50px; float:left;}
a.language_en {width:30px; height:50px; text-indent: -4000px; float:left; background:url(../../images/home_en_button.gif) 0 0 no-repeat;}
a.language_gr {width:24px; height:50px; text-indent: -4000px; float:left; background:url(../../images/home_gr_button.gif) 0 -50px no-repeat;}

/*=================================================

		HTML NAVIGATION
		
=================================================*/

#html_Nav ul { /* all lists */
	padding: 40px 0 0 10px;
	margin: 0;
	list-style: none;
	
}

#html_Nav li { /* all list items */
	float: left;
	position: relative;
	/*width: 5em; */
	line-height:26px;
	vertical-align:middle;
}

#html_Nav li ul { /* second-level lists */
	position: absolute;
	z-index: 10;
	top: 26px;
	left: 10;
	width:180px;
	overflow:hidden;
	display: none;
	margin:0;
	padding:0 0 0 4px;
}

#html_Nav #html_nav3 ul {width:8em;}

#html_Nav li ul li { /* second-level lists */
	line-height:18px;
	margin: 4px 0;
	width:180px;
}

#html_Nav li>ul { /* to override top and left in browsers other than IE*/
	top: auto;
	left: auto;
}

/* lists nested under hovered list items */
	/*display: block;*/

#html_Nav a { 
	font-size: 10px;
	padding:  0 10px 0 10px;
	color: #fff;
	text-decoration: none;
	display: block;
}

#html_Nav a:hover { 
	color: #C7C9C8;
}

#html_Nav li ul a { /* second-level lists */
	padding: 0 10px 0 6px;
	color: #fff;
	background: #000;
	text-decoration:underline;
}

#html_Nav li ul a:hover,#page_2_1 #html_nav2_1 a, #page_2_2 #html_nav2_2 a, #page_2_3 #html_nav2_3 a, #page_2_4 #html_nav2_4 a, #page_2_5 #html_nav2_5 a, #page_2_6 #html_nav2_6 a, #page_2_ #html_nav2_7 a, #page_2_8 #html_nav2_8 a, #page_2_9 #html_nav2_9 a, #page_2_10 #html_nav2_10 a, #page_2_11 #html_nav2_11 a, #page_2_12 #html_nav2_12 a, #page_2_13 #html_nav2_13 a, #page_2_14 #html_nav2_14 a, #page_2_15 #html_nav2_15 a, #page_2_16 #html_nav2_16 a, #page_2_17 #html_nav2_17 a, #page_2_18 #html_nav2_18 a, #page_2_23 #html_nav2_23 a, #page_2_34 #html_nav2_34 a, #page_2_35 #html_nav2_35 a, #page_2_36 #html_nav2_36 a { /* second-level lists */
	color: #262626;
	background: #fff;
	text-decoration:underline;
}

#html_Nav li ul a:hover, #page_3_0 #html_nav3_0 a, #page_3_1 #html_nav3_1 a, #page_3_2 #html_nav3_2 a, #page_3_3 #html_nav3_3 a, #page_3_4 #html_nav3_4 a, #page_3_5 #html_nav3_5 a, #page_3_6 #html_nav3_6 a, #page_3_ #html_nav3_7 a, #page_3_8 #html_nav3_8 a, #page_3_9 #html_nav3_9 a, #page_3_10 #html_nav3_10 a, #page_3_11 #html_nav3_11 a, #page_3_12 #html_nav3_12 a, #page_3_13 #html_nav3_13 a, #page_3_14 #html_nav3_14 a, #page_3_15 #html_nav3_15 a, #page_3_16 #html_nav3_16 a, #page_3_17 #html_nav3_17 a, #page_3_18 #html_nav3_18 a { /* second-level lists */
	color: #262626;
	background: #fff;
	text-decoration:underline;
}

/* reveal sub nav */

#page_2_1 #html_nav2 ul, #page_2_2 #html_nav2 ul, #page_2_3 #html_nav2 ul, #page_2_4 #html_nav2 ul, #page_2_5 #html_nav2 ul, #page_2_6 #html_nav2 ul, #page_2_7 #html_nav2 ul, #page_2_8 #html_nav2 ul, #page_2_9 #html_nav2 ul, #page_2_10 #html_nav2 ul, #page_2_11 #html_nav2 ul, #page_2_12 #html_nav2 ul, #page_2_13 #html_nav2 ul, #page_2_14 #html_nav2 ul, #page_2_15 #html_nav2 ul, #page_2_16 #html_nav2 ul, #page_2_17 #html_nav2 ul, #page_2_18 #html_nav2 ul, #page_2_23 #html_nav2 ul, #page_2_34 #html_nav2 ul, #page_2_35 #html_nav2 ul,  #page_2_36 #html_nav2 ul {display:block;}

#page_3_0 #html_nav3 ul, #page_3_1 #html_nav3 ul, #page_3_2 #html_nav3 ul, #page_3_3 #html_nav3 ul, #page_3_4 #html_nav3 ul, #page_3_5 #html_nav3 ul, #page_3_6 #html_nav3 ul, #page_3_7 #html_nav3 ul, #page_3_8 #html_nav3 ul, #page_3_9 #html_nav3 ul, #page_3_10 #html_nav3 ul, #page_3_11 #html_nav3 ul, #page_3_12 #html_nav3 ul, #page_3_13 #html_nav3 ul, #page_3_14 #html_nav3 ul, #page_3_15 #html_nav3 ul, #page_3_16 #html_nav3 ul, #page_3_17 #html_nav3 ul, #page_3_18 #html_nav3 ul, #page_3_19 #html_nav3 ul, #page_3_20 #html_nav3 ul, #page_3_21 #html_nav3 ul {display:block;}

/* highlight active link */




/*=================================================

		FORMS
		
=================================================*/

input, textarea, select {
	padding: 2px;
	font-size: 1.2em;
}

input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"] {
	width: auto;
}


/*=================================================

		PAGE SPECIFIC
		
=================================================*/



/*=================================================

		USEFUL CLASSES
		
=================================================*/

p.home_text {display:none;}

.hidden {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.overflow {
	overflow: auto;
}

.clear {
	clear: both;
}