html, body { 
	margin: 0;
	padding: 0;
	background:#ffffff url(images/body_bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a443e;
	text-align:center;/* IE hack to center page contents */
}


table, td, h1, h2, h3, p, a, span, ul, li, dl, dt, dd {text-align:left;}
.clearFloats {clear:both; line-height:0; height:0; font-size:1px;}
td {
	vertical-align: top;
}
a {color:#F0690F; font-weight:bold; text-decoration:none;}
a:hover {color:#B13D17;}
a:active, a:focus{outline:none;}
p {margin:0 0 12px 0}
img {display:block;}

h2 { font-size:18px; color:#F0690F; font-weight:bold; margin:0 0 10px 0;padding:0;}
h3 { font-size:14px; color:#4A443E; font-weight:normal; margin:0 0 10px 0;padding:0;}

#frame {margin:0 auto;width:750px; height:600px;text-align:left;background-color:#CCCCCC;}
#frame_back {background-color:#FFF;}

#splashFrame {margin:0 auto;width:750px; height:480px;text-align:left;background-color:#CCCCCC;}
#splashFrame_back {background-color:#FFF;}

#top_bar {width:750px; height:15px; line-height:0; font-size:1px;}
#top_bar h1 { text-indent:-4000em;margin:0; padding:0; line-height:0; font-size:1px;}
#top_bar h1 a {display:block; width:750px; height:60px;background: #FFFFFF url(images/bar_color_top_orange.gif) no-repeat right;}
#top_bar h1 a:hover {background: #FFFFFF url(images/bar_color_top_orange_over.gif) no-repeat right;}

#logozzzz {float:left; width:140px;}

#navdiv {
	width:750px;
}
	#nav {
		float:left;
		width:520px;
	}
	#nav ul {
		margin:0;
		padding:0;
	}
	#nav li {
		margin:0;
		padding:0;
		list-style:none;
		float:left;
	}
	#nav a {display:block;text-indent:-4000em;height:50px;}
	
	#nav .nav_home a {width:63px;background: url(images/s_logo.gif) no-repeat;}
	#nav .nav_work a {width:72px;background: url(images/nav_work_o.gif) no-repeat;}
	#nav .nav_aboutus a {width:82px;background: url(images/nav_aboutus_o.gif) no-repeat;}
	#nav .nav_services a {width:96px;background: url(images/nav_services_o.gif) no-repeat;}
	#nav .nav_contact a {width:56px;background: url(images/nav_contact_o.gif) no-repeat;}
	#nav .nav_news a {width:74px;background: url(images/nav_news_o.gif) no-repeat;}
	#nav .nav_careers a {width:76px;background: url(images/nav_careers_o.gif) no-repeat;}

	
	#nav a:hover,
	#nav a.nav_active { background-position:0 -51px;}
	
#sidenav {margin:0 0 20px 0;}
	#sidenav ul {
		margin:0;
		padding:0;
	}
	#sidenav li {
		margin:0 0 2px 0;
		padding:0;
		list-style:none;
	}
	
	#sidenav a {
		text-decoration:none;
		color:#958f84;
		font-size:14px;
		font-weight:normal;
	}
	#sidenav a:hover {color:#F0690F;}
	
	#sidenav .active a {
		color:#F0690F;
		font-weight:bold;
	}
	#sidenav .active a:hover {color:#F0690F;}
	
	#sidenav .sub li {
		margin:0 0 2px 0;
		padding:0;
		list-style:none;
	}
	#sidenav .sub a:hover {color:#F0690F;}
	#sidenav .sub a {
		margin:0 0 0 20px;
		text-decoration:none;
		color:#666666;
		font-size:12px;
		font-weight:normal;
	}





#employmentnav {margin:0 0 20px 30px;}
	#employmentnav a {
		color:#666666;
		font-size:12px;
		font-weight:normal;
	}
	#employmentnav a:hover {color:#F0690F;}

.employment_headline {font-style:italic; font-weight:bold;}

#search {float:right; width:230px; text-align:right;}
#searchform {margin:0;padding:0; float:right;}
#searchfield {display:block;margin:6px 0 0 5px;padding:5px;width:105px; border:0; background-color:#D6D2C5; font-size:11px;}
#search img {float:right;}




#contentdiv {
	clear:both;
	width:750px;
	background-color:#FFFFFF;
}

#content {clear:both;margin:20px 0 0 0;padding:0;}

/* Home styles */

#homebanner {
	margin:0;
	padding:0 0 0 10px;
	vertical-align:middle;
	background-color:#3399cc;
	font-size:14px;
	line-height:30px;
	font-weight:normal;
	color:#FFFFFF;
}
	#homebanner a { font-weight:normal; color:#FFFFFF;}
	#homebanner a:hover {color:#99FFFF;}

#banner {
	width:750px;
	height:40px;
	margin:0 0 5px 0;
	padding:0;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	color:#958F84;
}
	#banner .title_people,
	#banner .title_contact,
	#banner .title_services,
	#banner .title_work,
	#banner .title_news,
	#banner .title_about,
	#banner .title_home,
	#banner .title_approach { float:left;margin:0;}
	
	#banner .title_people a { display:block; width:750px; height:40px; background: url(images/banner_people_o.gif) no-repeat; text-indent:-4000em;}
	#banner .title_contact a { display:block; width:750px; height:40px; background: url(images/banner_contact_o.gif) no-repeat; text-indent:-4000em;}
	#banner .title_careers a { display:block; width:750px; height:40px; background: url(images/banner_careers_o.gif) no-repeat; text-indent:-4000em;}
	#banner .title_work a { display:block; width:750px; height:40px; background: url(images/banner_work_o.gif) no-repeat; text-indent:-4000em;}
	#banner .title_news a { display:block; width:750px; height:40px; background: url(images/banner_news_o.gif) no-repeat; text-indent:-4000em;}
	#banner .title_about a { display:block; width:750px; height:40px; background: url(images/banner_about_o.gif) no-repeat; text-indent:-4000em;}
	#banner .title_home a { display:block; width:750px; height:40px; background: url(images/banner_home_o.gif) no-repeat; text-indent:-4000em;}
	#banner .title_services a { display:block; width:750px; height:40px; background: url(images/banner_services_o.gif) no-repeat; text-indent:-4000em;}
	#banner .title_sitemap a { display:block; width:750px; height:40px; background: url(images/banner_sitemap.gif) no-repeat; text-indent:-4000em;}
	#banner .title_error a { display:block; width:750px; height:40px; background: url(images/banner_error.gif) no-repeat; text-indent:-4000em;}
	#banner .title_cp a { display:block; width:750px; height:40px; background: url(images/banner_cp_o.gif) no-repeat; text-indent:-4000em;}
	#banner .title_design a { display:block; width:750px; height:40px; background: url(images/banner_design_o.gif) no-repeat; text-indent:-4000em;}
	
	#banner .title_people a:hover,
	#banner .title_contact a:hover,
	#banner .title_careers a:hover,
	#banner .title_work a:hover,
	#banner .title_news a:hover,
	#banner .title_sitemap a:hover,
	#banner .title_services a:hover,
	#banner .title_about a:hover,
	#banner .title_home a:hover,
	#banner .title_approach a:hover { background-position:0 -40px;}
	
	#banner .breadcrumb {font-weight:bold;float:left;padding:17px 0 0 0;color:#958F84;}
	#banner .breadcrumb a { font-weight:bold; color:#958F84;}
	#banner .breadcrumb a:hover {color:#F0690F;}
	


#cpdiv {padding:0;margin:0 0 5px 0; width:750px; height:20px;background:#EDEDED;}
	#cpdiv .cpcontainer {background:#EDEDED;width:235px;height:20px;margin:0;padding:0 0 0 10px;float:right;color:#958F84;}
	#cpdiv .cpback {display:inline;color:#958F84;font-size:11px; line-height:18px;}
	#cpdiv .cpreturn {display:inline;font-size:14px; line-height:18px; font-weight:bold;}
	#cpdiv .cpreturn a {font-weight:bold; color:#958F84;}
	#cpdiv .cpreturn a:hover {color:#F0690F;}






.dashedbar {background: url(images/bartan_dash_750.gif) no-repeat; height:11px;line-height:0; font-size:1px;clear:both;}


#featuredtable {width:750px;background: url(images/hometan_3col_back.gif) repeat-y;}
	.featuredheadline {
		width:240px;
		padding:0;
		margin:0;
		height:30px;
		background: url(images/bartan_dash_240.gif) bottom left no-repeat;
	}
	.featuredheadline h3 {
		color: #999999;
		font-size:14px;
		line-height:18px;
		font-weight:normal;
		margin:0;
		padding:0;
	}
	.featuredheadline h3 a {
		color: #999999;
		font-weight:normal;
		padding:3px 0 0 0;
		width:240px;
		display:block;
	}
	.featuredheadline h3 a:hover {
		background-color:#E6E6E6;
		color: #999999;
	}
	
	.featuredbox {width:240px;}
	.workexample {
		padding-bottom:15px;
		background: url(images/bar_dash_240.gif) bottom left no-repeat;
		}
		.workexample p {margin:5px 0 0 0;}
		.workexample a {margin:0;}
	#clientsmedia {
		background-color:#EDEDED;
		width:240px;
		}
		#clientsmedia .newsitem {
			padding:10px;
			color:#666666;
			font-size:12px;
		}
		#clientsmedia .bar {
			height:2px;
			width:220px;
			font-size:1px;
			line-height:0;
			margin:0 0 0 10px;
			background: url(images/bartan_220_light.gif) no-repeat;
		}
		#clientsmedia .newsitem  .source {
			font-weight:bold;
			font-size:10px;
		}
	.industryfocusimg {background-color:#FFFFFF;padding-bottom:5px}
	.industryfocus {
		width:240px;
		margin:0;
		}
		.industryfocus .newsitem {
			padding:5px 0 5px 0;
			font-size:12px;
		}
		.industryfocus .bar {
			height:2px;
			width:220px;
			font-size:1px;
			line-height:0;
			margin:0 0 0 10px;
			background: url(images/bartan_220_dark.gif) no-repeat;
		}
		.industryfocus .title {
			font-weight:bold;
			font-size:11px;
			line-height:14px;
			margin:2px 0 4px 0;
			color:#7A746B;
		}
		.industryfocus h4 {
			font-weight:bold;
			font-size:16px;
			height:30px;
			margin:0 0 4px 0;
			color:#CCCCCC;
			background: url(images/bartan_dash_240.gif) bottom left no-repeat;
		}
		
		#contactfocus {
		width:240px;
		margin:0;
		}
		#contactfocus .newsitem {
			padding:10px 0 15px 0;
			color:#666666;
			font-size:12px;
			background: url(images/bartan_dash_240.gif) bottom left no-repeat;
		}
		#contactfocus .bar {
			height:2px;
			width:220px;
			font-size:1px;
			line-height:0;
			margin:0 0 0 10px;
			background: url(images/bartan_220_dark.gif) no-repeat;
		}
		#contactfocus .newsitem  h4 {
			font-weight:bold;
			font-size:14px;
			margin:0 0 5px 0;
		}
	
/* general styles */	
.blueheadline, .blueheadline p {font-size:16px; font-weight:normal;color:#869ab1;}
.bluebody {font-size:20px; line-height:22px; font-weight:normal;color:#869ab1;margin-bottom:10px;}
.bluebody p {font-size:18px; line-height:20px; font-weight:normal;color:#869ab1;}




/* footer styles */
#footer {width:750px; height:40px;margin-top:5px; font-size:10px;color:#EDEDED; background-color:#CCCCCC;}
	#bottom_bar {width:750px; height:2px; font-size:1px; line-height:0;}
	
	#footer_locations {
		float:left;
		width:320px;
	}
	#footer_locations ul {
		margin:0;
		padding:0;
	}
	#footer_locations li {
		margin:0;
		padding:0;
		list-style:none;
		float:left;
	}
	#footer_locations a {display:block; text-indent:-4000em; height:25px;}
	
	#footer_locations .california a {width:73px; background: url(images/nav_california_o.gif) no-repeat;}
	#footer_locations .colorado a {width:73px; background: url(images/nav_colorado_o.gif) no-repeat;}
	#footer_locations .blank a {width:10px; background: url(images/nav_blank_o.gif) no-repeat;}
	#footer_locations .syncengineering a {width:160px; background: url(images/nav_syncengineering_o.gif) no-repeat;}
	#footer_locations .syncdesign a {width:132px; background: url(images/nav_syncdesign_o.gif) no-repeat;}
	#footer_locations a:hover { background-position:0 -25px;}
	
	
	#footer_copyright {float:left;margin:0;width:480px;}
	
	#sitemap {float:right;width:97px;height:25px; margin-left:10px;}
	#sitemap ul {
		margin:0;
		padding:0;
	}
	#sitemap li {
		margin:0;
		padding:0;
		list-style:none;
		float:left;
	}
	#sitemap a {display:block; text-indent:-4000em; height:25px;width:97px; background: url(images/nav_sitemap.gif) no-repeat;}
	#sitemap a:hover { background-position:0 -25px;}
	
	#copyright {float:left;text-indent:-4000em; height:25px;width:145px;background: url(images/nav_copyright.gif) no-repeat;}




.style2 {
	font-size: 11px;
	color: #999999;
}

.style3 {
	font-size: 12px;
	color: #808285;
}

.column_divider { width:15px; background: url(images/bartan_column_divider.gif) repeat-y  !important;}



/* -- admin styles-- */
#adminmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	z-index: 50;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100px;
	height: 125px;
	background: #fff;
	text-align: left;
	border-top: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#admintab { background-color:#000000; padding:2px 5px 2px 5px; color:white; font-size:12px;}
#adminbody {
	padding: 8px;
}
#adminbody a {
	color: #FF8D40;
	text-decoration: none;
}