/* GENERAL SETTINGS */


* { 
	margin: 0;
	padding: 0;
	text-decoration: none;
}


img {
	border: none;
}

body {
	font-family: Arial,Verdana,'Sans Serif';
	color: #666;
	font-size: 62.5%;
	background: #32302c url(../images/main_background.png) repeat-x center top;
}




/* TYPOGRAPHY */

p{
	font-size: 1.4em;
	font-weight: normal;
	line-height: 160%;
	padding-bottom: 18px;
	color: #a1987a;
}


p a{
	color: #a1987a;
	text-decoration: none;
}


p.smallprint{
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	color: #a1987a;
}


blockquote{
	background: url(../images/quote_background.png) no-repeat center bottom;
	width: 490px;
	height: 138px;
}

blockquote p{
	font-size: 1.7em;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	color: #fff;
	padding: 30px 30px 0 30px;
}

h1{
	background-image: url(../images/logo.png);
	width: 692px;
	height: 136px;
	font-size: 1px;
	text-indent: -999em;
}



h2.experience{
	background-image: url(../images/experience.png);
	width: 220px;
	height: 67px;
	font-size: 1px;
	text-indent: -999em;
}

h2.ukprojects{
	background-image: url(../images/ukprojects.png);
	width: 180px;
	height: 70px;
	font-size: 1px;
	text-indent: -999em;
}

h2.overseasprojects{
	background-image: url(../images/overseasprojects.png);
	width: 163px;
	height: 58px;
	font-size: 1px;
	text-indent: -999em;
}


h2.getintouch{
	background-image: url(../images/getintouch.png);
	width: 108px;
	height: 54px;
	font-size: 1px;
	text-indent: -999em;
}


h2.contactdetails{
	background-image: url(../images/contactdetails.png);
	width: 136px;
	height: 64px;
	font-size: 1px;
	text-indent: -999em;
}






/* LOGO */

#logo{
	height: 136px;
}


/* NAVIGATION */

#navwrap{
	height: 340px;
	width: 196px;
	position: relative;
	float: left;
}


ul.nav{
	position: absolute;
	top: 28px;
	right: 25px;
	text-align: right;
	list-style: none;
}


ul.nav li{
	font-size: 1.4em;
	font-weight: bold;
	color: #fcbe00;
	padding-bottom: 6px;
}

ul.nav a{
	color: #a1987a;
	text-decoration: none;
}



a.css:link {
	color: #a1987a;
	text-decoration: none;
}

a.css:hover {
	color: #fff;
	text-decoration: none;
}

a.css:active{
	color: #fff;
	text-decoration: none;
}




/* IMAGE */

.image{
	height: 340px;
	width: 784px;
	float: left;
	background-color: #2a2927;
	overflow:hidden;
	zoom: 1;
}


.image #text:after{ 
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	visibility: hidden; }



.image .gallery{
	list-style:none;
}


.image .gallery li{
	float:left;
}


.image .gallery li a{
	display:block;
}

.image .gallery li a:hover{border-color:#404040;}
.image .gallery li a img{display:block;}


#tooltip{
	position:absolute;
	background:#2a2927;
	font-family: Arial,Verdana,'Sans Serif';
	font-size: 1.2em;
	padding: 5px 9px 5px 9px;
	color:#fff;
	display:none;
}	


/* PHOTOS */

#photos img {
 position: absolute;
}
 
#photos {
	height: 340px;
	width: 784px;
	float: right;
	background-color: #2a2927;
	overflow:hidden;
}
 


/* FORM */


.form{
	width: 275px;
	padding: 0 0 0 30px;
	float: left;
}

* html .form{
 display: inline;
}


.form_label{
	font-family: Arial,verdana, san-serif;
	font-size: 1.2em;
	color: #a1987a;
	float:left;
	clear: left;
	padding: 12px 0 4px 0;
}


input.form{
	border: none;
	width: 261px;
	font-size: 1.2em;
	font-weight: normal;
	color: #32302c;
	font-family: Arial,verdana, san-serif;
	background-color: #fff;
	padding: 7px;
	float:left;
	clear:left;
}


textarea{
	border: none;
	width: 261px;
	height: 60px;
	font-size: 1.2em;
	font-weight: normal;
	color: #32302c;
	font-family: Arial,verdana, san-serif;
	font-size: 1.2em;
	padding: 7px;
	background-color: #fff;
	float:left;
	clear:left;
}


input.submit_button{
	float: left;
	clear: left;
	margin: 10px 0 0 0;
}



/* CONTACT */


.contact{
	width: 390px;
	float: right;
}



/* INFO */

.info{
	width: 490px;
	clear: both;
	padding: 0 0 50px 196px;
	float: left;
}



/* PROJECTS */

.projects{
	width: 196px;
	float: right;
}


.projects ul{
	list-style: none;
}


.projects ul li{
	font-size: 1.4em;
	color: #a1987a;
	padding: 0 0 6px 13px;
	background: url(../images/bullet.png) no-repeat 0 4px;
}


.projects ul li em{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
}




/* FOOTER */


#footer{
	background-color: #2a2927;
	position: relative;
	margin-top: 50px;
}


#footer p{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 1.2em;
	position: absolute;
	left: 196px;
	top: 18px;
	padding: 0;
}



/* STICKY FOOTER */


html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 50px;
	width: 980px;
	zoom: 1;
}  /* must be same height as the footer */


#main #text:after{ 
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}


#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}