/* -------------------------------------------------------------------
R E D B A K  C S S  S T Y L E  S H E E T
---------------------------------------------------------------------- */
	* 							{margin:0; padding:0}
	html 						{height:100%; font-size:100.01%}
	body						{ background: url("images/bg2.gif") repeat-x top; padding: 0px; margin: 0px; text-align: center; font: 90% Verdana, Arial, Helvetica, sans-serif; min-height:101%}
	div#layout 					{ padding: 0px; width: 763px; background-color: #FFF; margin:0px auto; text-align: left; font-size: 70%; background: url("images/slim_bg.gif");position:relative; }

	a img 						{ border: 0px; }
	a 							{ color: #000; }
	a:hover 					{ color: #666; }
	acronym						{ border-bottom: 1px dotted #CCC; cursor: help; }

	.horozontialLine			{ clear:left; height: 1px; width: 763px; }
	.hideFromScreen				{ display: none; margin: 0px; }
	.leftCol					{ width: 80px; font-weight: bold; }

	h1, h2 {
  	margin:0;
  	background-repeat:no-repeat;
  	background-position:left top;
  	}
  
	h1 span, h2 span  {display:none; }
	
	div.hr {
  	height: 30px;
  	background: #fff url("images/horizontal.gif") no-repeat top center;
	}
	div.hr hr {
  	display: none;
	}

/* -------------------------------------------------------------------
H E A D E R
---------------------------------------------------------------------- */

	h1#header 		{ background: url("images/header2.gif") no-repeat; height:201px; width:763px; margin:0px;}
	h2#header 		{ background: url("images/header2.gif") no-repeat; height:201px; width:763px; margin:0px;}
	#navlogo		{ position:absolute; z-index:1; left: 37px; top: 95px; height: 29px; width: 180px;}
	#dtlogo			{ position:absolute; z-index:1; left: 391px; top: 90px; height: 29px; width: 180px;}
	#dttext			{ position:absolute; z-index:1; left: 301px; top: 80px; height: 14px; width: 224px;}
 	#navlogo img		{ border:0px}
/* -------------------------------------------------------------------
N A V I G A T I O N
---------------------------------------------------------------------- */

	#nav 				{ position:absolute; margin-left:37px; top: 143px; height:34px; width:349px;}
	#nav ul				{ width:349px; height:17px; margin: 0; padding: 0; background: url("images/links.gif") top left no-repeat; border: 0;}
	#nav ul li			{ display: inline; margin: 0; padding: 0; border: 0; list-style: none; position: absolute; top: 0;}
	#nav ul li, #nav a	{ height: 17px; display: block; border:0; padding: 0; margin:0;}
	#nav ul li a 		{ text-decoration: none; text-indent: -9999px;}
	
	#n1					{ position: absolute; left: 0px; width: 41px; }
	#n2 				{ position: absolute; left: 41px ; width: 76px;}
	#n3 				{ position: absolute; left: 117px ; width: 100px;}
	#n4 				{ position: absolute; left: 217px ; width: 64px;}
	#n5 				{ position: absolute; left: 281px ; width: 69px;}

	#n1 a:hover 		{ background: transparent url("images/links.gif") -0px -17px no-repeat;}
	#n2 a:hover 		{ background: transparent url("images/links.gif") -41px -17px no-repeat;}
	#n3 a:hover 		{ background: transparent url("images/links.gif") -117px -17px no-repeat;}
	#n4 a:hover			{ background: transparent url("images/links.gif") -217px -17px no-repeat;}
	#n5 a:hover 		{ background: transparent url("images/links.gif") -281px -17px no-repeat;}
	
	#n1 a.active 		{ background: transparent url("images/links.gif") -0px -17px no-repeat;}
	#n2 a.active		{ background: transparent url("images/links.gif") -41px -17px no-repeat;}
	#n3 a.active 		{ background: transparent url("images/links.gif") -117px -17px no-repeat;}
	#n4 a.active		{ background: transparent url("images/links.gif") -217px -17px no-repeat;}
	#n5 a.active 		{ background: transparent url("images/links.gif") -281px -17px no-repeat;}

/* -------------------------------------------------------------------
C O L O U M N S
---------------------------------------------------------------------- */

	#coloumnAlign		{width:763px;  position:relative; }
	
	.coloumn {
	width:144px;
	padding:9px 0px 0px 36px;
	float: left;
	text-align:left;
	background:#fff url("images/divider1.gif") 5px 0 no-repeat;
	}
	
	.coloumn  p, .news p{
	text-align:left;
	display: block;
	color:#666666;
	line-height:13px;
	margin:0 0 9px 0;
	padding:0px;
	}
	
	.coloumn a, .news a, .leftColoumn a, .otherWork a{
	text-decoration:none;
	color:#999999;
	font-weight:bold;
	}
	
	.coloumn a:hover, .news a:hover  , .leftColoumn a:hover{
	color:#000000;
	}

	
	.coloumn h3, .news h3 , .right2 h3{
	color:#CC0000;
	font-weight:bold;
	width:100%;
	line-height:12px;
	margin:0px;
	padding:0px;
	font-size:100%
	}

	.coloumn h3 a, .right2 h3 a{
	color:#CC0000;
	text-decoration:none;}

	.coloumn h3 a:hover , .right2 h3 a:hover {
	color:#000000;
	text-decoration:none;
	}	


	.leftColoumn			{ width:144px;  padding:9px 0px 10px 36px; float: left; text-align:left; }
	.leftColoumn p			{ text-align:left; display: block; color:#666666; line-height:13px;margin:0 0 5px 0; padding:0px;}
	
	#testimonials			{ width:130px;}
	#testimonials h3		{ color:#CC0000; font-weight:bold; width:100%; line-height:12px; margin:0px; padding:0px; font-size:100%}
	#testimonials h2		{ background:url(images/testimonials.gif) top left; background-repeat: no-repeat; height:40px;}
	#testimonials h3 a		{ color:#CC0000; font-weight:bold; width:100%; margin:0px; padding:0px; font-size:100%}
	#testimonials h3 a:hover{ color:#000000;}
	#testimonials dl 		{ margin: 0px 0; padding: 0 0 10px 0; color:#666666}
	#testimonials dd 		{ margin: 0;}
	dd.testimonial span 	{ background: url(images/quote-start.gif) no-repeat; padding: 0px; margin: 0px; padding-top: 10px; text-indent: 25px; font-style: normal; display:block; color:#CC0000; }
	dd.testimonial 			{ background: url(images/quote-end.gif) no-repeat bottom right; padding-bottom: 10px; }
	
	#news h3				{ color:#CC0000; font-weight:bold; width:100%; line-height:12px; margin:0px; padding:0px; font-size:100%}
	#news h2				{ background:url(images/news.gif) top left; background-repeat: no-repeat; height:40px;}
	#news h3 a				{ color:#CC0000; font-weight:bold; width:100%; margin:0px; padding:0px; font-size:100%}
	#news h3 a:hover		{ color:#000000;}
	#news a					{ font-weight: normal; text-decoration: none; color:#CC0000;}
	#news a:hover			{ font-weight: normal; text-decoration: none; color:#000000;}
	
	#features h3			{ color:#CC0000; font-weight:bold; width:100%; line-height:12px; margin:0px; padding:0px; font-size:100%}
	#features h2			{ background:url(images/feature.gif) top left; background-repeat: no-repeat; height:40px;}
	#features h3 a			{ color:#CC0000; font-weight:bold; width:100%; margin:0px; padding:0px; font-size:100%}
	#features h3 a:hover	{ color:#000000;}
	
	#services h3			{ color:#CC0000; font-weight:bold; width:100%; line-height:12px; margin:0px; padding:0px; font-size:100%}
	#services h2			{ background:url(images/coreServices.gif) top left; background-repeat: no-repeat; height:40px;}
	#services h3 a			{ color:#CC0000; font-weight:bold; width:100%; margin:0px; padding:0px; font-size:100%}
	#services h3 a:hover	{ color:#000000; font-weight:bold;}
	#services ul			{ margin: 0; padding: 0; list-style: none; color:#666666}
	#services ul li a:hover {color: #000000; } /* Hover Styles */
	#services a				{ font-weight: normal; text-decoration: none; color:#CC0000;}
	#services a:hover		{ font-weight: normal; text-decoration: none; color:#000000;}
	
	#otherWork h3			{ color:#CC0000; font-weight:bold; width:100%; line-height:10px; margin:-2px 0 0 0; padding:0px; font-size:100%}
	#otherWork h2 			{ background:url(images/clients.gif) top left; background-repeat: no-repeat; height:40px;}	
	#otherWork h3 a			{ color:#CC0000; font-weight:bold; width:100%; line-height:12px; margin:0px; padding:0px; font-size:100%}
	#otherWork h3 a:hover	{ color:#000000;}
	#otherWork p			{line-height:10px;}
	#clients h2				{ background:url(images/clients.gif) top left; background-repeat: no-repeat; height:40px;}
	
	#contactUs h2			{ background:url(images/contact.gif) top left; background-repeat: no-repeat; height:40px;}
	
	.right					{ float:right; margin: 0 0 0 0px; width:90px; height:40px;}
	.right1					{ float:right; margin: 0 0 0 0px; width:120px; height:24px;}
	.right2					{ float:right; margin: 0 0 0 0px; width:112px; height:27px;}
	
	.horizontal				{ background: url("images/horizontal.gif") no-repeat; height: 22px; margin-left: -18px; }
	
	.textLeft				{float:left; border:0; margin:4px 5px 0 0;}
/* -------------------------------------------------------------------
C O N T E N T  B O D Y 
---------------------------------------------------------------------- */
	#content { width: 500px; float: left; text-align: left; font-family:"Myriad", Verdana, Arial, Helvetica, sans-serif; padding: 9px 0px 0px 36px; margin:0px; }
	#contentBody , #sitemapBody	{ width: 324px; float: left; text-align: left; font-family:"Myriad", Verdana, Arial, Helvetica, sans-serif; padding: 9px 0px 15px 36px; margin:0px; background:#fff url("images/divider1.gif") 5px 0 no-repeat;}
	#contentBody h1, 
	#sitemapBody h1 , 
	#content h1					{ color: #CC0000; font-weight: bolder; margin: 0px 0px 20px 0px; font-size: 120%;  padding-top:3px;}
	#contentBody h2				{ color: #000000; line-height: 14px; margin: 10px 0px 10px 0px; font-size: 110%; }
	#contentBody h3				{ color:#CC0000; margin: 0px; font-weight: bold; font-size: 100%; margin: 0px 0px 10px 0px; padding:0px; }
	#contentBody p , #content p	{ text-align: left; display: block; color:#666666; line-height:13px; margin:5px 0 10px 0; padding:0px;}
	#contentBody a, #sitemapBody a , #content a	{ font-weight: normal; text-decoration: none; color:#CC0000;}
	#contentBody a:hover, #sitemapBody a:hover, #content a:hover{ font-weight: normal; text-decoration: none; color:#000000;}
	#contentBody dl dt a		{ font-weight: bold; }
	#contentBody img 			{ border: 1px solid #F8F8F8;}
	#contentBody hr				{ color:#CCCCCC; height: 1px; text-align: center; border: 0px;}
	.bold						{ color:#CC0000; font-weight:bold;}
	
	#contentBody .title			{ font-weight:normal; color:#666666; font-weight:bold;}
	#contentBody .divboxout 	{ border: 1px solid #ddd; background: #f9f9f9; padding: 10px ; margin: 10px 0 10px 0px;}
	#contentBody .divboxout p   { margin-right: 30px; padding:0px; line-height:12px; }
	
	#contentBody ul				{ color:#666666; list-style-image:url(images/arrow1.gif); margin:0 0 0 15px; padding:0 0 0 10px}
	#contentBody li				{ line-height: 13px; margin-bottom:2px; }
	
	#portfolioNav 				{width: 315px; text-align:right; line-height:13px; height:13px;}
	#portfolioNav a				{text-decoration:none; color:#999999; font-weight:bold;}
	#portfolioNav a:hover		{color:#000000; }
	.portfolioNavImg			{vertical-align:text-bottom;}
	

	#portfolio h1{color:#666666; font-size:140%; font-weight:bold; margin: 0px 0px 10px 0px;}
	
/* -------------------------------------------------------------------
C O N T A C T  F O R M 
---------------------------------------------------------------------- */

	#contactForm form					{ margin: 0px; padding:0px; background-color:#FFFFFF;}
	#contactForm form					{ margin: 0px; padding:0px; background-color:#FFFFFF;}
	#contactForm fieldset				{ border: none; margin: 0px; padding: 0px; color: #000; width: 160px; }
	#contactForm fieldset label			{ line-height: 16px; display: block; margin-top:7px; }
	#contactForm fieldset label span	{ padding-left: 0px;  }
	#contactForm fieldset .input		{ display: block; width: 100px; margin: 0px; padding: 0px; border: 1px solid #CCC; height: 18px; font: 11px Verdana, Arial, Helvetica, sans-serif; background-color: #F6F5F5}
	#contactForm fieldset .input1		{ display: block; width: 150px; margin: 0px; padding: 0px; border: 1px solid #CCC; height: 60px; font: 11px Verdana, Arial, Helvetica, sans-serif; background-color: #F6F5F5}
	#contactForm fieldset .send			{ margin: 5px 0px 10px 0px; width: 45px; height: 20px; background-color: #F6F5F5; color:#CC0000;border: 1px solid #999; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
	#contactForm input.hidden 			{ display: none; border: none; background-color: #fff; }

/* -------------------------------------------------------------------
F O O T E R
---------------------------------------------------------------------- */

	div#footer 					{ position:relative; clear:both; color:#666666; background: #FFF; padding: 0px 0px 20px 35px; font-size: 90%; }
	div#footer ul 				{ clear: left; list-style-type: none; margin: 0px; padding: 0px; }
	div#footer ul li 			{ display: block; float: left; padding-right: 5px; line-height: 12px; }
	div#footer a 				{ color:#333333; text-decoration: none; line-height:12px;  }
	div#footer a:hover			{ text-decoration:underline; color:#CC0000;}
	div#footer ul li a:hover 	{ color: #666; }
	div#footer ul .testList 	{ padding: 2px 2px 0px 0px; }
	
/* -------------------------------------------------------------------
A C C E S S I B I L I T Y
---------------------------------------------------------------------- */
	
	
 	#accessibility {
	width: 332px;
	height: 35px;
	bottom:0px;
	right:25px;
	position: absolute;
	}

	#accessibility ul	{
	width: 332px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	background: url("images/logos.gif") top left no-repeat;
	border: 0px;
	}

	#accessibility ul li {display: inline; margin: 0; padding: 0; border: 0; list-style: none; position: absolute; top: 0;}

	#accessibility ul li, #accessibility a	{
	height: 18px;
	display: block;
	border:0; padding: 0; margin:0;
	}

	#accessibility ul li a {
	text-decoration: none;
	text-indent: -9999px;
	}

	#a1 {	position: absolute; left: 0px; width: 83px; border:0px; }
	#a2 {	position: absolute; left: 83px ; width: 83px; border:0px;}
	#a3 {	position: absolute; left: 166px ; width: 83px; border:0px;}
	#a4 {	position: absolute; left: 249px ; width: 83px; border:0px;}

	#a1 a:hover {background: transparent url("images/logos.gif") -0px -18px no-repeat; border:0px;}
	#a2 a:hover {background: transparent url("images/logos.gif") -83px -18px no-repeat; border:0px;}
	#a3 a:hover {background: transparent url("images/logos.gif") -166px -18px no-repeat; border:0px;}
	#a4 a:hover {background: transparent url("images/logos.gif") -249px -18px no-repeat; border:0px;}

/* -------------------------------------------------------------------
S I T E M A P
---------------------------------------------------------------------- */

ul.sitemap {
 list-style-type: none; 
 margin-left: 0.5cm;
 padding-left: 0;
 line-height:14px;
}

ul.sitemap li {
 padding-left: 1.1em;
}

ul.sitemap li a {
 background: transparent url('images/sitemapdocbullet.gif') no-repeat;
 margin-left: -1.1em;
 padding: 1px 0 1px 12px;
}

ul.sitemap li ul {
 background: transparent url('images/sitemapfolderbullet.gif') no-repeat;
 list-style-type: none;
 margin: -1.4em 0 0 -1.6em;
 padding: 1.4em 0 0 0.6em;
}

ul.sitemap li a.parent {
 background: transparent url(none) no-repeat;

}

ul.sitemap li ul li {
 margin-left: 0.5cm;
 padding-left: 10px;
}

/* -------------------------------------------------------------------
S C R E E N R E A D E R
---------------------------------------------------------------------- */

#screenreader {
	width: 332px;
	height: 35px;
	top:0px;
	right:0px;
	padding: 0;
	position: absolute;
	text-decoration: none; text-indent: -9999px;
}
	
