/* CSS Document */

html, body{
	margin: 0px;
	background-image: url(../images/bg.jpg);
    background-repeat: no-repeat; 
	background-color: #DDD;
	font-family: Garamondo, Georgia, Arial;
	}

p,h3,h4,h5,ul,li {	
	margin: 15px;	
}

.menu {
	/* margin-top: 45px;
	text-align: right;
	*/
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
}

a:link, a:visited {
	color: blue;
	text-decoration: none;
}

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

.graphic {
	border: none;
}
	
/** "ARK RESOURCES" title **/
#ark_text{
	position: absolute;
	top: 55px;
	left: 30px;
	width: 100px;	
	z-index: 1;
	font-size: 42px;
}

/** "BUILDING A SUSTAINABLE FUTURE" & horizontal bar container**/
#building_text {	
	position: absolute;
	top: 40px;	
	margin-right: 20px;
	margin-left: 345px;
	z-index: 2;
	font-size: 18px;	
}

.building_image {
	margin-right: 20px;
}

/** Contact details & vertical bar container**/
#contact_text {	
	position: absolute;
	top: 60%;	
	margin-left: 10px;	
	z-index: 9;
	font-size: 14px;
	font-weight: bold;
}

#copy_text {
	position: absolute;
	top: 93%;		
	z-index: 9;
	font-size: 11px;
	padding-left: 10px;	
}

/** Page content **/
#content {
	position: absolute;
	top: 130px;
	width: 530px;
	/* margin-left: 543px; (old) */
	margin-left: 330px;
	margin-right: 5px;
	font-size: 13px;
	/** Add for opacity level behind text **
	background-color: #fff;  
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5; 
	/***************************************/
	z-index: 2;

}

#client_content {
	position: absolute;
	top: 130px;	
	margin-left: 220px;
	margin-right: 5px;
	font-size: 13px;	
	z-index: 2;
}

#content div {
	padding: 20px;	
	color: #000;
	}


/** Home page menu **/
#about {
	position: absolute;
	top: 160px;
	width: 190px;
	margin-left: 310px;
	height: 60px;
	z-index: 3;
}

#consult {
	position: absolute;
	top: 160px;
	width: 320px;
	margin-left: 540px;
	height: 60px;
	z-index: 4;
}

#clients {
	position: absolute;
	top: 270px;
	width: 170px;
	margin-left: 310px;
	height: 60px;
	z-index: 5;
}

#projects {
	position: absolute;
	top: 270px;
	width: 190px;
	margin-left: 540px;
	height: 60px;
	z-index: 6;
}

#newsletter {
	position: absolute;
	top: 390px;
	width: 235px;
	margin-left: 425px;
	height: 60px;
	z-index: 7;
}

#about a, #consult a, #clients a, #projects a, #newsletter a {
	color: black;
	text-decoration: none;
}

/** Sub-page menu **/
#sub_menu {
	position: absolute;
	top: 110px;
	left: 30px;	
	z-index: 10;	
}

/** Page Title **/
#title {
	position: absolute;
	top: 80px;	
	margin-left: 345px;
	margin-right: 20px;
	z-index: 1;
}

/** Line colours **/
#line {
	background-color: #660000;
}

#energy_logo {
	position: absolute;
	top: 185px;
	margin-left: 270px;
}

#gbcaus {
	position: absolute;
	top: 82%;
	margin-right: 20px;	
	margin-left: 767px;
	width: 230px;
	z-index: 1;
}

.clients_table p {
	font-size: 10px;
	margin: 3px;
}