@charset "UTF-8";
/* CSS Document */

body {
	background-color:#b01116;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}

img {
border: none;
} 

a{
border:none;
}


h1 {
	color:#FFF;
	font-size:11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14.5px;
	margin-top: 0px;
	margin-bottom: 2px;
	}

h1 a{
	color:#FFF;
	font-size:11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	
	margin-top: 0px;
	margin-bottom: 2px;
	text-decoration: none;
	}

h1 a:hover{
	color:#FFF;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 2px;
	text-decoration: none;
	background-color:#000000;
	}

h2 {
	color:#FFF;
	font-size:11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 2px;
	line-height: 14px;
	}

h2 a{
	color:#FFF;
	font-size:11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 2px;
	text-decoration: none;
	line-height: 14px;
}

h2 a:hover{
	color:#eb9815;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;
	text-decoration: none;
	line-height: 14px;
	}

h3 {
	color:#FFF;
	font-size:22px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line height: 26px;
	}

h4 {
	color:#FFF;
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line height: 14px;
	word-spacing: -0.1em;
	}

h5 {
	color:#FFF;
	font-size:12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

h6 {
	color:#FFF;
	font-size:22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	
	}

#logo {
	float: left;
	height: 18px;
	width: 385px;
	top: 75px;
	left: 30px;
	position: absolute;
	}

#heads {
	float: left;
	height: 75px;
	width: 222px;
	top: 30px;
	left: 748px;
	position: absolute;
	}

#line {
	float: left;
	height: 1px;
	width: 942px;
	top: 702px;
	left: 30px;
	position: absolute;
	}

#footer1 {
	float: left;
	height: 36px;
	width: 206px;
	top: 725px;
	left: 30px;
	position: absolute;
	}

#footer2 {
	float: left;
	height: 36px;
	width: 726px;
	top: 725px;
	left: 250px;
	position: absolute;
}

#nav1 { background-image:url(i/companyro.png); height: 10px; width:87px; display:block; 
	float: left;
	height: 10px;
	width: 87px;
	top: 130px;
	left: 30px;
	position: absolute;
}

#nav2 { background-image:url(i/people.png); height: 10px; width:75px; display:block;
	float: left;
	height: 10px;
	width: 75px;
	top: 130px;
	left: 140px;
	position: absolute;
}

#nav3 { background-image:url(i/servicesro.png); height: 10px; width:86px; display:block; 
	float: left;
	height: 10px;
	width: 86px;
	top: 130px;
	left: 240px;
	position: absolute;
}

#nav4 { background-image:url(i/workro.png); height: 10px; width:65px; display:block;
	float: left;
	height: 10px;
	width: 65px;
	top: 130px;
	left: 350px;
	position: absolute;
}

#nav5 { background-image:url(i/studioro.png); height: 10px; width:71px; display:block; 
	float: left;
	height: 10px;
	width: 71px;
	top: 130px;
	left: 438px;
	position: absolute;
}				

a#rollover { background-image:url(i/company.png); height: 10px; width:87px; display:block; 
	float: left;
	height: 10px;
	width: 87px;
	top: 130px;
	left: 30px;
	position: absolute;
	}

a#rollover span { display:none; }

a#rollover:hover { background-image:url(i/companyro.png); 
	float: left;
	height: 10px;
	width: 87px;
	top: 130px;
	left: 30px;
	position: absolute;
	}	


a#rollover2 { background-image:url(i/peoplero.png); height: 10px; width:75px; display:block; 
	float: left;
	height: 10px;
	width: 75px;
	top: 130px;
	left: 140px;
	position: absolute;
	}

a#rollover2 span { display:none; }

a#rollover2:hover { background-image:url(i/people.png); 
	float: left;
	height: 10px;
	width: 75px;
	top: 130px;
	left: 140px;
	position: absolute;
	}	


a#rollover3 { background-image:url(i/services.png); height: 10px; width:86px; display:block; 
	float: left;
	height: 10px;
	width: 86px;
	top: 130px;
	left: 240px;
	position: absolute;
	}

a#rollover3 span { display:none; }

a#rollover3:hover { background-image:url(i/servicesro.png); 
	float: left;
	height: 10px;
	width: 86px;
	top: 130px;
	left: 240px;
	position: absolute;
	}	


a#rollover4 { background-image:url(i/work.png); height: 10px; width:65px; display:block; 
	float: left;
	height: 10px;
	width: 65px;
	top: 130px;
	left: 350px;
	position: absolute;
	}

a#rollover4 span { display:none; }

a#rollover4:hover { background-image:url(i/workro.png); 
	float: left;
	height: 10px;
	width: 65px;
	top: 130px;
	left: 350px;
	position: absolute;
	}	


a#rollover5 { background-image:url(i/studio.png); height: 10px; width:71px; display:block; 
	float: left;
	height: 10px;
	width: 71px;
	top: 130px;
	left: 438px;
	position: absolute;
	}

a#rollover5 span { display:none; }

a#rollover5:hover { background-image:url(i/studioro.png); 
	float: left;
	height: 10px;
	width: 71px;
	top: 130px;
	left: 438px;
	position: absolute;
	}

#companyintro {
	float: left;
	height: 134px;
	width: 812px;
	top: 230px;
	left: 30px;
	position: absolute;
}

#studiointro {
	float: left;
	height: 366px;
	width: 708px;
	top: 230px;
	left: 30px;
	position: absolute;
}

#content {
	float: left;
	height: 140px;
	width: 940px;
	top: 380px;
	left: 30px;
	position: absolute;
}

#mark{
	float: left;
	height:280px;
	width: 214px;
	top: 404px;
	left: 30px;
	position: absolute;
}

#david{
	float: left;
	height:280px;
	width: 228px;
	top: 408px;
	left: 268px;
	position: absolute;
}

#nisha{
	float: left;
	height:280px;
	width: 232px;
	top: 404px;
	left: 523px;
	position: absolute;
}

#studio{
	float: left;
	height:280px;
	width: 232px;
	top: 409px;
	left: 780px;
	position: absolute;
}

#keyline{
	float: left;
	height:443px;
	width: 943px;
	top: 153px;
	left: 30px;
	position: absolute;
}

#navbox{
	float: left;
	height:430px;
	width: 130px;
	top: 159px;
	left: 837px;
	position: absolute;
}

#clients{
	float: left;
	height: 22px;
	width: 77px;
	top: 178px;
	left: 847px;
	position: absolute;
}

#accord{ background-image:url(i/accordro.png); height: 10px; width:88px; display:block; 
	float: left;
	height: 10px;
	width: 88px;
	top: 218px;
	left: 847px;
	position: absolute;

}	

a#rollover6 { background-image:url(i/accord.png); height:10px; width:88px; display:block; 
	float: left;
	height: 10px;
	width: 88px;
	top: 218px;
	left: 847px;
	position: absolute;
	}

a#rollover6 span { display:none; }

a#rollover6:hover { background-image:url(i/accordro.png); 
	float: left;
	height: 10px;
	width: 88px;
	top: 218px;
	left: 847px;
	position: absolute;
	}

#acu{ background-image:url(i/acuro.png); height: 9px; width:106px; display:block; 
	float: left;
	height: 9px;
	width: 106px;
	top: 246px;
	left: 847px;
	position: absolute;

}	

a#rollover7 { background-image:url(i/acu.png); height:10px; width:106px; display:block; 
	float: left;
	height: 9px;
	width: 106px;
	top: 246px;
	left: 847px;
	position: absolute;
	}

a#rollover7 span { display:none; }

a#rollover7:hover { background-image:url(i/acuro.png); 
	float: left;
	height: 9px;
	width: 106px;
	top: 246px;
	left: 847px;
	position: absolute;
	}

#black{ background-image:url(i/blackro.png); height: 22px; width:94px; display:block; 
	float: left;
	height: 22px;
	width: 94px;
	top: 273px;
	left: 847px;
	position: absolute;
}	

a#rollover8 { background-image:url(i/black.png); height:22px; width:94px; display:block; 
	float: left;
	height: 22px;
	width: 94px;
	top: 273px;
	left: 847px;
	position: absolute;
}	
a#rollover8 span { display:none; }

a#rollover8:hover { background-image:url(i/blackro.png); 
	float: left;
	height: 22px;
	width: 94px;
	top: 273px;
	left: 847px;
	position: absolute;
}

#challinors{ background-image:url(i/challinorsro.png); height: 10px; width:99px; display:block; 
	float: left;
	height: 10px;
	width: 99px;
	top: 315px;
	left: 847px;
	position: absolute;
}		

a#rollover9 { background-image:url(i/challinors.png); height:10px; width:99px; display:block; 
	float: left;
	height: 10px;
	width: 99px;
	top: 315px;
	left: 847px;
	position: absolute;
}	
a#rollover9 span { display:none; }

a#rollover9:hover { background-image:url(i/challinorsro.png); 
	float: left;
	height: 10px;
	width: 99px;
	top: 315px;
	left: 847px;
	position: absolute;
}

#deakin{ background-image:url(i/deakinro.png); height: 9px; width:107px; display:block; 
	float: left;
	height: 9px;
	width: 107px;
	top: 332px;
	left: 847px;
	position: absolute;
}		

a#rollover10 { background-image:url(i/deakin.png); height:9px; width:107px; display:block; 
	float: left;
	height: 9px;
	width: 107px;
	top: 332px;
	left: 847px;
	position: absolute;
}		
a#rollover10 span { display:none; }

a#rollover10:hover { background-image:url(i/deakinro.png); 
	float: left;
	height: 9px;
	width: 107px;
	top: 332px;
	left: 847px;
	position: absolute;
}

#ludgate{ background-image:url(i/ludgatero.png); height: 22px; width:106px; display:block; 
	float: left;
	height: 22px;
	width: 106px;
	top: 342px;
	left: 847px;
	position: absolute;
}			

a#rollover11 { background-image:url(i/ludgate.png); height:22px; width:106px; display:block; 
	float: left;
	height: 22px;
	width: 106px;
	top: 342px;
	left: 847px;
	position: absolute;
}		
a#rollover11 span { display:none; }

a#rollover11:hover { background-image:url(i/ludgatero.png); 
	float: left;
	height: 22px;
	width: 106px;
	top: 342px;
	left: 847px;
	position: absolute;
}

#natalie{ background-image:url(i/nataliero.png); height: 22px; width:106px; display:block; 
	float: left;
	height: 22px;
	width: 106px;
	top: 385px;
	left: 847px;
	position: absolute;
}			

a#rollover12 { background-image:url(i/natalie.png); height:22px; width:106px; display:block; 
	float: left;
	height: 22px;
	width: 106px;
	top: 385px;
	left: 847px;
	position: absolute;
}			
a#rollover12 span { display:none; }

a#rollover12:hover { background-image:url(i/nataliero.png); 
	float: left;
	height: 22px;
	width: 106px;
	top: 385px;
	left: 847px;
	position: absolute;
}

#nhs{ background-image:url(i/nhsro.png); height: 22px; width:106px; display:block; 
	float: left;
	height: 22px;
	width: 106px;
	top: 427px;
	left: 847px;
	position: absolute;
}			

a#rollover13 { background-image:url(i/nhs.png); height:22px; width:106px; display:block; 
	float: left;
	height: 22px;
	width: 106px;
	top: 427px;
	left: 847px;
	position: absolute;
}			
a#rollover13 span { display:none; }

a#rollover13:hover { background-image:url(i/nhsro.png); 
	float: left;
	height: 22px;
	width: 106px;
	top: 427px;
	left: 847px;
	position: absolute;
}

#regenco{ background-image:url(i/regencoro.png); height: 9px; width:106px; display:block; 
	float: left;
	height: 9px;
	width: 106px;
	top: 469px;
	left: 847px;
	position: absolute;
}			

a#rollover14 { background-image:url(i/regenco.png); height:9px; width:106px; display:block; 
	float: left;
	height: 9px;
	width: 106px;
	top: 469px;
	left: 847px;
	position: absolute;
}			
a#rollover14 span { display:none; }

a#rollover14:hover { background-image:url(i/regencoro.png); 
	float: left;
	height: 9px;
	width: 106px;
	top: 469px;
	left: 847px;
	position: absolute;
}

#service{ background-image:url(i/servicero.png); height: 22px; width:106px; display:block; 
	float: left;
	height: 22px;
	width: 106px;
	top: 496px;
	left: 847px;
	position: absolute;
}			

a#rollover15 { background-image:url(i/service.png); height:22px; width:106px; display:block; 
	float: left;
	height: 22px;
	width: 106px;
	top: 496px;
	left: 847px;
	position: absolute;
}		
a#rollover15 span { display:none; }

a#rollover15:hover { background-image:url(i/servicero.png); 
	float: left;
	height: 22px;
	width: 106px;
	top: 496px;
	left: 847px;
	position: absolute;
}

#stratford{ background-image:url(i/stratfordro.png); height: 10px; width:106px; display:block; 
	float: left;
	height: 10px;
	width: 106px;
	top: 538px;
	left: 847px;
	position: absolute;
}			

a#rollover16 { background-image:url(i/stratford.png); height:10px; width:106px; display:block; 
	float: left;
	height:10px;
	width: 106px;
	top: 538px;
	left: 847px;
	position: absolute;
}			
a#rollover16 span { display:none; }

a#rollover16:hover { background-image:url(i/stratfordro.png); 
	float: left;
	height: 10px;
	width: 106px;
	top: 538px;
	left: 847px;
	position: absolute;
}

#thsh{ background-image:url(i/thshro.png); height: 9px; width:106px; display:block; 
	float: left;
	height: 9px;
	width: 106px;
	top: 566px;
	left: 847px;
	position: absolute;
}			

a#rollover17 { background-image:url(i/thsh.png); height:9px; width:106px; display:block; 
	float: left;
	height:9px;
	width: 106px;
	top: 566px;
	left: 847px;
	position: absolute;
}			
a#rollover17 span { display:none; }

a#rollover17:hover { background-image:url(i/thshro.png); 
	float: left;
	height: 9px;
	width: 106px;
	top: 566px;
	left: 847px;
	position: absolute;
}
	
#cs {
	float: left;
	height: 441px;
	width: 806px;
	top: 155px;
	left: 31px;
	position: absolute;
	}

#arrow{ background-image:url(i/arrow.png); height: 22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 238px;
	left: 790px;
	position: absolute;
}			

a#rollover18 { background-image:url(i/arrow.png); height:22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 238px;
	left: 790px;
	position: absolute;
}		
a#rollover18 span { display:none; }

a#rollover18:hover { background-image:url(i/arrowro.png); 
	float: left;
	height: 21px;
	width: 22px;
	top: 238px;
	left: 790px;
	position: absolute;
}

#arrow2{ background-image:url(i/arrow2.png); height: 22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 193px;
	left: 42px;
	position: absolute;
}			

a#rollover19 { background-image:url(i/arrow2.png); height:22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 193px;
	left: 42px;
	position: absolute;
}		
a#rollover19 span { display:none; }

a#rollover19:hover { background-image:url(i/arrow2ro.png); 
	float: left;
	height: 21px;
	width: 22px;
	top: 193px;
	left: 42px;
	position: absolute;
}
	
#contact {
	float: left;
	height: 102px;
	width: 192px;
	top: 268px;
	left: 737px;
	position: absolute;
}
	
#contactinfo {
	float: left;
	height: 175px;
	width: 210px;
	top: 406px;
	left: 755px;
	position: absolute;
}

#arrow3{ background-image:url(i/arrow2.png); height: 22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 230px;
	left: 78px;
	position: absolute;
}			

a#rollover20 { background-image:url(i/arrow2.png); height:22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 230px;
	left: 78px;
	position: absolute;
}		
a#rollover20 span { display:none; }

a#rollover20:hover { background-image:url(i/arrow2ro.png); 
	float: left;
	height: 21px;
	width: 22px;
	top: 230px;
	left: 78px;
	position: absolute;
}

#arrow4{ background-image:url(i/arrow2.png); height: 22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 220px;
	left: 84px;
	position: absolute;
}			

a#rollover21 { background-image:url(i/arrow2.png); height:22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 220px;
	left: 84px;
	position: absolute;
}		
a#rollover21 span { display:none; }

a#rollover21:hover { background-image:url(i/arrow2ro.png); 
	float: left;
	height: 21px;
	width: 22px;
	top: 220px;
	left: 84px;
	position: absolute;
	}

#arrow5{ background-image:url(i/arrow.png); height: 22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 238px;
	left: 780px;
	position: absolute;
}			

a#rollover22 { background-image:url(i/arrow.png); height:22px; width:21px; display:block; 
	float: left;
	height: 21px;
	width: 22px;
	top: 238px;
	left: 780px;
	position: absolute;
}		
a#rollover22 span { display:none; }

a#rollover22:hover { background-image:url(i/arrowro.png); 
	float: left;
	height: 21px;
	width: 22px;
	top: 238px;
	left: 780px;
	position: absolute;
}

#businesslink{
	float: left;
	height:106px;
	width: 104px;
	top: 581px;
	left: 866px;
	position: absolute;
}