/** min-reset by yahoo ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*** end reset ***/

body  {
	font: .8em/1.1em Tahoma, Arial, sans-serif;
	font-weight:normal;
	background: #fff;	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;	
}


.page-width{
	position:relative;
	width: 824px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	
	text-align: left; /* this overrides the text-align: center on the body element. */}
#container { 	
	background: #FFFFFF;
} 
 #header { 
	background: #fff; 	
} 
	#header h1 {
		float:left;
		margin: 0; 	
		padding: 10px 0; 
		text-indent:-3000px;
		width:435px;
		background:url(../images/logo_md.png) no-repeat left center;
		height:60px;
		cursor:pointer;
	}
	#nav-top {margin-top:5px; padding-bottom:10px; padding-left:45px;}
	#nav-top li{float:left;}
	#nav-top li a{font-size:11px; text-decoration:none; color:#333333; padding:0 5px;}
	#nav-top li a:hover{text-decoration:underline;}
	#nav-top li .clientLogin{background:url(../images/lock_ico.png) no-repeat left center; padding-left:10px;}
	
	#search-top{float:right;margin-right:3px; margin-top:5px; text-align:right;}
	
	#search-top .searchBox{
		width:105px;		
		/*background:transparent url(../images/bg_search.png) no-repeat scroll right center;*/
		font-size:11px;
		color:#B8B8B8;
		padding:2px;
		padding-left:6px;		
	}
	#search-top .searchBtn{
		width:16px; height:18px; text-indent:-2000px;
		background:#FFFFFF url(../images/bg_search.png) no-repeat scroll center center;
		border:none; cursor:pointer; font-size:11px;color:#666666;
		
	}
	
#main-menu{background:url(../images/bg_menu.png) repeat-x left bottom; height:31px; 
	text-align: center; width:100%;}

	#menu-wrap{width: 824px;margin: 0 auto; text-align:center;}
	#mainlevel li{display:inline;float:left; width:164px;text-align:center;}
    #mainlevel li a{display:block;color:#666; font-size:12px; font-weight:bold; border-right:1px dotted #ccc;text-decoration:none; margin-top:7px;border-left:1px dotted #ccc;}

	#mainPic{padding:20px 0;}
		
#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	
	padding:0;
}

/** styling the news ***/
	#sidebar h2{color:#333; font-size:12px; margin-bottom:7px; font-weight:bold;}
	#sidebar .sideItem{border-bottom:1px solid #ddd; margin-bottom:5px;}
	#sidebar .contentitem{
		 color:#5B5C5E; margin-bottom:10px; font-size:11px;line-height:1em}
	

	#msg-newsletter{font-size:10px;color:#1D2A4A;}
	
	/** news ***/
	#news-wrap{
		height:115px;
		overflow:hidden;
	}
		#news-wrap h4{margin:0; padding:0; background:url(../images/news_ico.png	) no-repeat left center; padding-left:18px; height:13px;}
		#news-wrap h3{color:#1D2A4A; font-weight:bold; text-decoration:underline;margin:3px 0;}
		.newscontent{height:80px;}
		#news-wrap li a{text-decoration:none;}
		a .newscontent{color:#555; cursor:pointer;}
		.newsNext{display:block; float:left; background:transparent url(../images/news_next.png) no-repeat center center; width:14px; height:14px; text-indent:-2000px;}
		
	.remix{background:url(../images/bg_remix_s.gif) no-repeat top right; height:85px; padding-right:1px;}
		.remix h4{font-weight:bold; margin-top:2px;}
		.remix .official{margin-top:25px; background-color:#efefef; padding:5px 4px; font-weight:bold; text-align:center;}
#mainContent { 
	margin: 0 190px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; 
	
} 
	.paddedContent{padding-right:20px;}

	#mainContent h3, #fullContent h3{font-size:12px; font-weight:bold;}
		#project-management{background:url(../images/bg_proj_up.png) no-repeat left top; width:626px;}
				
				#project-management h2{text-align:center; margin-bottom:20px; line-height:24px; font-weight:bold;}
				 .project{
				 	position:relative; float:left; width:180px; height:143px;margin:0; 
					background:url(../images/bg_box.png) no-repeat left top; line-height:12px; font-size:10px; padding:10px;
					cursor:pointer;
				 }
				 .mLeft{margin-left:25px;}
				 
				 * html .mLeft{margin-left:12px;}
				 
				 .mBtm{margin-bottom:10px;}
				 .projContent{margin-top:10px; position:relative; z-index:10;}
				 .projContent ul li{background:url(../images/small_arrow_blue.png) no-repeat left center; padding-left:10px; line-height:14px;}
				 .projContent ul li a{color:#333; text-decoration:none;}
				 .projContent ul li a:hover{text-decoration:underline;}
				 .linkProj{margin-top:8px;}
				 
				 .projBg{position:absolute; right:27px; bottom:12px; z-index:0;}
				 .projBtm{clear:left; background: url(../images/bg_proj_btm.png) no-repeat left bottom; width:626px; height:20px;}
		
		/*** more links for about and other pages *****/
		.moreLinks{background:#f9f9f9 url(../images/bg_more.jpg) repeat-x 0 0; padding:5px; padding-top:1px; margin-top:10px;}
			.linksL{float:left;}
			.linksR{width:100px; float:right;}
			.moreLinks a{font-size:11px;}
			
		.itemBrdBtm{ border-bottom:1px solid #ddd; margin-bottom:12px;}
			.itemBrdBtm h3{font-weight:bold;}
			.linksMoreBtm{float:left; width:30%; padding:12px;}
		
		/****** services toggle elements *********/
		.servClientLink{display:block; font-size:11px; color:#6F8F24; background:url(../images/small_arrow_green.png) no-repeat right top; line-height:12px; padding-right:8px;}
		
		#accordion{width:824px; border:1px solid #ccc; margin-top:20px;}
			
			#accordion h2{background-color:#eaeaea; text-align:center; padding:5px;}
			#services-img li{ float:left; padding-left:15px; background:url(../images/services_plus.jpg) no-repeat right 45px; padding-right:36px;}
			#services-img li.lastServ{background:none; padding-right:0;}
		
			#tabcontent_1{padding:20px;}
			#accordion h3{height:28px; line-height:28px; padding-left:35px; cursor:pointer; font-weight:bold;}
			
			#accordion h3.togOn{background:url(../images/header_on.png) no-repeat right top; }
			#accordion h3.togOff{background:url(../images/header_off.png) no-repeat right top;}
			
			#accordion h3.togOnClients{background:url(../images/header_on_clients.png) no-repeat right top; }
			#accordion h3.togOffClients{background:url(../images/header_off_clients.png) no-repeat right top;}
			
			#accordion h3 a{text-decoration:none;}
			
			#accordion .service{padding:10px; color:#666666; font-size:12px;}
			
			ul.arrowBlue, ul.arrowGreen{margin-top:10px;}
			ul.arrowBlue li{background:url(../images/small_arrow_blue.png) no-repeat left 5px; padding-left:10px; color:#1F6B8B;}
			ul.arrowGreen li{background:url(../images/small_arrow_green.png) no-repeat left 5px; padding-left:10px; color:#6F8F24;}
			
			p.topLinkBlue, p.topLinkGreen{margin:10px; text-align:right; padding-bottom:15px;}
			p.topLinkBlue a{display:block; background:url(../images/top_blue.png) no-repeat right center; padding-right:10px;}			
			p.topLinkGreen a{display:block; background:url(../images/top_green.png) no-repeat right center; padding-right:10px; color:#6F8F24;}
			
			/** tabs **/
			.servicesTab{display:block; background:url(../images/bg_tab_serv.png) repeat-x left bottom; padding-bottom:8px; height:27px; margin-bottom:10px; margin-top:30px; padding-left:15px;}
			.servicesTab li{float:left; margin-left:15px; height:27px; line-height:27px; }
			.servicesTab li a{display:block; padding:0 10px;}
			.servicesTab li a:hover{text-decoration:none;}
			.servicesTab li.tabSel a{background:url(../images/bg_tab_sel.png) repeat-x left bottom; text-decoration:none; font-weight:bold;}
			
			#accordion .link a{color:#E20C2C}
			
	#nav-footer{clear:both; margin-top:20px;font-size:10px; color:#1F6B8B;}
		#nav-footer a{font-size:10px; text-decoration:none;}
		#nav-footer a:hover{text-decoration:underline;}
	#footer { 
		clear:both;
		margin-top:5px;	
		padding:10px;
		font-size:10px;
		background: url(../images/bg_footer.png) repeat-x left top; 	
	} 
	 #footer p,#footer p  a{
		margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */	
		color:#1B2F50;
	}
	
	 .sitemap{margin-top:10px; position:relative; z-index:10;}
	 .sitemap li, .sitemap ul li{margin-left:20px; background:url(../images/small_arrow_blue.png) no-repeat left 5px; padding-left:10px; line-height:14px;}
	 .sitemap li{text-decoration:none; padding-bottom:5px;}
	 .sitemap li a:hover{text-decoration:underline;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;	
	width:49%;
	font-size:11px;
	color:#666666;
}
.fltlft { /* this class can be used to float an element left in your page */
	width:44%;
	float: left;
	
	font-size:11px;
	color:#666666;

}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a{color:#1F6B8B;}
a.more, .linkSel{font-weight:bold;}

h2,h3,h4{ margin-bottom:10px;font-weight:bold}
h2{font-size:14px;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.size12{font-size:12px}
.size11{font-size:11px}
.size10{font-size:10px}
.padTop15{padding-top:15px;}

a.corporateColor, .corporateColor{color:#1F6B8B;}
a.clientColor, .clientColor{color:#6F8F24;}
.imgRight{float:right;}
.paragraphPad{margin-top:10px;}
.nogap{margin-top:0;}
.pdf{background: url(../images/pdf_ico.gif) no-repeat left center; padding-left:18px; line-height:14px; padding-bottom:5px;}
.link{background: url(../images/link_ico.gif) no-repeat left center; padding-left:18px; line-height:14px; padding-bottom:5px;}
.contactLink{background: url(../images/contact_ico.gif) no-repeat left center; padding-left:18px; line-height:14px; padding-bottom:5px;}