body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0 auto; padding:0; background: url(/images/bg.jpg) repeat-y 0 50% #c2c9ca;}
#container{background-color:#ffffff; border:1px solid #b6bebf; width:760px; margin:0 auto; padding:0 0 55px;}

h1{color:#6699cc; margin:0; padding:0; font-weight:bold; font-size:10px;}
h2{color:#666666; margin:0; padding:0; font-weight:bold; font-size:10px;}

p{color:#666666; font-size:10px; line-height:18px;}

#header{width:760px; height:175px; margin:0 0 10px; padding:0; position:relative; top:0; left:0;}
#logo{position:absolute; top:55px; left:51px; margin:0; padding:0; background:url(/images/logo.gif) no-repeat; width:103px; height:120px;text-indent:-9999px; overflow:hidden;}
#headerimage{ position:absolute; top:0; left:153px; width:607px; height:135px; z-index:1;}
#addressbar{position:absolute; top:84px; left:153px;  width:487px; height:74px; background:#8b8d90; z-index:2;}

/* Page Titles */
#page_title { background-repeat:no-repeat; width:487px; height:51px; text-indent:-9999px; overflow:hidden;}
.home #page_title {background-image:url(/images/page-home.gif);}
.about #page_title {background-image:url(/images/page-about.gif);}
.people #page_title {background-image:url(/images/page-people.gif);}
.portfolio #page_title {background-image:url(/images/page-portfolio.gif);}
.clients #page_title {background-image:url(/images/page-clients.gif);}
.contact #page_title {background-image:url(/images/page-contact.gif);}


#address{background:url(/images/address.gif) no-repeat; width:487px; height:23px; text-indent:-9999px; overflow:hidden;}

#main{position:relative; top:0; width:760px; clear:both; background:url(/images/menuside.gif) 0 0 repeat-y; background-color:#FFFFFF; min-height:300px; height:auto !important; height:300px;}
#navigation{background:url(/images/menutop.gif) no-repeat; height:203px; width:154px; float:left;}
	
	/* navigation */
	#nav{margin:18px 0 0 0; padding:0;  background-color:#FFFFFF;}
	/* START NAV    ----------------------------------------- */
	#nav li	{list-style:none;  background-color:#FFFFFF;}
	#nav li a				{display:block; text-indent:-9999px;}
	#nav li a#about			{height:28px; background:url(/images/navigation.gif) 0 0px no-repeat;}
	#nav li a#people		{height:28px; background:url(/images/navigation.gif) 0 -28px no-repeat;}
	#nav li a#portfolio		{height:28px; background:url(/images/navigation.gif) 0 -56px no-repeat;}
	#nav li a#clients		{height:28px; background:url(/images/navigation.gif) 0 -84px no-repeat;}
	#nav li a#contact		{height:28px; background:url(/images/navigation.gif) 0 -112px no-repeat;}
	#nav li a#boards		{height:28px; background:url(/images/navigation.gif) 0 -140px no-repeat;}
	#nav li a#resources		{height:35px; background:url(/images/navigation.gif) 0 -168px no-repeat;}
	
	#nav li a:hover#about			{height:28px; background:url(/images/navigation.gif) -154px 0px no-repeat;}
	#nav li a:hover#people			{height:28px; background:url(/images/navigation.gif) -154px -28px no-repeat;}
	#nav li a:hover#portfolio		{height:28px; background:url(/images/navigation.gif) -154px -56px no-repeat;}
	#nav li a:hover#clients			{height:28px; background:url(/images/navigation.gif) -154px -84px no-repeat;}
	#nav li a:hover#contact			{height:28px; background:url(/images/navigation.gif) -154px -112px no-repeat;}
	#nav li a:hover#boards			{height:28px; background:url(/images/navigation.gif) 0 -140px no-repeat;}
	#nav li a:hover#resources		{height:35px; background:url(/images/navigation.gif) 0 -168px no-repeat;}
	
	body.about #nav li a#about				{height:28px; background:url(/images/navigation.gif) -308px 0px no-repeat;}
	body.people #nav li a#people			{height:28px; background:url(/images/navigation.gif) -308px -28px no-repeat;}
	body.portfolio #nav li a#portfolio		{height:28px; background:url(/images/navigation.gif) -308px -56px no-repeat;}
	body.clients #nav li a#clients			{height:28px; background:url(/images/navigation.gif) -308px -84px no-repeat;}
	body.contact #nav li a#contact			{height:28px; background:url(/images/navigation.gif) -308px -112px no-repeat;}
	body.boards #nav li a#boards			{height:28px; background:url(/images/navigation.gif) -308px -140px no-repeat;}
	body.resources #nav li a#resources		{height:35px; background:url(/images/navigation.gif) -308px -168px no-repeat;}

#maincontent{ margin-left:15px; float:left; width:472px;}
#subnav{height:18px;}
#flash{margin-top:50px;}
#text{ margin-top:30px; width:418px; float:right;}
#text a {color:#678fb3; text-decoration:none; border-bottom:1px solid #93b9dc;}
#text a:hover {color:#515356; text-decoration:none; border-bottom:1px solid #8b8d90;}
