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

body { background: url(images/bg_blue_gradient.jpg) left top repeat-x #18538a; padding: 0; margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #454545; text-align: center; line-height: 1.7em; }

a { color: #164d81; font-weight: bold; text-decoration: underline; }
a:hover { color: #2173c1; }

h1 { color: #164d81; }
h2 { color: #164d81; }
h3 { color: #164d81; }
h4 { font-size: 11px; color: #164d81; margin-bottom: -1em; }

div#wrapper { width: 839px; padding: 10px 18px 18px 18px; background: #FFF; margin: 0 auto; text-align: left; }

div#header { width: 839px; height: 74px; text-indent: -9999px; background: url(images/faith_web_header.jpg) left top no-repeat; }
div#header h1 a { width: 260px; height: 74px; display: block; cursor: pointer; outline: none; }

div#navbar { width: 839px; height: 30px; background: url(images/nav_bar_bg.gif) left top repeat-x; margin: 0 0 4px 0; }
div#navbar ul { width: 839px; height: 30px; margin: 0; padding: 0; position: relative; list-style: none; }

	div#navbar ul li { height: 30px; margin: 0; padding: 0; position: absolute; text-indent: -9999px;  }
	div#navbar ul li a { height: 30px; display: block; cursor: pointer; outline: none;}

		div#navbar ul li#webDesign { width: 117px; left: 0; top: 0; }
		div#navbar ul li#webDesign a { width: 117px; height: 30px; background: url(images/nav_bar_items.gif) 0 0 no-repeat; }
		div#navbar ul li#webDesign a:hover { background: url(images/nav_bar_items.gif) 0 -30px no-repeat; }

		div#navbar ul li#graphicDesign { width: 147px; left: 117px; top: 0; }
		div#navbar ul li#graphicDesign a { width: 147px; height: 30px; background: url(images/nav_bar_items.gif) -117px 0 no-repeat; }
		div#navbar ul li#graphicDesign a:hover { background: url(images/nav_bar_items.gif) -117px -30px no-repeat; }

		div#navbar ul li#webHosting { width: 128px; left: 264px; top: 0; }
		div#navbar ul li#webHosting a { width: 128px; height: 30px; background: url(images/nav_bar_items.gif) -264px 0 no-repeat; }
		div#navbar ul li#webHosting a:hover { background: url(images/nav_bar_items.gif) -264px -30px no-repeat; }

		div#navbar ul li#ITSupport { width: 115px; left: 392px; top: 0; }
		div#navbar ul li#ITSupport a { width: 115px; height: 30px; background: url(images/nav_bar_items.gif) -392px 0 no-repeat; }
		div#navbar ul li#ITSupport a:hover { background: url(images/nav_bar_items.gif) -392px -30px no-repeat; }

/*
		div#navbar ul li#portfolio { width: 111px; left: 507px; top: 0; }
		div#navbar ul li#portfolio a { width: 111px; height: 30px; background: url(images/nav_bar_items.gif) -507px 0 no-repeat; }
		div#navbar ul li#portfolio a:hover { background: url(images/nav_bar_items.gif) -507px -30px no-repeat; }

		div#navbar ul li#aboutUs { width: 105px; left: 618px; top: 0; }
		div#navbar ul li#aboutUs a { width: 105px; height: 30px; background: url(images/nav_bar_items.gif) -618px 0 no-repeat; }
		div#navbar ul li#aboutUs a:hover { background: url(images/nav_bar_items.gif) -618px -30px no-repeat; }

		div#navbar ul li#contactUs { width: 116px; left: 723px; top: 0; }
		div#navbar ul li#contactUs a { width: 116px; height: 30px; background: url(images/nav_bar_items.gif) -723px 0 no-repeat; }
		div#navbar ul li#contactUs a:hover { background: url(images/nav_bar_items.gif) -723px -30px no-repeat; }
*/

		div#navbar ul li#aboutUs { width: 105px; left: 507px; top: 0; }
		div#navbar ul li#aboutUs a { width: 105px; height: 30px; background: url(images/nav_bar_items.gif) -618px 0 no-repeat; }
		div#navbar ul li#aboutUs a:hover { background: url(images/nav_bar_items.gif) -618px -30px no-repeat; }

		div#navbar ul li#contactUs { width: 116px; left: 612px; top: 0; }
		div#navbar ul li#contactUs a { width: 116px; height: 30px; background: url(images/nav_bar_items.gif) -723px 0 no-repeat; }
		div#navbar ul li#contactUs a:hover { background: url(images/nav_bar_items.gif) -723px -30px no-repeat; }

div#hero { width: 839px; margin: 0 0 4px 0; }
div#contentBanner { width: 541px; margin: 14px 0 4px 0; }

div#leftColumn { width: 569px; float: left; }
div#leftColumn h2 { width: 569px; height: 47px; margin: 0; padding: 0; text-indent: -9999px; }
div#leftColumn h2#sectionHeaderWelcome { background: url(images/section_header_welcome.gif) left top no-repeat; }
div#leftColumn h2#sectionHeaderWebDesign { background: url(images/section_header_webDesign.gif) left top no-repeat; }
div#leftColumn h2#sectionHeaderGraphicDesign { background: url(images/section_header_graphicDesign.gif) left top no-repeat; }
div#leftColumn h2#sectionHeaderWebHosting { background: url(images/section_header_webHosting.gif) left top no-repeat; }
div#leftColumn h2#sectionHeaderITSupport { background: url(images/section_header_ITSupport.gif) left top no-repeat; }
div#leftColumn h2#sectionHeaderPortfolio { background: url(images/section_header_portfolio.gif) left top no-repeat; }
div#leftColumn h2#sectionHeaderAboutUs { background: url(images/section_header_aboutUs.gif) left top no-repeat; }
div#leftColumn h2#sectionHeaderContactUs { background: url(images/section_header_contactUs.gif) left top no-repeat; }

div#leftColumnContent { width: 541px; padding: 0 14px 2em 14px; }
div#leftColumnContent table { border: 1px solid #164d81; text-align: center; }
div#leftColumnContent table thead tr { background: #164d81; color: #FFF; font-weight: bold; }
div#leftColumnContent table td { border: 1px solid #164d81; line-height: 1.2em; }

div#rightColumnOuter { width: 266px; float: left; background: url(images/bg_beige_sidebar.jpg) left top repeat-y; margin: 0 0 0 4px; }
div#rightColumnMiddle { width: 266px; background: url(images/bg_beige_sidebar_top.jpg) left top no-repeat; }
div#rightColumnInner  { width: 266px; background: url(images/bg_beige_sidebar_bottom.jpg) left bottom no-repeat; }
div#rightColumnContent { width: 224px; padding: 21px; }
div#rightColumnContent h2 { margin: 0; padding: 0; text-indent: -9999px; }
div#rightColumnContent h2#sidebarHeaderRequestABrochure { width: 208px; height: 25px; background: url(images/sidebar_header_requestABrochure.gif) left top no-repeat; margin-bottom: 12px; }

div#footer { width: 839px; margin: 4px 0 0 0; padding: 11px 0 0 0; border-top: 2px solid #164d81; font-weight: bold; text-align: center; }

.clear { clear: both; }
.halfColumn { width: 50%; float: left; }
.floatRight { float: right; }
.separator { color: #e38600; }