html, body
{
  padding:0px;
  margin:0px;
  height:100%;
  width:100%;
}
html
{
  overflow-y:scroll;
}
body
{
  background:#E3E3E4 url(header_long_bg.png) no-repeat top;
  margin:0px;
  font: 0.69em/0.94em  "Lucida Grande", Tahoma, sans-serif;
  color: #3f4f59;
}
#divHeader
{
  width:950px;
  margin:0px auto 0px auto;
  height:124px;
  background:url(header_long_bg.png) no-repeat top;
  padding:0px;
}
#divLogout
{
  width:150px;
  margin:0px 47px auto auto;
  padding:7px 0px;
  height:7px;
  overflow:hidden;
}
#divLogout a
{
  padding:0px;
  float:left;
  overflow:hidden;
  text-decoration:none;
  height:7px;
}
#client
{
  background: url(cilent.gif) top left no-repeat;
  width: 65px;
}
#associate
{
  background: url(associate.gif) top left no-repeat;
  width: 80px;
}
#client:hover, #client:active, #associate:hover, #associate:active
{
  background-position:0px -7px;
}
#divMenu
{
  margin-top:73px;
  padding:5px 40px 5px 0px;
  text-align:right;
  color: #FFF;
  height:25px;
}
#divMenu a
{
  color: #FFF;
  text-decoration: none;
}
#divMenu a:hover
{
	color: #C52525;
}
#divMenu a
{
  padding:0px 15px 0px 15px;
  font-size:16px;
}




/* default heading sizes */	
h1		{ font-size: 2em;    }
h2		{ font-size: 1.5em; }
h3 		{ font-size: 1.25em;  }
h4		{ font-size: 1.2em;  }
h5,h6	{ font-size: 1em;  }


/* default link formatting */			
a, a:link 			{ color: #93b445; text-decoration: underline; }
a:visited 			{ color: #93b445; }	
a:focus, a:hover 	{ color: #93b445; text-decoration: none; outline: 0;}
a:active 			{ color: #fff; }

strong 	{ font-weight: bold; }
em		{ font-style: italic; }

.clear {clear:both} 


#container {line-height: 1.5em;}

td	{width: 200px;}


/* header */	
#header {margin: 0px auto; padding: 0px; width: 100%; height: 126px; background: #660000 url('header_long_bg.png') center top no-repeat;}
	/*#header .content {width:879px; height:126px; margin:0 auto;}*/
	#header h1 {float: left; text-indent: -5000px; }
	
	#header  #logins {position: absolute; left: 50%; margin-left: 277px; top:7px; width: 150px;}
	#header	 #logins ul li {list-style:none; display:inline;}
		#logins ul li a {padding: 7px 0 0 0; float: left; overflow: hidden; height: 0px !important;}
		#logins ul li a:hover {background-position: 0 -7px;}
		#logins ul li a:active, #nav a.selected {background-position: 0 -7px; outline:none;}
	
				#cilent a {background: url('cilent.gif') top left no-repeat; width: 65px;}
				#associate a {background: url('associate.gif') top left no-repeat; width: 80px;}
	
	
	#header  #nav {position: relative; left: 50%; margin-left: 52px; top:82px; list-style: none; width: 387px; overflow: hidden;}
	#header	 #nav ul li {list-style:none; display:inline;}
	#nav ul li a {padding: 16px 0 0 0; float: left; overflow: hidden; height: 0px !important;}
	#nav ul li a:hover {background-position: 0 -16px;}
	#nav ul li a:active, #nav a.selected {background-position: 0 -16px; outline:none;}
				
				#nav_home a {background: url('nav_home.png') top left no-repeat; width: 56px;}
				#nav_services a {background: url('nav_services.png') top left no-repeat; width: 117px;}
				#nav_company a {background: url('nav_company.png') top left no-repeat; width: 126px;}
				#nav_contact a {background: url('nav_contact.png') top left no-repeat; width: 88px;}
				
	
	
/* home page callout */
#callout {background: url(callout_gradient.jpg) repeat-x top left;}	
	#callout .content {width: 880px; height:329px; margin-left: auto; margin-right: auto; /*background: url(20years.gif) no-repeat; background-position: 586px 45px;*/  }
	/*#callout h2 {float: left; width: 570px; height: 65px; margin: 27px 0px 0px 0px;}*/
	#callout p {margin: 7px 310px 15px 0px; color:#3f4f59;}

#findout {clear:both; font-size: 9px; height: 73px; width: 530px; color: #7e7e7e; }
	#findout a{color: #9e1402; text-decoration:none; }
	#findout #started {width: 171px; height: 33px; margin: 12px 0 0 0; text-indent: -5000px; float:left;  background: url(letsgetstarted.jpg) no-repeat 0 0;}
	#findout #right {margin:20px 0 0 0; float: right; }


/* home page three columns */
#columnholder {margin: 0px auto; padding: 0px; width: 100%; height: 278px; background: url(column_gradient.jpg) repeat-x top left; }	
	#columnholder .content {width: 880px; margin-left: auto; margin-right: auto;}
	#columnholder .content h4 { font-weight: bold; font-size: 9pt; margin: 0 0 0 6px;}
						   h4.services {color: #1a6e90;}
						   h4.about {color: #418308; }
						   h4.contact {color: #b84506; }
	#columnholder p {color: #20303a; margin: 6px;}
	#columnholder a {color: #9e1402; margin: 0 0 0 6px; font-weight: bold; font-size: 8px; text-decoration: none}
	#columnholder a:active, #columnholder a.selected {color: #000; text-decoration: underline; font-weight: bold;}

.column_left {margin: 19px auto; padding: 0px; width: 276px; float: left; }
	.column_left h3 {float: left; width: 276px; height: 100px; text-indent: -5000px; background: url('ourservices.png') no-repeat 0 0; margin-bottom: 12px; }

.column_center {margin: 19px 0px auto; padding: 0 0 0 21px; width: 286px; float: left; }
	.column_center h3 {float: left; width: 286px; height: 100px; text-indent: -5000px; background: url('aboutus.png') no-repeat 0 0; margin-bottom: 12px;}

.column_right {margin: 19px  0px auto; padding: 0 0 0 21px; width: 276px; float: left; }
	.column_right h3 {float: left; width: 276px; height: 100px; text-indent: -5000px; background: url('getintouch.png') no-repeat 0 0; margin-bottom: 12px;}







/* SERVICES STYLES */
#services {	margin: 0px auto;	padding: 0px;	width: 100%;	background: url(callout_gradient.jpg) repeat-x top left;}	
	#services .content {width: 880px; margin-left: auto; margin-right: auto; background: url('20years.gif') no-repeat; background-position: 586px 45px;  }
	#services h2 {float: left; width: 183px; height: 35px; text-indent: -5000px; background: url('services_header.png') no-repeat 0 0; margin: 47px 0 30px;  }
	#services h3 {margin: 0 0 5px 0; color: #121212;font-size:16px;text-decoration:underline;color:#00f;cursor:pointer;}
	#services p {margin: 0px 350px 15px 0px; color:#3f4f59;}

/* OUR COMPANY STYLES */
#company {	margin: 0px auto;	padding: 0px;	width: 100%;	background: url(callout_gradient.jpg) repeat-x top left;}	
	#company .content {width: 880px; margin-left: auto; margin-right: auto; background: url('20years.gif') no-repeat; background-position: 586px 45px;  }
	#company h2 {float: left; width: 204px; height: 35px; text-indent: -5000px; background: url('company_header.png') no-repeat 0 0; margin: 47px 0 30px;  }
	#company h3 {margin: 0 0 5px 0; color: #121212;font-size:16px;text-decoration:underline;color:#00f;cursor:pointer;}
	#company p {margin: 0px 350px 6px 0px; color:#3f4f59;}
	
/* CONTACT STYLES */
#contact {	margin: 0px auto;	padding: 0px;	width: 100%;	background: url(callout_gradient.jpg) repeat-x top left;}	
	#contact .content {width: 880px; margin-left: auto; margin-right: auto; background: url('20years.gif') no-repeat; background-position: 586px 45px;  }
	#contact h2 {float: left; width: 156px; height: 35px; text-indent: -5000px; background: url('contact_header.png') no-repeat 0 0; margin: 47px 0 30px;  }
	#contact p {margin: 7px 350px 6px 0px; color:#3f4f59;}

#contact_holder {width: 550px; height: 400px;}
div.contact_box {border: 1px solid #ccc; width: 250px; float: left; margin-right: 15px; margin-bottom: 15px;}
div.contact_box div.inner_box {background-color: #ccc; margin: 2px; padding: 15px;}
div.contact_box div.inner_box a {color: #008bcc;}







/* THE FOOTER */ 
#footer { clear: both; font-size: 9px; width:100%; margin: 0px auto; height: 60px; /*border-top: 2px solid #fff;*/ }
#footer .content {	width: 880px; margin-left: auto; margin-right: auto; }
#footer a {color: #000; text-decoration: none; font-weight: normal;}
	#footer a:active, #footer a.selected {color: #000; text-decoration: underline; font-weight: normal;}

#footer_left {margin: 23px 0 0 0; float: left; color:#666666;}
#footer_right {margin: 23px 0 0 0; float: right; color:#666666;}
#footer_right p {float: left;}


.AccordionContent
{
  overflow:hidden;
}er_right {margin: 23px 0 0 0; float: right; color:#666666;}
#footer_right p {float: left;}


.AccordionContent
{
  overflow:hidden;
}er_right {margin: 23px 0 0 0; float: right; color:#666666;}
#footer_right p {float: left;}


.AccordionContent
{
  overflow:hidden;
}er_right {margin: 23px 0 0 0; float: right; color:#666666;}
#footer_right p {float: left;}


.AccordionContent
{
  overflow:hidden;
}



