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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 145%;
	color: black;
	background: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:link, a:visited, a:active {
	color:#1c1784;
	text-decoration:none;
	}
a:hover {
	border-bottom:1px #2e2519 dotted;
	color:#2e2519;
	}
#header-parent a:hover {border:none;}
	

/* Header */ 

#header-parent {
				background:url(lib/tpl/header-bg.gif) repeat-x ;
				background-position: 0px 85px;				
}


#header-child {
				position:relative;
				width:902px; height:338px;
				margin:0 auto;
}	

#header-child h2 {text-indent:-999em;}

h1#logo {
				position:absolute;
				left:3px; top:20px;
				background:url(lib/tpl/h1-absolute-recordings.gif);
				width:270px; height:51px;
				text-indent:-999em;
}


#page-top-links {
				position:absolute;
				top: 0px; left: 770px;
				background:url(lib/tpl/page-top-links.gif);
				width:119px; height:52px;				
				}
				
				#page-top-links li span { display: none; }
				
				#page-top-links li { float:left; list-style:none; position:relative; }
				
				#page-top-links li, #page-top-links a {height:52px;display:block;margin:0;padding:0; } 
				
				li#ar-home, li#ar-email, li#ar-telephone {width:39px;}				
				
				#ar-home a:hover { background:url(lib/tpl/page-top-links.gif) 0px  -52px no-repeat; }  
				#ar-email a:hover { background:url(lib/tpl/page-top-links.gif) -39px  -52px no-repeat; }  
				#ar-telephone a:hover { background:url(lib/tpl/page-top-links.gif) -78px  -52px no-repeat; }   


#fader {	
				position:absolute;
				left:0px; top:88px;
				height:194px;width:900px;
				margin-top:-5px;	
				overflow:hidden;
				}
				
div#slide1, div#slide2, div#slide3, div#slide4  {
	width:890px; height:179px;
	text-indent:-1000em;
	}
	
div#slide1 {
	background:url(lib/fader/mobile-recording.jpg) 0 0 no-repeat;	
	}
	
div#slide2 {
	background:url(lib/fader/filming.jpg) 0 0 no-repeat;	
	}
	
div#slide3 {
	background:url(lib/fader/brass-band.jpg) 0 0 no-repeat;	
	}

div#slide4 {
	background:url(lib/fader/multimedia.jpg) 0 0 no-repeat;	
	}
	
	

#navigation {
				position:absolute; left:0px; top:280px;
				background:url(lib/tpl/navigation.gif);
				width:893px; height:56px;
			}
			
				#navigation li span { display: none; }
				
				#navigation li { float:left; list-style:none; position:relative; }
				
				#navigation li, #navigation a {height:56px;display:block;margin:0;padding:0; } 
				
				li#home, li#mobile-recording, li#multimedia-services, li#resources, li#contact {width:178px;}
				#home a , #mobile-recording a, #multimedia-services a, #resources a, #contact a {width:178px; height:56px;display:block;}	
				
				#home a:hover { background:url(lib/tpl/navigation.gif) 0px  -56px no-repeat; }  
				#mobile-recording a:hover { background:url(lib/tpl/navigation.gif) -178px  -56px no-repeat; }  
				#multimedia-services a:hover { background:url(lib/tpl/navigation.gif) -356px  -56px no-repeat; } 
				#resources a:hover { background:url(lib/tpl/navigation.gif) -534px  -56px no-repeat; }
				#contact a:hover { background:url(lib/tpl/navigation.gif) -712px  -56px no-repeat; }
				
				.home-on { background:url(lib/tpl/navigation.gif) 0px  -56px no-repeat; }  
				.mobile-recording-on { background:url(lib/tpl/navigation.gif) -178px  -56px no-repeat; }  
				.multimedia-services-on { background:url(lib/tpl/navigation.gif) -356px  -56px no-repeat; } 
				.resources-on { background:url(lib/tpl/navigation.gif) -534px  -56px no-repeat; }
				.contact-on { background:url(lib/tpl/navigation.gif) -712px  -56px no-repeat; }
				
				
	
#content {
		width:900px;
		margin:5px auto;
		}
		
#left-sub {
		width:230px;
		padding:10px 10px 10px 0;
		float:left;
		}
		
		#left-sub ul li {
				text-indent:20px; }

#left-sub h2 {
		font-size: 20px;
}
		
#right-content {
		border-left:1px dashed #999;
		width:619px;
		padding:15px;
		float:left;	
		}
		
		#right-content h1 {
						font-size:26px;
						color:#f03204;
						margin-bottom:12px;
						}
		#right-content h2 {
						font-size:20px;
						color:#666;
						border-bottom:1px dotted #CCC;
						margin-bottom:8px;
						padding-bottom:4px;
						}
		#right-content h3 {
						font-size:18px;
						color:#f03204;
						margin-bottom:8px;
						}
		#right-content p {
						margin-bottom:5px;
						}


#footer-parent {
		background:url(lib/tpl/footer-bg.gif) repeat-x;	
		height:100px;
			
		}
#footer-child {		
		width:890px;
		margin:0 auto;		
		}		
#footer-logo {		
		background:url(lib/tpl/footer-logo.gif);
		width:200px; height:42px;
		text-indent:-999em;								
		}