@charset "utf-8";
/* CSS Document */
body {background:url(../images/template/bg_page.jpg) #456 repeat-x;font-size:12px;margin:20px;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;color:#555;}

#PageContainer {width:900px;background-color:#ddc;border:1px solid #aa9;min-height:400px;}
/* Top Header Bar */
#PageContainer #PageHeader {width:900px;height:100px;background:url(../images/template/bg_PageHeader.jpg) repeat-y;}
#PageContainer #PageHeader img {margin-top:38px;margin-left:20px;border:none;text-decoration:none;float:left;}
#PageContainer #PageHeader #PageHeaderNav {float:right;font-size:10px;color:#456;margin-right:30px;margin-top:10px;width:200px;text-align:right;}
#PageContainer #PageHeader #PageHeaderNav a {color:#456;text-decoration:none;}
/* MainNav Bar */
#PageContainer #MainNav {width:900px;height:46px;background:url(../images/template/bg_nav-on.jpg) repeat-x;}
#PageContainer #MainNav a {width:149px;border-right:1px solid #998;font-size:18px;color:#ccc;text-decoration:none;display:block;float:left;text-align:center;height:46px;background:url(../images/template/bg_nav-off.jpg) repeat-x;}
#PageContainer #MainNav a div {margin-top:12px;}
#PageContainer #MainNav a:hover,
#PageContainer #MainNav a.Current {color:#bb4;background:url(../images/template/bg_nav-on.jpg) repeat-x;}
/* For Homepage use */
#PageContainer #MainNav a.News {width:299px;font-size:18px;color:#bb4;text-decoration:none;display:block;float:left;text-align:center;height:46px;background:none;border:none;}
#PageContainer #MainNav a.News div {margin-top:12px;}

/* Left-hand Column Formatting */
#PageContainer #PageContent #ContentColumn {width:599px;height:540px;float:left;background:url(../images/template/bg_ContentColumnGradient.jpg) repeat-x #ffe;}
#PageContainer #PageContent #ContentColumn #ContentColumnHeader {height:8px;background:url(../images/template/ContentColumnHeader.gif) repeat-x;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent {margin:20px;margin-right:40px;line-height:1.75;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent h1 {font:18px/1 Georgia, "Times New Roman", Times, serif;border-bottom:1px dotted #666;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent ul li {list-style-position:outside;list-style-image: url(../images/template/li_005x012-grn.gif);vertical-align:baseline;margin-bottom:4px;font-size:11px;line-height:1.5;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent ol li {list-style-position:outside;margin-bottom:4px;font-size:11px;line-height:1.5;}

/* Right-hand column formatting */
#PageContainer #PageContent #PulloutColumn {width:301px;height:540px;float:left;background:url(../images/template/bg_PulloutColumnShadow.gif) repeat-y;}
#PageContainer #PageContent #PulloutColumn #PulloutColumnHeader {height:6px;background:url(../images/template/ContentColumnHeader.gif) repeat-x;border-left:1px solid #aa9;}
#PageContainer #PageContent #PulloutColumn #PulloutColumnContent {margin:20px;line-height:1.75;font-size:11px;}
#PageContainer #PageContent #PulloutColumn #PulloutColumnContent h2 {font:14px/1 Georgia, "Times New Roman", Times, serif;border-bottom:1px dotted #666;padding-top:6px;}
#PageContainer #PageContent #PulloutColumn #PulloutColumnContent a {text-decoration:none;color:#369;}

/* Client Lists Formatting */
#PageContainer #PageContent #ContentColumn #ContentColumnContent #PortfolioList {font-size:10px;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent #PortfolioList a {text-decoration:none;color:#369;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent #PortfolioList a:hover {color:#346;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent #PortfolioList a.Current {color:#346;font-weight:bold;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent #PortfolioList div.PortfolioListThirds {width:175px;float:left;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent #PortfolioList div.PortfolioListThirds h2 {width:150px;font:14px/1 Georgia, "Times New Roman", Times, serif;border-bottom:1px dotted #666;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent #PortfolioList div.PortfolioListHalves {width:260px;float:left;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent #PortfolioList div.PortfolioListHalves h2 {width:225px;font:14px/1 Georgia, "Times New Roman", Times, serif;border-bottom:1px dotted #666;;}

/* Tiled Blocks for Section Entry Pages */
#PageContainer #PageContent #ContentColumn #ContentColumnContent div.TiledPresentation {clear:both;padding-top:20px;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent div.TiledPresentation div.TileContainerLeft {width:260px;border:1px solid #ccb;float:left;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent div.TiledPresentation div.TileContainerRight {width:260px;border:1px solid #ccb;float:right;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent div.TiledPresentation div.TileHeader {background-color:#ddc;border-bottom:1px solid #ccb;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent div.TiledPresentation div.TileHeader a {font-weight:bold;text-decoration:none;margin-left:10px;font-family:Georgia, 'Times New Roman', Times, serif;color:#369;}
#PageContainer #PageContent #ContentColumn #ContentColumnContent div.TiledPresentation div.TileContent {font-size:11px;}

/* Subnav and their Links treatment */
#PageContainer #PageContent #PulloutColumn #PulloutColumnContent #SubNavLinks a {text-decoration:none;color:#369;padding-left:10px;}
#PageContainer #PageContent #PulloutColumn #PulloutColumnContent #SubNavLinks a:hover,
	#PageContainer #PageContent #PulloutColumn #PulloutColumnContent #SubNavLinks a.Current {color:#346;}
#PageContainer #PageContent #PulloutColumn #PulloutColumnContent #SubNavLinks a span img {border:none;text-decoration:none;margin-right:6px;visibility:hidden;}
#PageContainer #PageContent #PulloutColumn #PulloutColumnContent #SubNavLinks a:hover span img,
	#PageContainer #PageContent #PulloutColumn #PulloutColumnContent #SubNavLinks a.Current span img {border:none;text-decoration:none;margin-right:6px;visibility:visible;}

/* Home Page Formatting */
#PageContainer #HomePageTopbar {border-top:1px dotted #346;border-bottom:1px dotted #ddc;height:14px;background:url(../images/template/bg_nav-off.jpg) repeat-x;}
#PageContainer #HomePageIntro {height:240px;background-color:#ffe;}
/* background:url(../images/template/bg_ContentColumnGradient.jpg) repeat-x #ffe; */
#PageContainer #HomePageIntro #HomePageImagery {height:240px;width:500px;float:left;}
#PageContainer #HomePageIntro #HomePageIntroContent {height:180px;width:360px;margin:20px;float:right;font:14px/1.5 Georgia, "Times New Roman", Times, serif;color:#343;}
/* Tiled Blocks for Homepage subsections */
#PageContainer #HomePageContent {height:210px;background-color:#ccb;}
#PageContainer #HomePageContent div.TiledPresentation {clear:both;padding-top:20px;}
#PageContainer #HomePageContent div.TiledPresentation div.TileContainer {width:299px;height:165px;border-right:1px dotted #998;float:left;}
#PageContainer #HomePageContent div.TiledPresentation div.TileContainer div.NewsItem {margin:0 10px;font-size:10px;line-height:1.4;}
#PageContainer #HomePageContent div.TiledPresentation div.TileContainer div.NewsItem .NewsTitle {font:13px/1 Georgia, "Times New Roman", Times, serif;margin-top:10px;line-height:2;}

/* Contact Form */
#ContactForm input,#ContactForm textarea  {background-image:url(../images/template/bg_fomrinput.jpg);background-color:#369;border:1px solid #346;}

/* Footer */
#Footer {font-size:9px;text-align:center;color:#ddc;}