body { 
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-family: Arial, Helvetica, Georgia, Times, serif;
	font-size: 12px;
	text-align: center;}

.background_black{
	background-color: #000000;}

.background_grey{
	background-color: #948a7d;}
	
.background_lilac{
	background-color: #918C95;}
	
.background_green{
	background-color: #89957E;}
	
.background_blue{
	background-color: #6B8A99;}
	
.background_gold{
	background-color: #96967D;}
	
.background_grey2{
	background-color: #999999;}
	
	
p {
	margin-top: 0px;
	margin-bottom: 20px;
}

.no_margin{ 
	margin: 0 auto 30px; 
	display: block;}

img {border: none;}

td { }
a:link {color: #000000; text-decoration: none}
a:visited {color: #000000;text-decoration: none}
a:hover {color: #555555; text-decoration: none}
a:active {color: #000000; text-decoration: none}

#container{
	width: 700px;
	height: 680px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;}
	
#header{
	width:700px;
	height: 50px;
	position: relative;}
	
#content{
	width: 700px;
	height: 500px;
	position: relative;}

#footer{
	width: 380px;
	height: 20px;
	position: absolute;
	bottom: 0px;
	left: 160px;
	font-size: 14px;
	color: #ACA095; 
	text-align: center;}

/* This styles the tables that contain the text images and centre them */
.centred{
	height: 500px;
	margin-left: auto;
	margin-right: auto;}
	
.centred_2{
	height: 550px;
	margin-left: auto;
	margin-right: auto;}	
		
.centred_intro{
	height: 500px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;}	
	
.centred_text{
	height: 500px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	line-height: 24px;}	
	
.page_title{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	display: block;}
	
.contact_table{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;}
	
#press_item{
	height: 250px;
	float: left;
	width: 203px;
	border-top-style: solid;
	border-top-width: 1px;
	margin: 10px 15px 0px 15px;
	padding-top: 15px;}
	
#press_item img{
	height: 200px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
}	

#press_item img:hover{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
	
/* Main Menu Buttons */
#menu_bar{
	width: 530px;
	height: 30px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}

#button{
	float: left;
	height:30px;
	position: relative;
	margin: 0px 10px 0px 10px;}
	
.home{
	width: 44px;
	background: url("../images/menu_home.png") 0px 0px;}

.home:hover{
	background: url("../images/menu_home.png") 0px -30px;}
	
.services{
	width: 62px;
	background: url("../images/menu_services.png") 0px 0px;}

.services:hover{
	background: url("../images/menu_services.png") 0px -30px;}

.who_we_are{
	width: 98px;
	background: url("../images/menu_who_we_are.png") 0px 0px;}

.who_we_are:hover{
	background: url("../images/menu_who_we_are.png") 0px -30px;}

.fay{
	width: 27px;
	background: url("../images/menu_fay.png") 0px 0px;}

.fay:hover{
	background: url("../images/menu_fay.png") 0px -30px;}

.simon{
	width: 47px;
	background: url("../images/menu_simon.png") 0px 0px;}

.simon:hover{
	background: url("../images/menu_simon.png") 0px -30px;}
	
.contact{
	width: 60px;
	background: url("../images/menu_contact.png") 0px 0px;}

.contact:hover{
	background: url("../images/menu_contact.png") 0px -30px;}
	
.clients{
	width: 50px;
	background: url("../images/menu_clients.png") 0px 0px;}

.clients:hover{
	background: url("../images/menu_clients.png") 0px -30px;}

.press{
	width: 36px;
	background: url("../images/menu_press.png") 0px 0px;}

.press:hover{
	background: url("../images/menu_press.png") 0px -30px;}

/* Scrolling text */
.scrollbox{
	width: 390px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px}

#archivsubB{
	height: 390px;
	padding: 0px 0px 0px 0px; 
	overflow: hidden;
	line-height: 24px;}
	
/* Up and down arrows */
#arrowup{
	height: 11px;
	width:11px;
	background: url("../images/arrow_up.png") 0px 0px;
	float:left; 
	margin:2px 5px 0 0; 
	line-height: normal;}

#arrowup:hover{
	background: url("../images/arrow_up.png") 0px -11px;}

#arrowdown{
	height: 11px;
	width:11px;
	background: url("../images/arrow_down.png") 0px 0px;
	float:right; 
	margin: 2px 0 0 0; 
	line-height: normal;}

#arrowdown:hover{
	background: url("../images/arrow_down.png") 0px -11px;}
	
#arrow_wrapper{
	width: 60px;
	margin-left: auto;
	margin-right: auto;}
	
#arrow_left{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 11px;
	width: 11px;
	background: url("../images/arrow_left.png") 0px 0px;}
	
#arrow_left:hover{
	background: url("../images/arrow_left.png") 0px -11px;}

#fist_right{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 11px;
	width: 11px;
	background: url("../images/arrow_right.png") 0px 0px;}
	
/* Link Opacity */
a.linkopacity img {
-moz-opacity: 0.2; 
opacity: 0.2;
}

a.linkopacity:hover img {   
-moz-opacity: 1.0;   
opacity: 1.0;
}

a.linkopacity:focus img {
filter:alpha(opacity=70);   
-moz-opacity: 1.0;   
opacity: 1.0;
zbackground-color: #dcf1fc;
}

/* hiddenpic is for preloading images */
.hiddenpic{display:none;}