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

@media screen, projection {

/* BREADCRUMB: =breadcrumb
---------------------------------------------------------------------------------------- */
	#breadcrumbContainer	{ margin: 0 0 20px 0; position: relative; background: #ECECEC; border-top: 10px solid #000000; }
	#breadcrumb				{ width: 770px; height: 100px; margin: 0 auto; position: relative; }
	
	#breadcrumb h2			{ position: absolute; top: 40px; left: 0; }
	#breadcrumb h2,
	#breadcrumb h2 span		{ width: 770px; height: 50px; text-indent: -9999px; }
	
	/* About */
	#pageAbout #breadcrumb h2, #pageAbout #breadcrumb h2 span			{ background: url(../images/breadcrumb_about.gif) no-repeat; }
	/* News */
	#pageNews #breadcrumb h2, #pageNews #breadcrumb h2 span				{ background: url(../images/breadcrumb_news.gif) no-repeat; }
	/* Services */
	#pageServices #breadcrumb h2, #pageServices #breadcrumb h2 span		{ background: url(../images/breadcrumb_services.gif) no-repeat; }
	/* Portfolio */
	#pagePortfolio #breadcrumb h2, #pagePortfolio #breadcrumb h2 span	{ background: url(../images/breadcrumb_portfolio.gif) no-repeat; }
	/* Clients */
	#pageClients #breadcrumb h2, #pageClients #breadcrumb h2 span		{ background: url(../images/breadcrumb_clients.gif) no-repeat; }
	/* Contact */
	#pageContact #breadcrumb h2, #pageContact #breadcrumb h2 span		{ background: url(../images/breadcrumb_contact.gif) no-repeat; }
	/* Contact */
	#pageSitemap #breadcrumb h2, #pageSitemap #breadcrumb h2 span		{ background: url(../images/breadcrumb_sitemap.gif) no-repeat; }
	/* Contact */
	#pageLegal #breadcrumb h2, #pageLegal #breadcrumb h2 span			{ background: url(../images/breadcrumb_legal.gif) no-repeat; }
	
/* BODY AND HEADERS: =body
---------------------------------------------------------------------------------------- */
	#leftContent h2			{ font-size: 12px !important; font-weight: bold; color: #0074BA; padding: 0 0 6px 20px; }
	#leftContent h3			{ font-size: 11px !important; font-weight: normal !important; color: #0074BA; padding: 0 0 0 20px; }
	#leftContent h4			{ font-size: 10px !important; font-weight: normal; color: #0074BA; padding: 0 0 6px 20px; }
	#leftContent p			{ font-size: 11px; color: #999999; line-height: 18px; padding: 4px 20px 16px 20px; }
	
	#leftContent a			{ color: #0074BA; }
	#leftContent a:hover	{ color: #333333; }
	#leftContent ul			{ padding: 0 0 0 25px; }

/* NEWS: =pageNews
---------------------------------------------------------------------------------------- */
	ul#newsItems	{ list-style-type: none; padding: 0 !important; }
	ul#newsItems li	{ border-bottom: 1px solid #ECECEC; padding: 0 10px 10px 0; margin: 0 30px 20px 10px; }
	
	ul#newsItems h3	{ padding: 0 0 0 10px !important; }
	ul#newsItems p	{ padding: 0 0 0 10px !important; }
	ul#newsItems p.newsDate	{ color: #CCCCCC; padding: 0 0 4px 10px !important; }
	
/* SERVICES: =pageServices
---------------------------------------------------------------------------------------- */
	ul#serviceItems		{ list-style-type: none; padding: 0 !important; }
	ul#serviceItems li	{ border-bottom: 1px solid #ECECEC; padding: 0 10px 0 0; margin: 0 30px 20px 10px; }
	
	ul#serviceItems h3	{ padding: 0 0 6px 10px; }
	ul#serviceItems p	{ padding: 0 0 10px 10px !important; }

/* CLIENTS: =pageClients
---------------------------------------------------------------------------------------- */
	#pageClients #leftContent li			{ background: url(../images/li_grey.gif) 0 9px no-repeat; padding: 0 0 0 12px; list-style-type: none; font-size: 11px; line-height: 22px; color: #999999; }

	#pageClients #leftContent li a			{ color: #999999; text-decoration: none; font-weight: bold; }
	#pageClients #leftContent li a:hover	{ color: #0074BA; text-decoration: none; }
	
/* PORTFOLIO: =pagePortfolio
---------------------------------------------------------------------------------------- */
	#pagePortfolio h2	{ font-size: 11px; font-weight: bold; color: #999999; }
	
	#pagePortfolio #clientScreen	{ border: 1px solid #CCCCCC; padding-bottom: 1px !important; }
	
	#pagePortfolio #fullContent ul		{ list-style-type: none; display: block; margin: 0 0 40px 5px; }
	#pagePortfolio #fullContent ul li	{ display: inline; }
	
	#pagePortfolio #fullContent a img		{ border: 1px solid #E0E0E0; padding: 4px; }
	#pagePortfolio #fullContent a img:hover	{ background: #E0E0E0; padding: 4px; behavior: url("../scripts/cssHover.htc"); }
	
/* CLIENT: =pageClient
---------------------------------------------------------------------------------------- */
	/* Recent Projects */
	#portfolioClient h2	{ font-size: 14px !important; font-weight: bold; color: #0074BA; padding-bottom: 10px; }
	
	#portfolioClient h3					{ font-size: 11px !important; }
	#portfolioClient h3 span.addInfo	{ font-weight: normal; color: #999999; }
	#portfolioClient h3 span a			{ color: #999999; text-decoration: none; }
	#portfolioClient h3 span a:hover	{ text-decoration: underline; }
	
	div#clientScreen		{ padding: 4px !important; margin: 0 0 10px 20px !important; width: 475px; }
	
	#clientThumbs	{ margin: 0 0 25px 0; }
	
	#portfolioClient ul#clientScreenshots		{ list-style-type: none; padding: 0 0 0 15px; margin: 0 0 25px 0; }
	#portfolioClient ul#clientScreenshots li	{ padding: 0 0 0 5px; display: inline-block; width: 85px; height: 90px; float: left; }
	
	#portfolioClient ul li a img		{ border: 1px solid #E0E0E0; padding: 4px; margin: 5px 0 0 0; }
	#portfolioClient ul li a img:hover	{ background: #E0E0E0; padding: 4px; behavior: url("../scripts/cssHover.htc"); }
	
	#portfolioClient ul.developmentDetails		{ list-style-type: none; }
	#portfolioClient ul.developmentDetails li	{ background: url(../images/li_grey.gif) 5px 4px no-repeat; padding: 0 0 4px 15px; font-size: 11px; color: #999999; }
	
	.detailHeader			{ background: #F1F0F0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; margin: 0 0 10px 20px; width: 485px; }
	.detailHeader p			{ padding: 4px 0 4px 10px !important; }
	.detailHeader a			{ color: #999999; }
	.detailHeader a:hover	{ color: #0074BA; }

	.detailHeader h3		{ padding: 4px 0 4px 10px !important; font-weight: normal !important; }
	
/* CONTACT: =pageContact
---------------------------------------------------------------------------------------- */
	#contactForm p.fieldText	{ color: #0074BA; padding: 0 0 5px 20px !important; }
	
	#contactForm input,
	#contactForm textarea	{ margin: 0 0 15px 20px; width: 400px; text-align: left; border: 1px solid #B2B2B2; background: #ECECEC; font-size: 11px; color: #666666; padding: 5px 10px 5px 10px; }
	
	/* Error Handling */
	ul#formErrors						{ list-style-type: none; margin: 0 0 20px 0; }
	ul#formErrors li					{ padding: 0 0 6px 10px; font-size: 11px; color: #CC0000; }
	#contactForm span.contactWarning	{ color: #CC0000; }
	
	/* Safari Focus */
	#contactForm input:focus,
	#contactForm textarea:focus	{ outline: none; }
	
	#contactForm img				{ vertical-align: top; padding: 10px 0 0 10px; }
	#contactForm fieldset			{ border: none; }
	#contactForm input.submitBtn	{ width: 69px !important; height: 29px !important; float: right; border: none; background: none; margin: 0 52px 0 0; }

}