@charset "utf-8";


h1 {
	font-size: 16px;
	
	font-family: Helvetica, Verdana, Verdana, Geneva, sans-serif;
}

a:active, a:focus {
outline: 0
}

A:link {text-decoration: none; color: #0099cc;}
A:visited {text-decoration: none ; color: #0099cc ;}
A:active {text-decoration: none ; color: #0099cc ;}
A:hover {text-decoration: none; color: grey ;}

.services_links { 
font-size: 10.5px;
text-align: left; 
} 

.newsletter_link { 

font-size: 10px;
text-align: right; 
position: absolute;
top: 90px;
left: 135px;
line-height: 150%;
letter-spacing:0px;

} 

.press_link { 
font-size: 10.5px;
text-align: left; 
} 

.list { text-indent: 20px; }


.main_container {
 		
	margin-left: auto;
 	margin-right: auto;
 	margin-top: 10px;
	width: 1004px;
 	height: 720px;
	text-align: left;
 	}



.Header {
	background-image:url(../images/HOME/HOME_TOP_HEADER_LOGO.png);
	background-repeat: no-repeat;
	height: 189px;
	width: 1004px;
	position: relative;
	top: 0px;
	right: 0px;
	float:left;
	left: 0px;
}

.Header_navigation {
	
	background-repeat: no-repeat;
	height: 34px;
	width: 1004px;
	position: absolute;
	top: 155px;
	right: 0px;
	float:left;
	left: 0px;
}

.footer {
	background-image:url(../images/HOME/HOME_LOWER_HEADER.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 1004px;
	position: relative;
	top: 20px;
	right: 0px;
	float:left;
	left: 0px;
}




.HOME_Mainbox_left {
	background-color: #ebebeb;
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 470px;
	width: 630px;
	position: relative;
	top: 10px;
	right: 0;
	left: 0px;
	
	
}



.HOME_Mainbox_left_image_landscape {
	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 275px;
	width: 630px;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0px;
	
	
}

.HOME_Mainbox_left_image_landscape_text {
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 145px;
	width: 580px;
	position: absolute;
	top: 300px;
	right: 0;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}



.HOME_Mainbox_right_demoreel {
	
	
	background-repeat: no-repeat;
	background-color: #b9b9b9;	
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	height: 200px;
	width: 364px;
	position: relative;
	top: 10px;
	left: 10px;
	
}

.HOME_Mainbox_right_news {
	
	background-color: #b9b9b9;	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 260px;
	width: 364px;
	position: relative;
	top: 20px;
	left: 10px;
	
}

.HOME_Mainbox_right_news_text {
	
	
	background-repeat: no-repeat;
	background-position: top;
	float: right;
	height: 165px;
	width: 311px;
	position: absolute;
	top: 90px;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}




.ABOUT_Mainbox_left {
	background-color: #ebebeb;
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 470px;
	width: 630px;
	position: relative;
	top: 10px;
	right: 0;
	left: 0px;
}



.ABOUT_Mainbox_left_image_landscape {
	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 275px;
	width: 630px;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0px;
}

.ABOUT_Mainbox_left_image_landscape_text_titlebox {
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 20px;
	width: 165px;
	position: absolute;
	top: 300px;
	right: 0;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}


.ABOUT_Mainbox_left_image_landscape_text_column1 {
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 135px;
	width: 280px;
	position: absolute;
	top: 335px;
	right: 0;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}


.ABOUT_Mainbox_left_image_landscape_text_column2{
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 135px;
	width: 285px;
	position: absolute;
	top: 335px;
	right: 0;
	left: 320px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}

.ABOUT_Mainbox_left_image_portrait {
	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 272px;
	width: 315px;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0px;
}



.ABOUT_Mainbox_left_image_portrait_text_titlebox {
	background-repeat: no-repeat;
	background-position: top;
	height: 40px;
	width: 280px;
	position: absolute;
	top: 297px;
	right: 0;
	left: 25px;
	font-family:  Tahoma, sans-serif;
	font-size: 11px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
	
}




.ABOUT_Mainbox_left_image_portrait_text_column1 {
	background-repeat: no-repeat;
	background-position: top;
	height: 118px;
	width: 290px;
	position: absolute;
	top: 352px;
	right: 0;
	left: 25px;
	font-family:  Tahoma, sans-serif;
	font-size: 11px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
	
}


.ABOUT_Mainbox_left_image_portrait_text_column2 {
	background-repeat: no-repeat;
	background-position: top;
	height: 445px;
	width: 269px;
	position: absolute;
	top: 25px;
	right: 0;
	left: 341px;
	font-family:  Tahoma, sans-serif;
	font-size: 11px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
	
}

.ABOUT_Mainbox_right_team {
	
	background-image:url(../images/ABOUT/ABOUT_IMG_THINLINE.png);
	background-repeat: no-repeat;
	background-color: #b9b9b9;	
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	height: 200px;
	width: 364px;
	position: relative;
	top: 10px;
	left: 10px;
}

.ABOUT_Mainbox_right_description {
	
	background-color: #b9b9b9;	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 260px;
	width: 364px;
	position: relative;
	top: 20px;
	left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}

.ABOUT_Mainbox_right_description_text {
	
	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 88px;
	width: 311px;
	position: absolute;
	top: 100px;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
}






.SERVICES_Mainbox_left {
	background-color: #ebebeb;
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 470px;
	width: 630px;
	position: relative;
	top: 10px;
	right: 0;
	left: 0px;
}



.SERVICES_Mainbox_left_image_portrait {
	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 470px;
	width: 316px;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0px;
}

.SERVICES_Mainbox_left_image_portrait_text {
	background-repeat: no-repeat;
	background-position: top;
	height: 380px;
	width: 269px;
	position: absolute;
	top: 65px;
	right: 0;
	left: 341px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
	
}

.SERVICES_Mainbox_left_image_portrait_text_titlebox {
	background-repeat: no-repeat;
	background-position: top;
	height: 25px;
	width: 240px;
	position: absolute;
	top: 25px;
	right: 0;
	left: 341px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
	
}



.SERVICES_Mainbox_left_image_landscape {
	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 300px;
	width: 630px;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0px;
}

.SERVICES_Mainbox_left_image_landscape_text_titlebox {
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 25px;
	width: 240px;
	position: absolute;
	top: 325px;
	right: 0;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}

.SERVICES_Mainbox_left_image_landscape_text_column1 {
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 110px;
	width: 280px;
	position: absolute;
	top: 360px;
	right: 0;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	
}


.SERVICES_Mainbox_left_image_landscape_text_column2{
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 110px;
	width: 285px;
	position: absolute;
	top: 360px;
	right: 0;
	left: 320px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	
}



.SERVICES_Mainbox_right {
	background-image:url(../images/SERVICES/SERVICES_IMG_BG.png);
	background-color: #b9b9b9;	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 470px;
	width: 364px;
	position: relative;
	top: 10px;
	left: 10px;
}


.WORK_Mainbox_left {
	background-color: #ebebeb;
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 470px;
	width: 630px;
	position: relative;
	top: 10px;
	right: 0;
	left: 0px;
}
.WORK_Mainbox_left_image_landscape {
	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 300px;
	width: 630px;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0px;
}

.WORK_Mainbox_left_image_landscape_text_titlebox {
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 39px;
	width: 477px;
	position: absolute;
	top: 325px;
	right: 0;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}

.WORK_Mainbox_left_image_landscape_text_column1 {
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 80px;
	width: 280px;
	position: absolute;
	top: 380px;
	right: 0;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	
}


.WORK_Mainbox_left_image_landscape_text_column2{
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 80px;
	width: 285px;
	position: absolute;
	top: 380px;
	right: 0;
	left: 325px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11.5px;
	line-height: 130%;
	letter-spacing:0px;
	
}



.WORK_Mainbox_right {
	
	background-color: #b9b9b9;	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 470px;
	width: 364px;
	position: relative;
	top: 10px;
	left: 10px;
}

.WORK_Mainbox_right_scrollbox{
  
  background-image:url(WORK_IMG_SCROLLER_BG.png);
  
  background-color: #b9b9b9;
  background-repeat: no-repeat;
  
  width: 364px; /* viewport width */
  height: 470px; /* viewport heigth */
  overflow: auto; /* <strong class="highlight">scrollbars</strong> */
  
  white-space: nowrap; /* <strong class="highlight">image</strong> flow not stack */
    /* could use float: left or other approach */
  margin: 0 auto; /* Mozilla page centering */
  text-align: left; /* IE centering fix */
}

.WORK_Mainbox_right_scrollbox img {
  
  border-width: 0; /* remove a link border on images */
	
}

.CONTACT_Mainbox_left {
	background-color: #b9b9b9;
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 470px;
	width: 630px;
	position: relative;
	top: 10px;
	right: 0;
	left: 0px;
}

.CONTACT_Mainbox_left_submitform {
	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 420px;
	width: 315px;
	position: absolute;
	top: 25px;
	right: 0;
	left: 25px;
}

.CONTACT_Mainbox_left_submitform_text {
	background-color: #b9b9b9;
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 420px;
	width: 247px;
	position: absolute;
	top: 25px;
	right: 0;
	left: 365px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10.5px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}

.CONTACT_Mainbox_right_location {
	
	background-image:url(../images/CONTACT/CONTACT_IMG_LOCATION.jpg);
	background-repeat: no-repeat;
	background-color: #b9b9b9;	
	background-position: bottom;
	float: left;
	height: 200px;
	width: 364px;
	position: relative;
	top: 10px;
	left: 10px;
}


.CONTACT_Mainbox_right_friendlinks {
	
	background-color: #b9b9b9;	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 260px;
	width: 364px;
	position: relative;
	top: 20px;
	left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 130%;
	letter-spacing:0px;
	overflow: hidden;
}

.CONTACT_Mainbox_right_friendlinks_text {
	
	
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 160px;
	width: 320px;
	position: absolute;
	top: 75px;
	left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 120%;
	letter-spacing:0px;
}	

#HEADER_BT_HOME{
	height: 23px;
	width: 56px;
	overflow: hidden;
	background: url(../images/HEADER/HEADER_BT_HOME_BOTH.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 160px;
	left: 16px;
}
 
#HEADER_BT_HOME:hover{

background-position: bottom left;

}

#HEADER_BT_ABOUT{
	height: 23px;
	width: 63px;
	overflow: hidden;
	background: url(../images/HEADER/HEADER_BT_ABOUT_BOTH.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 160px;
	left: 78px;
}
 
#HEADER_BT_ABOUT:hover{

background-position: bottom left;

}

#HEADER_BT_SERVICES{
	height: 23px;
	width: 82px;
	overflow: hidden;
	background: url(../images/HEADER/HEADER_BT_SERVICES_BOTH.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 160px;
	left: 150px;
}
 
#HEADER_BT_SERVICES:hover{

background-position: bottom left;

}


#HEADER_BT_WORK{
	height: 23px;
	width: 82px;
	overflow: hidden;
	background: url(../images/HEADER/HEADER_BT_WORK_BOTH.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 160px;
	left: 242px;
}
 
#HEADER_BT_WORK:hover{
top: 162px;
background-position: bottom left;

}

#HEADER_BT_CONTACT{
	height: 23px;
	width: 82px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 160px;
	left: 311px;
	background:url(../images/HEADER/HEADER_BT_CONTACT_BOTH.png);
}
 
#HEADER_BT_CONTACT:hover{

background-position: bottom left;

}

#HEADER_BT_GALLERY{
	height: 23px;
	width: 82px;
	overflow: hidden;
	background: url(../images/HEADER/HEADER_BT_GALLERY_BOTH.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 160px;
	left: 397px;
}

#HEADER_BT_GALLERY:hover{

background-position: bottom left;

}
#HOME_BT_DEMOREEL{

height: 200px;
width: 364px;

overflow: hidden;
background: url(../images/HOME/HOME_BT_DEMOREEL_BOTH4.jpg) top left no-repeat;
display: block;
position: absolute;
top: 0px;
left: 0px;
}
 
#HOME_BT_DEMOREEL:hover{

background-position: bottom left;

}


	

#SERVICES_BT_TELEVISION{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/SERVICES/SERVICES_BT_TELEVISION_ALL.png) top left no-repeat;
display: block;
position: absolute;
top: 50px;
left: 0px;
}
 
#SERVICES_BT_TELEVISION:hover{

background-position: 0 -50px;

}

#SERVICES_BT_TELEVISION:active{

background-position: 0 -100px;

}	


#SERVICES_BT_TELEVISION.selected{

background-position: 0 -100px;

}


#SERVICES_BT_VISUALEFFECTS{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/SERVICES/SERVICES_BT_VISUALEFFECTS_ALL.png) top left no-repeat;
display: block;
position: absolute;
top: 100px;
left: 0px;
}
 
#SERVICES_BT_VISUALEFFECTS:hover{

background-position: 0 -50px;

}

#SERVICES_BT_VISUALEFFECTS:active{

background-position: 0 -100px;

}	


#SERVICES_BT_VISUALEFFECTS.selected{

background-position: 0 -100px;

}





#SERVICES_BT_ARCHITECTURAL{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/SERVICES/SERVICES_BT_ARCHITECTURAL_ALL.png) top left no-repeat;
display: block;
position: absolute;
top: 150px;
left: 0px;
}
 
#SERVICES_BT_ARCHITECTURAL:hover{

background-position: 0 -50px;

}


#SERVICES_BT_ARCHITECTURAL:active{

background-position: 0 -100px;

}	


#SERVICES_BT_ARCHITECTURAL.selected{

background-position: 0 -100px;

}


#SERVICES_BT_CONCEPTART{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/SERVICES/SERVICES_BT_CONCEPTART_ALL.png) top left no-repeat;
display: block;
position: absolute;
top: 200px;
left: 0px;
}
 
#SERVICES_BT_CONCEPTART:hover{

background-position: 0 -50px;

}


#SERVICES_BT_CONCEPTART:active{

background-position: 0 -100px;

}	


#SERVICES_BT_CONCEPTART.selected{

background-position: 0 -100px;

}


#SERVICES_BT_MOTIONGRAPHICS{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/SERVICES/SERVICES_BT_MOTIONGRAPHICS_ALL.png) top left no-repeat;
display: block;
position: absolute;
top: 250px;
left: 0px;
}
 
#SERVICES_BT_MOTIONGRAPHICS:hover{

background-position: 0 -50px;

}

#SERVICES_BT_MOTIONGRAPHICS:active{

background-position: 0 -100px;

}	


#SERVICES_BT_MOTIONGRAPHICS.selected{

background-position: 0 -100px;

}

#SERVICES_BT_CORPORATEVIDEO{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/SERVICES/SERVICES_BT_CORPORATEVIDEO_ALL.png) top left no-repeat;
display: block;
position: absolute;
top: 300px;
left: 0px;
}
 
#SERVICES_BT_CORPORATEVIDEO:hover{

background-position: 0 -50px;

}


#SERVICES_BT_CORPORATEVIDEO:active{

background-position: 0 -100px;

}	


#SERVICES_BT_CORPORATEVIDEO.selected{

background-position: 0 -100px;

}


#SERVICES_BT_COMMERCIALS{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/SERVICES/SERVICES_BT_COMMERCIALS_ALL.png) top left no-repeat;
display: block;
position: absolute;
top: 350px;
left: 0px;
}
 
#SERVICES_BT_COMMERCIALS:hover{

background-position: 0 -50px;

}


#SERVICES_BT_COMMERCIALS:active{

background-position: 0 -100px;

}	


#SERVICES_BT_COMMERCIALS.selected{

background-position: 0 -100px;

}



#ABOUT_BT_CHRIS{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/ABOUT/ABOUT_BT_CHRIS_ALL.png) top left no-repeat;
display: block;
position: absolute;
left: 0px;
top: 50px;
}
 
#ABOUT_BT_CHRIS:hover{

background-position: 0 -50px;

}

#ABOUT_BT_CHRIS:active{

background-position: 0 -100px;

}

#ABOUT_BT_CHRIS.selected{

background-position: 0 -100px;

}

#ABOUT_BT_ROB{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/ABOUT/ABOUT_BT_ROB_ALL.png) top left no-repeat;
display: block;
position: absolute;
top: 100px;
left: 0px;
}
 
#ABOUT_BT_ROB:hover{

background-position: 0 -50px;

}

#ABOUT_BT_ROB:active{

background-position: 0 -100px;

}

#ABOUT_BT_ROB.selected{

background-position: 0 -100px;

}

#ABOUT_BT_TREVOR{

height: 50px;
width: 364px;

overflow: hidden;
background: url(../images/ABOUT/ABOUT_BT_TREVOR_ALL.png) top left no-repeat;
display: block;
position: absolute;
top: 150px;
left: 0px;
}
 
#ABOUT_BT_TREVOR:hover{

background-position: 0 -50px;

}

#ABOUT_BT_TREVOR:active{

background-position: 0 -100px;

}

#ABOUT_BT_TREVOR.selected{

background-position: 0 -100px;

}