html, body { margin: 0; padding: 0; text-align: center; font: .90em Arial, sans-serif; color: #1a1a1a; height: 100%; }

div#left-bg { width: 100%; float: left; background: url(../images/bg_top_left.gif) repeat-x; }
div#right-bg { width: 100%; float: left; background: url(../images/bg_top_right.gif) no-repeat right top; }
div#body-bg { width: 100%; float: left; background: url(../images/bg_body.gif) no-repeat center top; }
div.center-block { width: 900px; margin: 0 auto; text-align: left; }
h1 { float: left; width: 100%; height: 104px; margin: 0; padding: 0; background: url(../images/g_title.gif) no-repeat; text-indent: -1000em; }
h2 { font: 1.8em Verdana; margin: 15px 0 0 0; color: #000; font-weight:900; color:#888888; letter-spacing:-1px;}
h4 { float: left; width: 100%; height: 104px; margin: 0; padding: 0; no-repeat; text-indent: -1000em; }
a { color: #000066; text-decoration:none; }
a:hover { color: #000066; text-decoration:underline; }

ul#nav { float: left; width: 100%; margin: 0; padding: 0; }
ul#nav li { float: left; list-style-type: none; }
ul#nav li a { float: left; height: 18px; padding: 15px 8px 18px; color: #FFF; text-decoration: none; border-left: 1px solid #a0a0a0; }
ul#nav li a.active,
ul#nav li a:hover { background: url(../images/bg_nav_active.gif) repeat-x; }

div#main { float: left; width: 100%; }

div#header { width: 100%; float:left; height:79px; margin:0pt; padding:0pt; position: relative; }
	div#header img.header-left { float:left; }
	div.header-right  { float:right; margin-right:5px; font-family:Arial; font-size:24px; font-weight:bold; color:#89895b; position: absolute; bottom: 5px; right: 0; }

div#footer { width: 98%; float: left; padding-bottom: 10px; }
	/*div.quote { float: left; width: 500px; font-size: .95em; padding: 10px 0 0 14px; background: url(../images/g_quote.gif) no-repeat left 12px; }*/
	div.quote { margin-left:30px; width: 570px; font-size: .95em; padding: 10px 0 0 14px; }
	div.quote img.quote { vertical-align: middle; margin-left: 4px; }
	div.quote img.signature { display: block; margin-top: 10px; }
	span.testimonial { font-weight:900; font-size:14px; }
	
	div.copyright { color: #1a1a1a; float: left; margin-top: 0px; font-size:1.0em; }
	
	div.bottom { color: #1a1a1a; float: left; margin: 15px 5px 0 0; font-size: 1.0em; width:100%; }
	div.bottom div.title { float:right; font-size: 1.0em; font-weight: bold; }
	div.bottom a { color: #1a1a1a; text-decoration: none; }
	div.links { width:100%; margin:auto; font-size: 1.0em; }
	div.links a:hover { color: #000066; }
	
/* Home */

	div.hbar { background: url(../images/bg_hbar.gif) repeat-x center bottom; }
	
	div.left-col { float: left; width: 622px; overflow: hidden; }
		
		div.graphic { float: left; width: 622px; display: inline; margin-top: 5px; margin-bottom: 5px; overflow: visible; padding: 0 0 6px 19px; position: relative; left: -19px; background: url(../images/bg_ext_bottomleft.gif) no-repeat left bottom; }
		div.graphic img { display: block; }
		
		div.case_study { float: left; width: 622px; height: 132px; display: inline; margin-top: 0px; margin-bottom: 14px; overflow: visible; padding: 0 0 5px 19px; position: relative; left: -19px; }
		
		div.left-col div.box { float: left; width: 280px; height: 130px; padding: 2px 0 0; }
		div.left-col div.box.left { font: .85em Arial; padding-right: 20px; }
		div.left-col div.box.right { font: .85em Arial; padding-left: 20px; border-left: 1px solid #CCC }
		div.left-col div.box h2 { font: 1.6em Trebuchet, Arial; margin: 0; color: #000; }
		div.left-col div.box p { margin: 5px 0 0 0; }
	
	div.right-col { float: right; width: 270px; background: url(../images/bg_ext_topleft.gif) no-repeat left 1px; }
	
		div#ticker { background-color: #c9c9c9; margin: 5px 0 0 12px; border: 1px solid #999; height: 443px; width: 257px; /*291*/ }
		div#news { background-color: #eeeeee; margin: 0px 0 0 12px; border: 1px solid #999; border-top: 0px solid #999; width: 257px; height: 148px; }
			div#news h2 { font: 1.4em Trebuchet, Arial; margin: 0; color: #000; padding: 2px 0 0 5px; }
			div#news h3 { font: .85em Arial; color: #333; margin: 0; padding: 0; }
			div#news div.item { float: left; width: 237px; display: inline; margin: 9px 9px 5px 6px; padding: 0 0 0 0; border-bottom: 1px solid #AAAAAA;}
			div#news div.date { font: .85em Arial; color: #333; }
			div#news p { font: .95em Arial; margin: 0; padding: 0; }
			div#news a.more { font: .9em Arial; color: #006; text-decoration: none; }
			div#news a.more:hover { font: .9em Arial; color: #006; text-decoration: underline; }
		
		div#ticker img { display: block; }
		div#ticker div.item { float: left; width: 237px; display: inline; margin: 9px 9px 9px 9px; padding: 0 0 0 0; border-bottom: 1px solid #AAAAAA;}
			div#ticker h3 { font: .85em Arial; color: #333; margin: 0; padding: 0; }
			div#ticker div.date { font: .85em Arial; color: #333; }
			div#ticker p { font: .95em Arial; margin: 0; padding: 0; }
			div#ticker a.more { font: .9em Arial; color: #006; text-decoration: none; }

	
	
/* Interior */
	
	div.subnav { float: left; margin-top: 20px; width: 899px; margin-right: 1px; background: url(../images/bg_subnav_bar.gif) no-repeat right top; }
		div.subnav ul { float: right; margin: 0 13px 0 0; padding: 0; border-right: 1px solid #999; }
		div.subnav ul li { float: left; list-style-type: none; margin: 0; padding: 0; }
		div.subnav ul li a { float: left; font-size: 1.0em; color: #FFF; height: 15px; border-left: 1px solid #999; text-decoration: none; padding: 13px 8px 5px; background: url(../images/bg_subnav.gif) repeat-x; }
		div.subnav ul li a.active,
		div.subnav ul li a:hover { background-image: url(../images/bg_subnav_active.gif); }
		
	div.subnav-left{ float: left; margin-top: 20px; width: 899px; margin-right: 1px; background: url(../images/bg_subnav_bar-left.gif) no-repeat left top; }
		div.subnav-left ul { float: left; margin: 0 13px 0 0; padding: 0; border-right: 1px solid #999; }
		div.subnav-left ul li { float: left; list-style-type: none; margin: 0; padding: 0; }
		div.subnav-left ul li a { float: left; font-size: 1.0em; color: #FFF; height: 15px; border-left: 1px solid #999; text-decoration: none; padding: 13px 8px 5px; background: url(../images/bg_subnav.gif) repeat-x; }
		div.subnav-left ul li a.active,
		div.subnav-left ul li a:hover { background-image: url(../images/bg_subnav_active.gif); }
	
	div.subnav_1-2a { width:222px; float:left; padding:10px; }
		div.subnav_1-2a ul.subnav_1-2a { width:222px; list-style: none; padding-top:15px; }
		div.subnav_1-2a ul.subnav_1-2a li { height:40px; vertical-align:center; padding:10px 0 0 0; margin:0; background-image:none; font-weight:bold; font-size:1.3em;  }
		div.subnav_1-2a ul.subnav_1-2a li a, 
		div.subnav_1-2a ul.subnav_1-2a li a.active,
		div.subnav_1-2a ul.subnav_1-2a li a.visited { text-decoration: none; color:#5c524e; }
		div.subnav_1-2a ul li a:hover { text-decoration:underline; }
		div.subnav_1-2a ul.subnav_1-2a li.active { background: url(../images/layout_images/l2a_li_active.gif) no-repeat; }
		
	div.content { float: left; width: 899px; margin-right: 1px; height: 420px; background: url(../images/g_interior.jpg) no-repeat right top; }
		div.content-none { float: left; width: 899px; margin-right: 1px; height: 420px; }
		div.l-1b { background: url(../images/layout_images/l1b-building.jpg) no-repeat right top; }
		div.l-2a { background: url(../images/layout_images/l2a-4pics1.jpg) no-repeat right top; }
		div.numbers {  background: url(../images/layout_images/numbers.jpg) no-repeat right top; }
		div.partners {  background: url(../images/layout_images/partners.jpg) no-repeat right top; }
		div.search {  background: url(../images/layout_images/search.jpg) no-repeat right top; }
			div.search-left {  background: url(../images/layout_images/search-left.jpg) no-repeat left top; }
		div.grid_building {  background: url(../images/layout_images/grid_building.jpg) no-repeat right top; }
		div.builders {  background: url(../images/layout_images/builders.jpg) no-repeat right top; }
		div.survey {  background: url(../images/layout_images/survey.jpg) no-repeat right top; }
			div.survey-left {  background: url(../images/layout_images/survey-left.jpg) no-repeat left top; }
		div.case_study {  background: url(../images/layout_images/case_study.jpg) no-repeat right top; }
			div.case_study-left {  background: url(../images/layout_images/case_study-left.jpg) no-repeat left top; }
		div.crane {  background: url(../images/layout_images/crane.jpg) no-repeat right top; }
		div.grass {  background: url(../images/layout_images/grass.jpg) no-repeat right top; }
		div.pen {  background: url(../images/layout_images/pen.jpg) no-repeat right top; }
		div.building-full { background: url(../images/layout_images/building-full.jpg) no-repeat right top; }
			div.building-full-left { background: url(../images/layout_images/building-full.jpg) no-repeat left top; }
		div.core-values { background: url(../images/layout_images/core-values.jpg) no-repeat right top; }
		div.news { background: url(../images/layout_images/news.jpg) no-repeat right top; }
		div.industry-links { background: url(../images/layout_images/industry-links.jpg) no-repeat right top; }
		div.career-resources { background: url(../images/layout_images/career-resources.jpg) no-repeat right top; }
		div.how-we-work { background: url(../images/layout_images/how-we-work.jpg) no-repeat right top; }
		div.why-talk-recruiter{ background: url(../images/layout_images/why-talk-recruiter.jpg) no-repeat right top; }
		div.service-locations { background: url(../images/layout_images/service-locations.jpg) no-repeat right top; }
		div.strategic-alliances { background: url(../images/layout_images/strategic-alliances.jpg) no-repeat right top; }
		div.right-resources { background: url(../images/layout_images/right-resources.jpg) no-repeat right top; }
		div.practice-specialization { background: url(../images/layout_images/practice-specialization.jpg) no-repeat right top; }
		div.who-we-are { background: url(../images/layout_images/who-we-are.jpg) no-repeat right top; }
		div.p_override_350 p{ width:350px !important; }
		div.p_override_450 p{ width:450px !important; }
		
		div.copy_1-2a { width: 422px; float:left; padding:10px 10px 10px 10px;  }
		div.copy_1-2a ul { width:416px !important; }
		
		div.quotebox { padding: 20px 50px 5px 50px; font-size:16px; color:#999999; height:55px; }
		
		div.contentblank { float: left; width: 899px; margin-right: 1px; height: 420px; }
		div.content h3 { margin-top: 15px; }
		div.content p { width: 400px; line-height: 1.4em; }
		div.copy_1-2a p { width:422px; line-height: 1.4em; } 
		div.content ul { width: 500px; list-style: none; padding:0; margin-left:10px; }
		div.content ul li { padding:0 0 0 15px; margin:0 0 5px 20px; background: transparent url(../images/bullet4.gif) no-repeat left top; }
		div.content ul li.none{ padding:0 0 0 15px; margin:0 0 20px 20px; }
		div.content ul.table { width: 160px !important; list-style: none; padding:0; margin-left:10px; }
		div.content ul.table li { padding:0 0 0 15px; margin:0 0 20px 0px; background: transparent url(../images/bullet4.gif) no-repeat left top; }
		div.none { background-image: none; }
		
		
	div.image_gallery { width:250px; float:left; padding:5px; }
		div.image_gallery a { text-decoration:none; color:#000066; }
		div.image_gallery a:hover { text-decoration:underline; color:#000066; }
		
#myscroller 
{
	position:relative; // mandatory
	width:200px; height:150px; // set as required
	background-color:#ffffcc; // set as required
	overflow:hidden; // mandatory
	border:solid 1px; margin:5px; // optional
}
		
