/* COMMENT WELL, COMMENT OFTEN */

/* set ALL STYLES with ZERO margin and padding */
* { margin:0px; padding:0px;}

/* HTML TAG styles */
body { background:#1e2b34 url(images/2009/websiteBg.gif) repeat-x left top; margin-top:16px; font-family:Arial; font-size:Medium; color:#666; }
img { border:none;}
sup { font-size:.7em; font-weight:bold; text-transform:uppercase;}

/* ID styles */
#WebsiteArea { width:815px; margin-left:auto; margin-right:auto;}
#HeaderArea { float:left; width:100%;}
#Header { position:relative; float:left; width:813px; background:#FFF; height:77px; border-left:solid 1px #D3D3D3; border-right:solid 1px #D3D3D3;}
#Navigation { float:left; text-align:center; width:813px; background:#FFF;}
	/* #Navigation sub styles */
	#Navigation ul {list-style-type:none; padding:25px 0 0 37px; }
	#Navigation li { float:left; padding-right:34px;}
		#Navigation li.NoRightPad { padding-right:0px;}
    #Navigation li a{font-size:0.9em;color:#000;font-weight:bold;text-decoration:none;}
    #Navigation li a:hover{color:#df3288;}
    #Navigation li a.selected{color:#df3288;}
#HC20 { position:absolute; top:18px; right:185px;}
#Logo { position:absolute; top:27px; right:15px;}

#Snavigation { float:left; background:transparent;}
	/* #Snavigation sub styles */
	#Snavigation ul { list-style-type:none;padding-top:10px;}
	#Snavigation li { float:left;padding-right:20px;}
	#Snavigation li.NoPad { padding:0px;}
	#Snavigation a { color:#000; text-decoration:none;font-size:0.7em;font-weight:bold;}
	#Snavigation a:hover { color:#df3288;}
	#Snavigation a.Snav { color:#df3288; text-decoration:none;}
		/* SECONDARY LEVEL NAVIGATION UNIQUE STYLES FOR EACH LEVEL OF PRIMARY NAV
		THE DEGREE OF PADDING REQUIRED FOR EACH SNAVIGATION ITEM */
		#WhoWeAreNav { margin:-2px 0 0 50px;}
		#WhatWeDoNav { margin:-2px 0 0 90px;}
		#PortfolioNav { margin:-2px 0 0 417px;}
		#BlankNav { margin:0; width:1px;}

#ContentArea { float:left; width:100%; margin-top:4px;}	
#PageContent { position:relative; float:left; background:#FFF; width:766px; border-left:solid 1px #D3D3D3; border-right:solid 1px #D3D3D3;font-size:.7em; color:#000; padding:17px 10px 7px 37px;}
	/* #PageContent sub styles */
	#PageContent h1 { color:#1e2b34; font-size:2.5em; text-transform:uppercase;height:30px;}
	#PageContent h2 { color:#df3288; font-size:2.5em; text-transform:uppercase;height:40px;}
	#PageContent h3 { text-decoration:none; color:#000; font-size:.9em; margin-bottom:-5px; text-transform:uppercase;}
	#PageContent h4 { text-decoration:none; color:#999; font-size:1.3em; margin-top:10px; line-height:1.1em;}
	#PageContent h5 { text-decoration:none; color:#df3288; font-size:1em; text-transform:uppercase;}
	#PageContent h6 { text-decoration:none; color:#df3288; margin-top:5px; font-size:1em; text-transform:capitalize;}
	#PageContent p { padding:7px 0 7px 0; line-height:110%; }
	#PageContent a { color:#000; text-decoration:none;  }
	#PageContent a:hover { color:#df3288; }
	#PageContent ul { list-style-type:square; list-style-position:outside; font-size:1em; padding:7px 0 7px 15px; color:#CCC;  }
	#PageContent li { padding-bottom:0px; }
	#PageContent li b { color:#000; font-weight:normal; width:auto; }

#PageLeft { float:left; width:380px; }
#PageRight { float:left; padding-left:20px; width:auto; }
.pageRightWebsites{background:#fff url(images/2009/websitesBg.gif) no-repeat 0px 0px;}
.pageRightFilm{background:#fff url(images/2009/websitesBg.gif) no-repeat 5px 0px;}
.pageRightWebcasts{background:#fff url(images/2009/filmBg.gif) no-repeat 5px 0px;}
.pageRightHealthcare{background:#fff url(images/2009/healthcareBg.gif) no-repeat 5px 0px;}
#iFrame{margin-top:5px;}

#Tnavigation {float:left; width:360px; background:transparent; font-size:.9em; text-transform:uppercase; font-weight:bold;}
	/* #Tnavigation sub styles */
	#Tnavigation ul { float:left; list-style-type:none;}
	#Tnavigation li { padding:0px; line-height:1.2em;}
	#Tnavigation li.NoPad { padding:0px;}
	#Tnavigation a { color:#959494; text-decoration:none;font-size:0.9em;font-weight:normal;}
	#Tnavigation a:hover span { color:#df3288;}
	#Tnavigation #Tnav_Left { float:left; width:160px; margin-left:-15px;}
	#Tnavigation #Tnav_Right { float:left; width:180px;}

#ProjectNav { text-align:right; width:311px; font-size:.8em;}
	/* #ProjectNav sub styles */
	#ProjectNav a { color:#666; font-weight:bold; }
	#ProjectNav a:hover { color:#df3288; }
	#ProjectNav a:active { color:#df3288; }

#ProjectDetails {clear:left; padding:5px 0 0 0;}	
	#ProjectDetails a { color:#df3288; }
	
#Footer { clear:left; float:left; margin-top:11px; background:transparent url(images/2009/footerBg.gif) no-repeat left top; width:100%; height:81px;}
#Footer_Phone { float:left; font-size:.8em; font-weight:bold; line-height:81px; color:#fff; padding:0 0 0 44px;}
#Footer_Logo { float:right;  padding:35px 44px 0 0;}

#Bottom_Navigation { float:left; clear:left; width:100%; padding:20px 0 10px 0; text-align:center; font-size:.6em;color:#e03288;}
	/* #Bottom_Navigation sub styles */
	#Bottom_Navigation a { color:#666; text-decoration:none;}
	#Bottom_Navigation a:hover { color:#fff;}

/* CLASS styles */
.Curves { float:left; background:transparent;}
.NewRow { clear:left; float:left; width:100%;}	
.PageColumn { float:left; padding:20px 0px 0px 15px; width:180px;}
.FullWidth { width:100%; }
.NoLeftPad { padding-left:0px;}