body {
	color: #FFFFFF; 
	font-family: Verdana, Arial,Eurostile, Helvetica, sans-serif; 
	margin: 0 auto;			
	padding: 0px; 
	text-align: center; 
	background-color: #828282;
	}
	
a { 
	color: #FFFFFF; 
  }

#container{
	width: 780px;/*The width of our layout*/
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	background-color: #828282; /*Margin left and right set to auto center's our layout*/
	text-align: center;
	 } 
	 
#header {
	text-align: left; 
	padding: 0px 0px 0px 0px; 
	float: left; 
	width: 780px;
	background-color:#333333;
	 }
	 
#topleft{ 
	float: left; 
	width: 600px; 
	} 
	
#logo{ 
	width: 180px;
	float: left;
	margin: -3px; 
	} 
	
#links{ 
	width: 780px; 
	float: left; 
	background-color: #99CC33; 
	} 
	
#links img { border: none; }
 
#home{ 
	width: 69px; 
	float: left; 
	} 
	
#about{ 
	width: 114px; 
	float: left; 
	} 
	
#work{ 
	width: 83px; 
	float: left; 
	} 
	
#casestudy{ 
	width: 102px; 
	float: left; 
	} 
	
#contact{ 
	width: 88px; 
	float: left; 
	} 
	
#greenstrip{ 
	width: 320px;
	float: right;
	}
head:first-child+body #greenstrip{ width: 324px; }

#footer{ 
	width: 780px;
	height: 19px; 
	float: left;
	background-color: #333333;   
	}   
	
#footerstrip{ 
	width: 780px;
	} 
	
#footerleft{
	width: 350px; 
	float: left; 
	padding-top: 1px; 
	padding-left: 22px; 
	padding-bottom: 1px; 
	font-size: 9px; 
	text-align: left; 
	background-color: #333333; 
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	} 
	
#footerright{ 
	width: 370px; 
	float: right; 
	padding-top: 1px; 
	padding-right: 22px; 
	padding-bottom: 1px; 
	font-size: 9px; 
	text-align: right; 
	background-color: #333333; 
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	 
#cplink{ 
	width: 780px; 
	float: left; 
	text-align: left; 
	font-size: 10px; 
	background-color: #828282; 
	color: #FFFFFF; 
	font-family: Verdana; 
	} 
	
#middlearea{ 
	width: 780px; 
	float: left; 
	background-color: #ffffff; 
	} 
	
	
/* Homepage*/ 

#maintext{ 
	width: 330px; 
	float: left; 
	padding-top: 10px; 
	padding-left: 16px; 
	padding-right: 21px; 
	padding-bottom: 8px;
	text-align: justify; 
	line-height: 15px; 
	font-size: 10px; 
	color: #333333; 
	font-family: Verdana; 
	background-color: #ffffff; 
	} 
/* hide from IE-mac \*/ 
#maintext {width: 331px;} 
/* end hide */ 

#midcentre img { border: none; } 

#midcentre{ 
	width: 152px; 
	float: left; 
	background-color: #494949; 
	} 
	
#centre1{ 
	width: 152px; 
	height: 205px; 
	background-color: #FFFFFF; 
	} 
	
#case1{ 
	width: 152px; 
	height: 24px; 
	} 
	
#case2{ 
	width: 152px; 
	height: 181px; 
	float: left; 
	} 
	
#centre2{ 
	width: 152px; 
	height: 65px; 
	background-color: #FFFFFF; 
	} 
	
#read2{ 
	width: 152px; 
	height: 41px; 
	} 
	
#midright{ 
	width: 260px; 
	float: right; 
	} 
	
/*End of Homepage*/ 


/*About Mortise*/ 

#about_maintext{ 
	width: 392px; 
	float: left; 
	padding-top: 10px; 
	padding-left: 16px; 
	padding-bottom: 8px;
	text-align: justify; 
	line-height: 15px; 
	font-size: 10px; 
	color: #333333; 
	background-color: #ffffff; 
	font-family: Verdana; 
	} 
/* hide from IE-mac \*/ 
#about_centre{ width: 396px; } 
/* end hide */ 

#about_centre{ 
	width: 281px; 
	float: right; 
	padding-top: 10px; 
	padding-bottom: 281px; 
	margin-right: 28px; 
	background-color: #494949; 
	} 
head:first-child+body #about_centre{ width: 288px; margin-right: 58px; }  

#about_centretop{ 
	width: 274px; 
	float: inherit; 
	margin-left: 7px; 
	margin-right: 7px; 
	background-color: #494949; 
	} 
	
/*End of About Mortise*/ 


/*Work*/ 

#project_1{ 
	width: 288px; 
	float: right; 
	padding-bottom: 10px; 
	margin-right: 28px; 
	background-color: #494949; 
	} 
head:first-child+body #project_1{ margin-right: 58px; } 

#etimg img { border: none; } 

#etimg{ 
	width: 274px; 
	float: inherit; 
	margin-right: 7px; 
	margin-left: 7px; 
	margin-top: 47px; 
	background-color: #494949; 
	} 
	
.esm_1 img { border: none; } 

.esm_1{ 
	width: 98px; 
	float: left; 
	margin-top: 11px;
	background-color: #494949;
	height: 1%;
	margin-right: -3px;
	clear: both;
	}
head:first-child+body .esm_1{ width: 102px; }  
	
.esm_2 img { border: none; } 

.esm_2{ 
	width: 96px; 
	float: left; 
	margin-top: 11px; 
	background-color: #494949; 
	} 
	
.esm_3 img { border: none; } 

.esm_3{ 
	width: 93px; 
	float: right; 
	margin-top: 11px; 
	background-color: #494949; 
	}  
	
#elliot_text{ 
	width: 396px; 
	float: left; 
	margin-top: 10px; 
	padding-left: 16px; 
	padding-bottom: 8px;
	text-align: justify; 
	line-height: 17px; 
	font-size: 10px; 
	color: #333333; 
	background-color: #ffffff; 
	font-family: Verdana; 
	} 
head:first-child+body #elliot_text{ margin-top: 5px; padding-bottom: 18px; }

.project_2{ 
	width: 288px; 
	float: right;
	padding-bottom: 10px; 
	margin-top: 10px;
	margin-right: 28px; 
	background-color: #494949;
	clear: both;
	} 
head:first-child+body .project_2{ margin-right: 58px; clear: none;} 

.patimg img { border: none; } 

.patimg{ 
	width: 274px; 
	float: inherit; 
	margin-right: 7px; 
	margin-left: 7px; 
	margin-top: 10px; 
	background-color: #494949; 
	} 
	
#patino_text{ 
	width: 396px; 
	float: left; 
	margin-top: 43px; 
	padding-left: 16px; 
	padding-bottom: 8px;
	text-align: justify; 
	line-height: 17px; 
	font-size: 10px; 
	color: #333333; 
	background-color: #ffffff; 
	font-family: Verdana;
	}
head:first-child+body #patino_text{ width: 390px; }  
	
#rara_text{ 
	width: 396px; 
	float: left; 
	margin-top: 73px; 
	padding-left: 16px; 
	padding-bottom: 11px;
	text-align: justify; 
	line-height: 17px; 
	font-size: 10px; 
	color: #333333; 
	background-color: #ffffff; 
	font-family: Verdana; 
	}
	
#storage_text{ 
	width: 396px; 
	float: left; 
	margin-top: 15px; 
	padding-left: 16px; 
	padding-bottom: 8px; 
	text-align: justify; 
	line-height: 17px; 
	font-size: 10px; 
	color: #333333; 
	background-color: #ffffff; 
	font-family: Verdana; 
	}
	
/*End of Work*/ 


/*Case Study*/
 
#case_maintext{ 
	width: 396px; 
	float: left; 
	padding-top: 10px; 
	padding-left: 16px; 
	padding-bottom: 20px;
	text-align: justify; 
	line-height: 17px; 
	font-size: 10px; 
	color: #333333; 
	background-color: #ffffff; 
	font-family: Verdana; 
	} 
	
#case_centre{ 
	width: 288px; 
	float: right; 
	padding-bottom: 70px; 
	margin-right: 28px; 
	background-color: #494949; 
	} 
	
head:first-child+body #case_centre{ margin-right: 58px; } 

#main_img img { border: none; } 

#main_img{ 
	width: 274px; 
	float: inherit; 
	margin-left: 7px; 
	margin-right: 7px; 
	margin-top: 10px; 
	background-color: #494949; 
	} 
	
#sm_img1 img { border: none; } 

#sm_img1{ 
	width: 85px; 
	float: left; 
	margin-top: 19px; 
	margin-right: 9px; 
	margin-left: 4px; 
	background-color: #494949; 
	} 
	
#sm_img2 img { border: none; } 

#sm_img2{ 
	width: 85px; 
	float: left; 
	margin-top: 19px; 
	margin-right: 8px; 
	background-color: #494949; 
	} 
	
#sm_img3 img { border: none; } 

#sm_img3{ 
	width: 85px; 
	float: right; 
	margin-top: 19px; 
	margin-right: 4px; 
	background-color: #494949; 
	} 
	
#case_click{ 
	width: 288px; 
	float: inherit; 
	background-color: #494949; 
	} 
	
/*End of Case Study*/


/*Contact Us*/
 
#contact_maintext{ 
	width: 396px; 
	float: left; 
	padding-top: 10px; 
	padding-left: 16px; 
	padding-right: 21px;
	text-align: justify; 
	line-height: 15px; 
	font-size: 10px; 
	color: #333333; 
	background-color: #ffffff; 
	font-family: Verdana; 
	} 
	
#formFields { 
	width: 350px; 
	margin: 0; 
	margin-top: 30px;
	} 
	
	
.formItem { font-size: 10px; text-align: left; padding: 5px 5px 10px ; } 

.formLabel { font-size: 10px; line-height: 0.5; padding: 5px 5px 15px 10px; clear: both; } 

.formFieldContainer { float: right; display:inline; padding: 0px 5px 5px 10px; } 

label { 
	font-size: 10px; 
	width: 75px; 
	float: left; 
	text-align: left; 
	margin: 0; 
	clear: both; 
	} 
	
.submit-button { margin-left: 75px; clear: both; } 

/* hide from IE-mac \*/ 
.formFieldContainer {background-color: #ffffff; } 
/* end hide */ 

/* hide from IE-mac \*/ 
.formLabel {background-color: white; } 
/* end hide */ 

.formField { width: 200px; margin-bottom: 12px; } 

#address{ 
	width: 340px; 
	margin-bottom: 5px; 
	margin-left: 16px; 
	float: left; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 18px; 
	background-color: #E6E6E6;
	text-align: justify; 
	line-height: 15px; 
	font-size: 10px; 
	color: #333333; 
	font-family: Verdana; 
	} 
	
#contact_centre{ 
	width: 274px; 
	float: right; 
	padding-left: 7px; 
	padding-right: 7px; 
	padding-top: 10px; 
	padding-bottom: 150px; 
	margin-right: 28px; 
	background-color: #494949; 
	} 
	
head:first-child+body #contact_centre{ margin-right: 58px; } 

#contact_centretop{ 
	width: 274px; 
	float: inherit; 
	background-color: #494949; 
	} 
	
/*End of Contact us*/ 


/*Accessibility -- Thank_you -- Sitemap*/ 

#thank_access_middlearea{ 
	width: 780px; 
	height: 400px; 
	float: left; 
	background-color: #FFFFFF; 
	} 
	
#thank_access_maintext{ 
	width: 734px; 
	float: left; 
	padding-top: 10px; 
	padding-left: 16px; 
	padding-right: 30px; 
	padding-bottom: 35px; 
	background-color: #FFFFFF;
	text-align: justify; 
	line-height: 17px; 
	font-size: 10px; 
	color: #333333; 
	font-family: Verdana; 
	} 
	
/*End of Accessibility -- Thank_you -- Sitemap*/ 


/*Popups*/ 
	
popup_a { color: #FFFFFF; } 

#popup_container{ 
	width: 500px; /*The width of our layout*/ 
	margin: 0 auto; 
	position: relative; /*Margin left and right set to auto center's our layout*/ 
	text-align: center; 
	} 
	
#popup_header{ 
	width: 500px; 
	height: 91px; 
	background-color: #333333; 
	} 
	
#popup_links{ 
	width: 350px; 
	top: 35px; 
	left: 0px; 
	position: absolute; 
	background-color: #333333;
	font-size: 14px; 
	color: #ffffff; 
	font-family: Eurostile, Verdana, Sans-serif; 
	} 
	
#popup_linkbackbut{ 
	width: 350px; 
	top: 35px; 
	left: 10px; 
	position: absolute; 
	background-color: #333333;
	font-size: 14px; 
	color: #ffffff; 
	font-family: Eurostile, Verdana, Sans-serif; 
	} 
	
#popup_topleft{ 
	left: 0px; 
	top: 56px; 
	position: absolute; 
	width: 350px; 
	height: 35px; 
	} 
	
#popup_logo{ 
	right: 0px; 
	top: 0px; 
	position: absolute; 
	width: 150px; 
	height: 91px; 
	} 
	
#popup_middlearea{ 
	width: 500px; 
	float: inherit; 
	} 
	
/*End of Popups*/ 


a:link { text-decoration : none; } 


a:visited { text-decoration : none; } 


a:active { text-decoration : none; } 


a:hover { text-decoration : none; }