/* COLOURS: charcoal:#2E2E2E teal:#485C62 fawn:#C5C1AA eucalypt:#C1CDCD #D5DAD6 orange:#FF4500 paprika:#A73C0F #B11C04 powder:#F5F5F5 beige:#EEEEE0 pidgeon:#52595B deepwater:#183038 */

/*  BODY */

body.centre {  
	margin:0% auto;
	padding:0%;
	background-color:#2E2E2E;
	font-size: 75%;
	line-height: 1.125em;
}

html, body, div {height: 100%;}

/*  DIVS */


/* Business Name Block */
div.sydney_architects {
	position:absolute;
	left:0%;
	top:0%;
	margin:0%;
  	width:15%;
	height:40%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	letter-spacing: 0.7em;
  	text-align:right;
	visibility:visible;
	overflow:hidden;
	padding:15% 0% 0% 0%;
	background-color:#A73C0F;
	z-index:2;
}

/* Side Menu Block */
div.architecture_projects {
	position:absolute;
	left:0%;
	top:45.5%;
	margin:0%;
  	width:15%;
	height:12%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.2em;
	line-height: 2em;
  	text-align:right;
	visibility:visible;
	overflow:visible;
	padding:1% 1% 0% 0%;
	background-color:#D5DAD6;
	z-index:7;
}

div.construction_block {
	position:absolute;
	left:15%;
	top:45.5%;
	margin:0%;
  	width:4.5%;
	height:12%;
	padding:1% 0% 0% 0%;
	background-color:#D5DAD6;
	z-index:3;
}

div.construction_base {
	position:absolute;
	left:0%;
	top:45%;
	margin:0%;
  	width:22%;
	height:29%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.2em;
	line-height: 2em;
  	text-align:right;
	visibility:visible;
	overflow:visible;
	padding:0.5% 0.5% 0% 0%;
	background-color:#FFFFFF;
	z-index:3;
}

/* Project Picker Block */
div.project_picker {
	position:absolute;
	left:15%;
	top:0%;
	margin:0%;
  	width:5%;
	height:73%;
	visibility:visible;
	padding:0%;
	background-color:#FFFFFF;
	background-image:url(images/picker.gif);
        background-repeat:repeat-y;
	z-index:2;
}

/* Top Block */
div.architectural_space {
	position:absolute;
	left:21%;
	top:0%;
	margin:0%;
  	width:79%;
	height:8%;
	visibility:visible;
	padding:0%;
	background-color:#FFFFFF;
	z-index:3;
}

/* Photo-Flash Display Block */
div.project_display_arena {
	position:absolute;
	left:21%;
	top:8%;
	margin:0%;
  	width:79%;
	height:66%;
	visibility:visible;
	overflow: hidden;
	padding:0%;
	background-color:#F5F5F5;
	z-index:3;
}

div.feature_block {
	float:left;
	margin:0%;
	visibility:visible;
	overflow:visible;
	padding:0%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.2em;
  	text-align:left;
	z-index:3;
}


/* RHSide Text Block */
div.building_design_scope {
	position:absolute;
	left:88%;
	top:8%;
	margin:0%;
  	width:11%;
	height:65%;
	visibility:visible;
	overflow:hidden;
	padding:0.5% 0.5% 0.5% 0.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.2em;
  	text-align:left;
	z-index:7;
}


div.building_design_base {
	position:absolute;
	left:88%;
	top:8%;
	margin:0%;
  	width:12%;
	height:66%;
	visibility:visible;
	overflow:hidden;
	padding:0%;
	z-index:4;
}


/* Divider Strips */
div.building_horizontal {
	position:absolute;
	left:0%;
	top:73%;
	margin:0%;
  	width:100%;
	height:2%;
	visibility:visible;
	padding:0%;
	background-color:#FFFFFF;
	z-index:6;
}

div.building_vertical {
	position:absolute;
	left:19.5%;
	top:0%;
	margin:0%;
  	width:2%;
	height:73%;
	visibility:visible;
	padding:0%;
	background-color:#FFFFFF;
	z-index:2;
}

/* Bottom Block */
div.building_footing {
	position:absolute;
	left:0%;
	top:75%;
	margin:0%;
  	width:100%;
	height:20%;
	visibility:visible;
	padding:0%;
	background-color:#183038;
	z-index:6;
}

/* Bottom Text Block */
div.building_projects {
	position:absolute;
	left:0%;
	top:75%;
	margin:0%;
  	width:87%;
	height:13%;
	visibility:visible;
	overflow:hidden;
	padding:0.5% 0.5% 0.5% 0.5%;
	background-color:#52595B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	color: #C1CDCD;
	z-index:6;
}


/* Footer Block */
div.bottomshadow {
	position:absolute;
	left:0%;
	top:94%;
	margin:0%;
	width:100%;
	height:8%;
	padding:0%;
	visibility:visible;
	background-image:url(images/shadow_bottom.png);
        background-repeat:repeat-x;
        background-position:top;
	z-index:6
}


div.architect_business {
	position:absolute;
	left:0%;
	top:95%;
	margin:0%;
	width:98.5%;
	height:4%;
	visibility:visible;
	overflow:visible;
	padding:0% 0.5% 0% 1.0%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing:0.3em;
        text-align:left;
	color: #C1CDCD;
	z-index:6;
}

div.architects_design {
	float:left;
	margin:0%;
	width:49%;
	height:100%;
	visibility:visible;
	overflow:visible;
	padding:0%;
	z-index:6;
}

div.residential_architects {
	float:right;
	margin:0%;
	width:49%;
	height:100%;
	visibility:visible;
	overflow:visible;
	padding:0%;
        text-align:right;
	color: #C1CDCD;
	z-index:6;
}


div.sitemapbox {
	position:relative;
	width:277px;
	height:20px;
	border-top:1px solid #FF4500;
	border-right:1px solid #FF4500;
	visibility:visible;
	overflow:hidden;
	padding:0px 10px 0px 10px;
	z-index:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #2F383B;
  	text-align:left;
	line-height: 2em;
}


div.spacer {
  clear: both;
  }

/*  TEXT */

p { 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}

.built {
	font-weight: bold;
}

.brick {
	color: #A73C0F;
}

.highlight {
	color: #FF4500;
}

.copyright {
	font-size:0.8em;
}


.font_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}

.font_footer_a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: small-caps;
	color: #C1CDCD;
}

.font_footer_b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing:0.2em;
	color: #C1CDCD;
}

.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
  	text-align:left;
}


hr { width:100%; }

/*  GENERAL LINKS AND ROLLOVERS */

a:link {
	text-decoration: none;
	color: #FFFFFF;
}

a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: none; 
	color: #FF4500;
}

a:active {
	text-decoration: none;
	color: #FFFFFF;
}


/*  MENU ROLLOVERS */


ul.menu1 {
	margin: 0em;
	padding: 0em;
	list-style-type: none;
}

li.menu1 { margin:0em; }

a.menu1:link {
	text-decoration: none;
	color: #778388;
}

a.menu1:visited {
	text-decoration: none;
	color: #778388;
}

a.menu1:hover {
	text-decoration: none;
	color: #FF4500;
}

a.menu1:active {
	text-decoration: none;
	color: #778388;
}

a.menu2:link {
	text-decoration: none;
	color: #000000;
}

a.menu2:visited {
	text-decoration: none;
	color: #000000;
}

a.menu2:hover {
	text-decoration: none;
	color: #FF4500;
}

a.menu2:active {
	text-decoration: none;
	color: #000000;
}


/*  IMAGES  */

img { border:0px }