@import url("global.css");
@import url("navigation.css");

@media screen, projection {

/* BRANDING: =branding
---------------------------------------------------------------------------------------- */
	#brandingContainer	{ margin: 0 0 20px 0; height: 200px; position: relative; background: #999999; background: url(../images/home_branding_background.jpg) repeat-x; }
	#brandWidget		{ margin: 0 auto; width: 770px; height: 200px; position: relative; }
	
	#brandWidget h2,
	#brandWidget p		{ color: #FFFFFF; }
	
	#brandWidget h2,
	#brandWidget h2 span	{ background: url(../images/branding_title.png) no-repeat; width: 299px; height: 34px; text-indent: -9999px; }
	#brandWidget h2			{ position: absolute; top: 60px; left: 55px; }
	
	#brandWidget p#brandBody,
	#brandWidget p#brandBody span	{ background: url(../images/branding_body.png) no-repeat; width: 342px; height: 45px; text-indent: -9999px; }
	#brandWidget p#brandBody		{ position: absolute; top: 115px; left: 55px; }
	
	img#imageHeros		{ position: absolute; right: 30px; bottom: 0; z-index: 100; }
	
/* ABOUT: =homeAbout
---------------------------------------------------------------------------------------- */
	#homeAbout		{ margin: 0 0 10px 10px; width: 500px; clear: both; }
	
	#homeAbout h3,
	#homeAbout h3 span	{ background: url(../images/home_about.gif) no-repeat; width: 75px; height: 16px; float: left; margin-bottom: 5px; text-indent: -9999px; }
	
	#homeAbout p	{ clear: both; font-size: 11px; color: #999999; line-height: 18px; padding: 0 0 10px 0; }

/* SERVICES: =homeServices
---------------------------------------------------------------------------------------- */
	#homeServices	{ width: 160px; float: left; padding: 0 0 0 10px; }
	
	#homeServices h3,
	#homeServices h3 span	{ background: url(../images/home_services.gif) no-repeat; width: 65px; height: 16px; float: left; margin-bottom: 5px; text-indent: -9999px; }

/* CLIENTS: =homeClients
---------------------------------------------------------------------------------------- */
	#homeClients	{ width: 160px; float: left; padding: 0 0 0 10px; }
	
	#homeClients h3,
	#homeClients h3 span	{ background: url(../images/home_clients.gif) no-repeat; width: 53px; height: 16px; float: left; margin-bottom: 5px; text-indent: -9999px; }

/* NEWS: =homeNews
---------------------------------------------------------------------------------------- */
	#homeNews		{ width: 170px; float: left; clear: right; margin-right: -3px; }
	
	#homeNews h3,
	#homeNews h3 span	{ background: url(../images/home_news.gif) no-repeat; width: 98px; height: 16px; float: left; margin-bottom: 5px; text-indent: -9999px; }
	
/* COMMON: =homeAbout, homeServices, homeClients, homeNews
---------------------------------------------------------------------------------------- */
	#homeAbout p a, #homeServices p a, #homeClients p a, #homeNews p a	{ font-size: 11px; color: #0074BA; text-decoration: none; }
	#homeAbout p a:hover, #homeServices p a:hover, #homeClients p a:hover, #homeNews p a:hover	{ color: #333333; }
	
	#homeServices p, #homeClients p, #homeNews p	{ margin: 10px 0 20px 10px; }
	
	#homeServices ul, #homeClients ul, #homeNews ul	{ clear: both; }
	
	#homeServices li, #homeClients li, #homeNews li	{ background: url(../images/li_grey.gif) 0 9px no-repeat; padding: 0 0 0 10px; }
	
	/* List Items */
	#homeServices li, #homeClients li, #homeNews li,
	#homeServices ul p, #homeClients ul p, #homeNews ul p
	{ list-style-type: none; font-size: 11px; line-height: 22px; }
	
	/* List Items Links */
	#homeServices li a, #homeClients li a, #homeNews li a,
	#homeServices ul p a, #homeClients ul p a, #homeNews ul p a
	{ color: #999999; text-decoration: none; }
	
	/* List Items Links Hover*/
	#homeServices li a:hover, #homeClients li a:hover, #homeNews li a:hover,
	#homeServices ul p a:hover, #homeClients ul p a:hover, #homeNews ul p a:hover
	{ color: #0074BA; text-decoration: none; }
	
	/* List Items Paragraph Links*/
	#homeServices ul p, #homeClients ul p, #homeNews ul p	{ font-weight: bold; }


	
}