body { margin: 0; padding: 0; background: url(../images/bg.gif) repeat-x #141414; font-family: tahoma, sans-serif; font-size: 11px; color: #ffffff; line-height: 18px; }

h1 {  }
h2 {  }
h3 {  }

a { color: #fff; text-decoration: none; }

#top { margin: 0 auto; width: 890px; height: 146px; }

#logo { float: left; margin: 22px 0 18px 20px; width: 337px; height: 41px; }
#logo a { display: block; width: 337px; height: 41px; }
#logo h1 { margin: 0; padding: 0; background: url(../images/logo.gif) no-repeat; }
#logo span { display: none; }

#contact { float: right; margin: 32px 30px 0 0; width: 368px; font-family: tahoma, sans-serif; font-size: 11px; color: #aaaaaa; }
#contact a { color: #aaaaaa; text-decoration: none; }
#contact p { margin: 0 0 0 15px; padding: 0; float: left; }
#contact strong { font-weight: normal; color: #ffff00; }

#nav { clear: both; margin: 0 auto; padding: 3px 8px 0 8px; width: 867px; height: 49px; background: url(../images/nav.gif) no-repeat; list-style: none; font-family: tahoma, sans-serif; font-size: 12px; color: #ffffff; }
#nav li { float: left; }

.nav_home a { display: block; width: 69px; height: 43px; background: url(../images/nav_home.gif) no-repeat; }
.nav_home a:hover { background: url(../images/nav_home_hover.gif) no-repeat; }
.nav_home span { display: none; }
.nav_aboutus a { display: block; width: 93px; height: 43px; background: url(../images/nav_aboutus.gif) no-repeat; }
.nav_aboutus a:hover { background: url(../images/nav_aboutus_hover.gif) no-repeat; }
.nav_aboutus span { display: none; }
.nav_services a { display: block; width: 91px; height: 43px; background: url(../images/nav_services.gif) no-repeat; }
.nav_services a:hover { background: url(../images/nav_services_hover.gif) no-repeat; }
.nav_services span { display: none; }
.nav_news a { display: block; width: 70px; height: 43px; background: url(../images/nav_news.gif) no-repeat; }
.nav_news a:hover { background: url(../images/nav_news_hover.gif) no-repeat; }
.nav_news span { display: none; }
.nav_casestudies a { display: block; width: 115px; height: 43px; background: url(../images/nav_casestudies.gif) no-repeat; }
.nav_casestudies a:hover { background: url(../images/nav_casestudies_hover.gif) no-repeat; }
.nav_casestudies span { display: none; }
.nav_contact a { display: block; width: 88px; height: 43px; background: url(../images/nav_contact.gif) no-repeat; }
.nav_contact a:hover { background: url(../images/nav_contact_hover.gif) no-repeat; }
.nav_contact span { display: none; }

#main { margin: 18px auto 0 auto; width: 878px; }
#main p { font-family: tahoma, sans-serif; font-size: 11px; color: #b5b5b5; padding: 0 0 8px 0; }
#main h2 { color: #ffffff; margin: 0; padding: 0 0 8px 0; font-weight: normal; font-size: 21px; clear: both; }

#homepage_left { width: 445px; float: left; margin: 0 16px 0 0; }
#homepage_left ul { margin: 20px 0 0 20px; padding: 0 0 16px 0; font-family: tahoma, sans-serif; font-size: 10px; color: #ffffff; line-height: 18px; list-style: none; }
#homepage_left li { float: left; width: 186px; margin: 0; padding: 0 0 0 18px; background: url(../images/bullet.gif) no-repeat; background-position: 5px 4px; }
#homepage_right { width: 416px; float: left; }
#homepage_right p { margin: 0; padding: 0; padding: 8px 0 0 0; }
#homepage_right a { display: block; float: left; padding: 10px 10px 10px 12px; margin: 0 0 15px 0; width: 394px; height: 65px; background: url(../images/homepage_banner_navbg.gif) no-repeat; color: #b5b5b5; font-family: tahoma, sans-serif; font-size: 11px; text-decoration: none; }
#homepage_right a:hover { background: url(../images/homepage_banner_navbg_hover.gif) no-repeat; }
#homepage_right span { display: block; margin: 0; padding: 0; line-height: 18px; padding: 0 0 0 23px; }
#homepage_right .heading { color: #ffffff; margin: 0; padding: 4px 0; font-weight: normal; font-size: 21px; }
#homepage_right strong { font-weight: bold; color: #ffffff; }
#homepage_right .intro { float: left; width: 390px; margin: 0 0 18px 0; padding: 14px 10px 10px 16px; height: 356px; line-height: 18px; background: url(../images/homepage_introbg.gif) no-repeat; font-family: tahoma, sans-serif; font-size: 11px; color: #b5b5b5; }
#homepage_right .intro p { padding: 16px 0 0 0; }

#services_left { width: 396px; float: left; margin: 0 16px 0 0; padding: 0 10px; }
#services_left strong { font-weight: bold; color: #ffffff; }
#services_right { width: 445px; float: left; }
#services_right img { margin: 0 0 16px 0; }

#casestudies_left { width: 396px; float: left; margin: 0 16px 0 0; padding: 0 10px; }
#casestudies_left strong { font-weight: bold; color: #ffffff; }
#casestudies_right { width: 445px; float: left; }
#casestudies_right img { margin: 0 0 16px 0;  }

#news_left { width: 396px; float: left; margin: 0 16px 0 0; padding: 0 10px; }
#news_left strong { font-weight: bold; color: #ffffff; }
#news_img { width: 190px; float: left; margin: 0 16px 0 0; }
#news_img img, .newspic { padding: 0; margin: 0; border: 5px solid #373737; }
#news_img img { width:180px; margin:	0 0 16px 0; }
#news_right { width: 228px; float: left; }
#news_right img { margin: 0 0 16px 0; }
.newsdate { float: right; }
.newstitle { float: left; }
.newstitle a { color: #fff; text-decoration: none; }
.newsintro { margin: 0; padding: 0 0 15px 0; }

.casedate { float: right; }
.casetitle { float: left; }
.casetitle a { color: #fff; text-decoration: none; }
.caseintro { margin: 0; padding: 0 0 15px 0; }

#contact_left { width: 396px; float: left; margin: 0 16px 0 0; padding: 0 10px; }
#contact_left strong { font-weight: bold; color: #ffffff; }
#contact_right { width: 445px; float: left; }
#contact_right img { margin: 0 0 16px 0; border: none; }
#contact_left .address { float: left; margin-left: 38px; }
#contact_left .phone { float: left; margin-left: 28px; }
.form { margin: 16px 0 0 38px; }
.form_text { width: 243px; height: 14px; background: url(../images/form_textbg.gif) no-repeat; border: none; margin: 0 0 3px 0; padding: 6px 8px 6px 8px; font-family: tahoma, sans-serif; font-size: 11px; color: #b5b5b5; }
.form_textarea { width: 243px; height: 75px; background: url(../images/form_textareabg.gif) no-repeat; border: none; margin: 0 0 -1px 0; padding: 6px 8px 6px 8px; font-family: tahoma, sans-serif; font-size: 11px; color: #b5b5b5; }
.form_submit { background: url(../images/form_submit.gif) no-repeat; width: 53px; height: 26px; border: none; }

#about_left { width: 396px; float: left; margin: 0 16px 0 0; padding: 0 10px; }
#about_left strong { font-weight: bold; color: #ffffff; }
#about_right { width: 445px; float: left; }
#about_right img { margin: 0 0 16px 0; }

#footer { margin: 0 auto 18px auto; padding: 14px; width: 854px; height: 19px; background: url(../images/footer.gif) no-repeat; }
#footer p { float: right; font-family: tahoma, sans-serif; font-size: 11px; color: #9d9d9d; margin: 1px 0 0 0; width: 156px; }
#footer img { float: right; margin-top: -1px; border: none; }

#footer_validate { margin: 0; padding: 0; list-style: none; width: 142px; height: 21px; background: url(../images/footer_validate.gif) no-repeat; float: left; }
#footer_validate .css { float: right; margin: 0 0 0 7px; }
#footer_validate .css a { display: block; width: 38px; height: 20px; }
#footer_validate .xhtml { float: right; }
#footer_validate .xhtml a { display: block; width: 47px; height: 20px; }
#footer_validate span { display: none; }

.clear { clear: both; }

.tool-tip {
	z-index: 13000;
	margin: -96px 0 0 -228px;
	text-align: center;
	font-family: tahoma, sans-serif; font-size: 11px; color: #ffffff;
}
 
.tool-title {
	width: 236px; height: 17px; background: url(../images/tool-title.png) no-repeat;
	padding: 14px 0 0 0;
}
 
.tool-text {
	width: 236px; height: 47px; background: url(../images/tool-text.png) no-repeat;
	padding: 2px 0 0 0;
}

/* <div id="websiteby">
<p><a href="http://www.pureenergymultimedia.com" title="Website Design">Website Design</a> by Pure Energy<br />
<a href="http://www.pureenergymultimedia.com/sitewise" title="Content Management System">Content Management System</a> by SiteWise</p>
</div> */

/* #websiteby { width: 236px; height: 80px; background: url(../images/pem_hover.png) no-repeat; margin: 0 auto; display: none; position: relative; bottom: 132px; left: 314px; }
#websiteby p { margin: 0; padding: 12px 0 0 0; font-family: tahoma, sans-serif; font-size: 11px; color: #ffffff; text-align: center; line-height: 18px; }
#websiteby a { text-decoration: none; color: #ffffff; } */

/* onmouseover="javascript: document.getElementById('websiteby').style.display='block';" onmouseout="javascript: document.getElementById('websiteby').style.display='none';" */