/*
------------------------------------------------------------------------------------------------
	ONE ATHENS CSS - styles.css											  
------------------------------------------------------------------------------------------------
	Created: 	10-06-2009															
	Author: 	Ember Interactive (www.emberinteractive.co.uk)						
	Website: 	One Athens													
------------------------------------------------------------------------------------------------
*/

/* --- Colours 
														
*/

/*
------------------------------------------------------------------------------------ CSS RESET
															
------------------------------------------------------------------------------------------------
*/

body,div,img,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;}


/*
----------------------------------------------------------------------------- FOOTER STICK STUFF
															
------------------------------------------------------------------------------------------------
*/

* {margin:0;padding:0;} 
html, body, #wrap {height: 600px; width 960px;}
body > #wrap {height: auto; min-height: 100%;}
#content {padding-bottom: 0;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -60px; height: 60px; clear:both;} 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

html {font-size: 50%; width:960px; float:centre; margin:0 auto;}
body {background: #fff; font-family: Arial, Verdana, sans-serif; font-size: 125%; width:960px; float:centre; margin:0 auto;}

/*
----------------------------------------------------------------------------------MAIN STRUCTURE
															
------------------------------------------------------------------------------------------------
*/

#wrap {width:960; float:centre; margin:0 auto; text-align:left; }

#header { /*width:640px;*/ width:auto; min-width:960px; height:50px; margin:0 auto; }
#header_a {width:250px; float:left; margin:0 auto; }
#header_b {width:190px; height:100px; margin:0 auto; float:right; margin-top:20px; background:url('../../images/one_athens_icon.gif') top right no-repeat; }
#page_home #header_b {background:none;}

#content {clear:both; width:960px; display:inline; float:left; margin:0 auto; overflow:auto; }
#content_a {width:150px; display:inline; float:left; margin-top:20px; }
#content_b {
	width:780px;
	float:left;
	margin-top:20px;
}
#content_new {
width:700px;
float:center;
font-size:125%;
}

#footer {/*width:640px;*/ width:auto; float:centre; margin:0 auto; text-align:left;}

/*
---------------------------------------------------------------------------------------- CONTENT
															
------------------------------------------------------------------------------------------------
*/

h1 {display:block; height:40px; width:180px; margin-bottom:16px; }
h1 a {display:block; height:40px; width:180px; text-indent:-2000px; background:url('../../images/one_athens_logo.gif') left bottom no-repeat;}
h2 {font-size: 1.1em; margin: 0 0 15px 0;}
h3 {font-size: 1.8em; font-weight:bold; }

p {font-size: 1.1em; line-height: 1.2em; color: #1a1718; padding-bottom:20px;}
div.col p.subtext {font-size: 1em; color:#999999;}

a {color:#1a1718; margin: 0; padding: 0; outline:none; text-decoration: underline; font-weight:bold;}
a:link, a:visited {color:#1a1718;}
a:hover {color:#1a1718;}

a.skip {display:block; position:absolute; z-index:0; top:-4em;}

#header_a p {font-size:1.2em;}
#header_b p {display:block; width:190px; height:100px;}
#header_b p a {display:block; width:190px; height:100px; margin-top:20px; background:url('../../images/one_athens_tag.gif') top left no-repeat; text-indent:-2000px; }
#header p {padding-bottom:0;}

div#image_block {display:inline; float:left; overflow:hidden; margin-bottom:10px; width:780px; }
div#image_block img {float: left; margin-right:10px;}

div#content_block { clear:both; overflow:auto; background-color:#E7E7E8; width:760px; padding-top:10px;}

div#thumb_block {clear:both; width:780px; height:18px;}
div#thumb_block a {display:inline; float:left; width:18px; height:18px;  margin: 10px 6px 0 0;}
div#thumb_block a.enlarge {width:375px; display:inlne; float:left; margin: 2px 10px 0 0; color:#999999; text-decoration:none; line-height:18px;}
div#thumb_block a.enlarge:hover {text-decoration:underline;}
div#thumb_block p {margin:10px 0 0 0; padding:3px 10px 0 0; float:left; color:#999999;}

div.col {display: inline; float: left; width: 200px; margin: 0 5px 0 10px;}
div.col p {font-size: 1.1em; padding: 0 0 15px 0;}
div.col a {font-style: normal; font-weight: normal; }

div.col_full {clear:both; width:760px;}

div.two_col {width: 260px;}

#content_block ul {float: left; display: block; font-weight: normal; margin: 0 0 0 0; padding: 0 0 0 0; font-size:1.1em;}
#content_block ul li {margin: 0 0 15px 13px; list-style-type: disc;}

#content_block ul.sub_list {float: left; display: block; font-weight: bold; width: 172px; margin: 0 10px 0 0; padding: 0 10px 0 0; font-size:1.05em;}
#content_block ul.sub_list li {margin: 0 0 15px 0; list-style-type:none;}
#content_block ul.sub_list ul {margin: 6px 0 15px 0; font-weight: normal;}
#content_block ul.sub_list ul li {margin: 0 0 0 13px; list-style-type: disc;}

#footer p {font-size:1.2em; display:block; float:left; padding:16px 4.5em 0 0; }
#footer p.credit {height:42px; width:30px; float:left; background:url(../../images/company_credit.gif) right bottom no-repeat; padding:0; margin:0 auto; float:right; margin-top:4px;}
#footer p.credit a {display:block; width:30px; height:42px;text-indent:-2000px; overflow:hidden;}

#jquery-overlay {position: relative; top: -620px; left: 110px ;z-index: 90; width: 780px; height:500px; display:none; background-color:#FFF;}
#enlarge_image_item {position: relative; top: -1200px; left: 110px; z-index: 100; text-align: left; line-height: 0; padding-bottom:20px; background:url('../../images/loader.gif') no-repeat 50% 50%;}
a.close_window {width:16px; height:16px; position:absolute; top:0; left:770px; background:url('../../images/close_image.gif') no-repeat 0 0;  z-index: 120;}

/*
---------------------------------------------------------------------------------- HOME PAGE
															
------------------------------------------------------------------------------------------------
*/

#home_grid {width:475px; height:475px; overflow:hidden; margin-left:95px;}
#home_grid li {width:90px; height:90px; margin:0 5px 5px 0; background-color:#1A1718; float:left;}
#home_grid a {display:block; width:90px; height:90px; background:url('../../images/home_images/01hometh.jpg') 0 90px no-repeat;}
#home_grid_02 a {display:block; width:90px; height:90px; background:url('../../images/home_images/02hometh.jpg') 0 90px no-repeat;}
#home_grid_03 a {display:block; width:90px; height:90px; background:url('../../images/home_images/03hometh.jpg') 0 90px no-repeat;}
#home_grid_04 a {display:block; width:90px; height:90px; background:url('../../images/home_images/04hometh.jpg') 0 90px no-repeat;}
#home_grid_05 a {display:block; width:90px; height:90px; background:url('../../images/home_images/05hometh.jpg') 0 90px no-repeat;}
#home_grid_06 a {display:block; width:90px; height:90px; background:url('../../images/home_images/06hometh.jpg') 0 90px no-repeat;}

#home_grid li#home_grid_01, #home_grid li#home_grid_04, #home_grid li#home_grid_05, #home_grid li#home_grid_06  { margin-left:190px; margin-right:190px;} 
#home_grid li#home_grid_01 a { background-position: 0px 0px;} 

#home_grid li#home_grid_02 a { background-position: 0px 0px;}
#home_grid li#home_grid_02 { margin-left:95px;}

#home_grid li#home_grid_03 a { background-position: 0px 0px;}
#home_grid li#home_grid_03 { margin-right:190px;}

#home_grid li#home_grid_04 a { background-position: 0px 0px;}
#home_grid li#home_grid_05 a { background-position: 0px 0px;}
#home_grid li#home_grid_06 a { background-position: 0px 0px;}

#page_home #content_b p { font-size:1.6em;}


/*
------------------------------------------------------------------------------------- THE LAYOUT
															
------------------------------------------------------------------------------------------------
*/


#page_layout #content_b h3 {float: left; width:140px;}

div.col_layout {width:300px; float:left; margin-right:50px;}
div.col_layout p {margin-left:8px;}

div.location_icons {
	clear:both;
	width:300px;
	overflow:auto;
}
div.location_icon_item {
	float:left;
	margin-bottom:12px;
	padding-bottom:8px;
	width:120px;
}
div.location_icon_item p {padding:0; margin:0 0 0 8px; font-size:1em; font-weight:bold;}
div.location_icon_item img {margin:8px 8px 4px 8px;}

a.location_link {width:64px; height:38px; margin:8px 8px 4px 8px; display:block; background-position:0 0; background-repeat:no-repeat;}
a.location_link:hover { background-position:0 -148px;}

div.icon_grey {background-color:#E7E7E8;}

div.location_icon_item p a {font-weight:normal; color:#999999; text-decoration:none;}

#spec_content {float:left; overflow:auto;}

.column_a {float: left; margin: 0 0 15px 0;}
.column_a ul {float: left; width: 290px; margin: 0 15px 40px 0;}
.column_a ul li {font-weight: bold;}
.column_a ul li span.spec_unit {font-weight: normal; display: block; float: left; width: 15em;}

.column_b {float: left; margin: 0 0 15px 0;}
.column_b ul {float: left; margin: 0 10px 40px 0; width: 100px;}

.column_b a {float: left; font-weight: normal; text-decoration: none;}
.column_b a:hover {text-decoration: underline;}

p.layout_back {clear:both; float:none; margin-top:6px;}


/*
---------------------------------------------------------------------------------------- CONTACT
															
------------------------------------------------------------------------------------------------
*/

#content_b input, #content_b textarea {border: none; padding: 5px; font-size: 1.1em; width: 230px; margin: 0 0 5px 0;}
#content_b input.submit_form {background: #000; color: #fff; width: 75px; font-weight: bold; font-size: 1em; margin: 10px 0 20px 0; font-family:Arial, Verdana, sans-serif; float:right;}

#page_contact h3 {font-size: 1.4em; font-weight:bold; margin: 0 0 15px 10px; }

#page_contact #content_b .col {width: 240px; margin: 0 25px 0 0; float: left;}
#page_contact #content_b .col a {font-weight: normal; font-style: italic; text-decoration: none; margin: 0 20px 0 0;}
#page_contact #content_b .col a:hover {text-decoration: underline;}
#page_contact #content_b {background-color:#e7e7e8; padding-top:10px;}
#page_contact #content_b p {margin-left:10px;}
#page_contact #content_b #contact_form div.col p { width:240px;}
#page_contact #content_a {width:140px;}

label {float: left; width: 120px; margin: 0 0 4px 0; font-size: 1em; line-height:2em; padding:0;}
.form_error {font-size:1em; color:#AE0509; float:right; text-align:right; display:none;}


/*
---------------------------------------------------------------------------------------- ABOUT
															
------------------------------------------------------------------------------------------------
*/

#page_about #content_b p {width:530px; font-size:1.8em;}


/*
------------------------------------------------------------------------------------------ PRESS
															
------------------------------------------------------------------------------------------------
*/

div.press_item {width:130px; margin: 0 60px 30px 0; float:left; overflow:auto;}
div.press_item img {margin-bottom:6px;}
div.press_item p {margin:0; padding:0; font-weight:bold; text-align:center;}
div.press_item p a {color:#999999; text-decoration:none;}



/*
------------------------------------------------------------------------------------- NAVIGATION
															
------------------------------------------------------------------------------------------------
*/


#content_a ul {width:150px; margin-bottom:1.6em;}
#content_a li {padding:0; margin:0;}
#content_a li a {padding:0; margin:0; display:block; width:130px; font-size: 1.2em; text-decoration:none; line-height:1.4em; color:#b9babc; font-weight:normal;}
#content_a li a:hover {color: #1a1718;}

#content_a ul li ul {margin-left:20px; width:130px; display:none;}

#page_press #content_a ul li ul {display:block;} 

/* nav active states */

#page_history #content_a li a.nav_history, 
#page_concept #content_a li a.nav_concept, 
#page_location #content_a li a.nav_location, 
#page_lifestyle #content_a li a.nav_lifestyle, 
#page_space #content_a li a.nav_space, 
#page_design #content_a li a.nav_design, 
#page_facilities #content_a li a.nav_facilities, 
#page_team #content_a li a.nav_team, 
#page_layout #content_a li a.nav_layout, 
#page_specs #content_a li a.nav_specs, 
#page_contact #content_a li a.nav_contact, 
#page_about #content_a li a.nav_about,
#page_press #content_a li a.nav_press,
#page_presentation #content_a li a.nav_presentation
{color: #1a1718;}

/*
------------------------------------------------------------------------------------------ MISC.
														
------------------------------------------------------------------------------------------------
*/

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