@charset "utf-8";
/* CSS Document */

*								{ margin: 0px; }
.clear							{clear: both; }
p								{ padding: 20px 0px 3px 0px; line-height: 19px; color: #666666;}

body							{ background-image: url(../images/header-bg.png); background-position: top; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}

#maincontainer					{ width: 750px; margin: auto; }

#header							{ width: 750px; height: 147px; background-image: url(../images/HIlogo.png); background-position: 0px 20px; background-repeat: no-repeat;}

#subnavcontainer				{ width: 200px; height: 23px; background-image: url(../images/subnav-bg.png); background-repeat: no-repeat; float: right;}
#subnavcontainer ul				{list-style-type: none; padding: 2px 0px 0px 48px; color: #fff; }
#subnavcontainer li				{ display: inline; }
#subnavcontainer a				{ font-size: 12px; color: #FFFFFF; text-decoration: none; }
#subnavcontainer a:hover		{ text-decoration: none; color: #e5e5e5; }

#subnavcontainer	.phone		{ list-style-type: none; font-size: 16px; font-weight: bold; color: #333; padding-top: 20px;}

#home #signin					{ color: #FFFF00; }
#home #signin:hover				{ color: #FFF; }

/*//////////////////// - Navigation - //////////////////////////*/

#navcontainer				{ width: 590px; clear: both; float: right; margin-top: 58px; }

#navcontainer a				{ font-size: 14px; color: #fff; text-align: center; text-decoration: none; padding: 4px 10px 4px 10px; display: block;   }		
	
#company					{ float: left; padding-right: 16px; margin-top: 11px;}
#company a:hover			{ background-color: #515050; }
#services					{ float: left; padding-right: 16px; margin-top: 11px;} 
#services a:hover			{ background-color: #515050; }
#radon						{ float: left; padding-right: 16px; margin-top: 11px;} 
#radon a:hover				{ background-color: #515050; }
#testimonials 				{ float: left; padding-right: 16px; margin-top: 11px;} 
#testimonials a:hover		{ background-color: #515050; }
#appointment 				{ width: 186px; height: 31px; float: left; background-image:url(../images/appointment-btn.png); background-repeat: no-repeat; margin-top: 7px;} 
#appointment a				{ color: #333; padding-left: 30px; padding-top: 8px; font-size: 11px;}
#appointment a:hover		{ background-image:url(../images/appointment-btn.png); background-repeat: no-repeat; color: #00a550; }
 
.testimonial				{ font-style: italic; color: #666; font-weight: bold;}

.bio						{ width: 400px; float: left; padding-top: 20px; }
.photo						{ float: left; padding-right: 20px; }
/*////////////////////////////////////////////////////////////////////////*/

#greenbar						{ margin: auto; width: 729px; height: 11px; background-image: url(../images/topgreenbar.png); background-repeat: no-repeat; margin-top: 10px;}

#maingraphic					{ width: 729px; height: 212px; margin: auto; background-image: url(../images/maingraphic.png); background-repeat: no-repeat; background-position: top; margin-top: 5px; border-bottom: 1px dashed #999;}

#contentareacontainer			{ width: 729px; margin: auto; padding-top: 10px;}

#content						{ width: 497px; float: left; padding: 15px 20px 20px 0px; border-right: #999 dashed 1px; }
#content a						{ color: #00a550; text-decoration: underline; }
#content a:hover				{ text-decoration: none; }

#content ul						{ padding: 15px; margin-left: 50px;}
#content li						{ padding: 5px; }
#content li.sub					{ padding-left: 10px; margin-left: 20px; list-style-type: circle; }

#rightcol						{ width: 201px; float: left; padding: 10px 0px 20px 10px; background-image: url(../images/rightcol-bg.png); background-position: right -10px; background-repeat: no-repeat;  }

#rightcol ul					{ list-style-type: none; padding:0px 0px 10px 15px; font-weight: bold; font-size: 16px; color: #00a550;}
h4								{padding-bottom: 10px; }
#rightcol li					{ background-image: url(../images/checkmark.png); background-repeat: no-repeat; background-position: 20px 3px; padding: 5px 0px 5px 45px; font-style: italic; font-size: 14px; color: #333333;}

h1								{ font-size: 22px; color: #00a550; font-weight: normal; } 
#rightcol h4					{ padding-left: 10px; }
h5								{ font-size: 14px; color: #666; font-weight: bold; padding: 20px 0px 5px 0px; } 

#footer							{ height: 80px; width: 730px; margin: auto; border-top: 1px dashed #999; padding: 0px 0px 20px 0px; margin-top: 10px;}
#footer a						{ color: #666; text-decoration: none; }
#footer a:hover					{ text-decoration: none; color: #00a550; }

#footer ul						{ list-style-type: none; padding: 15px 0px 0px 0px; }
#footer li						{ display: inline; padding: 0px 0px 0px 24px; color: #999; }

#footergraybar					{ height: 20px; width: 730px; background-color: #ccc; margin-top: 10px; }

#copyright						{ height: 50px; padding-top: 15px; text-align: center; font-size: 10px; color: #666;}
#copyright a					{ color: #00a550; text-decoration: underline; }
#copyright a:hover				{ text-decoration: none; }