@import "reset.css";

body {background: #ffffff url(images/bg_mainfill.gif) top center repeat-x; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 14px; line-height:22px; font-style: normal; font-weight: normal; color: #4d4d4d; min-width: 960px; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 22px; color: #29497b; margin: 0 0 10px 0; font-weight:bold; }
h3 {  background: #ebebeb; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 22px; color: #29497b; margin: 0 0 10px 0; font-weight:600; padding: 9px 7px 9px 9px; border: 1px solid #d0cece; }
h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 18px; color: #29497b; margin: 0 0 10px 0; font-weight:500; }
.wbox ul{ list-style:inside disc; text-indent: 1em; }
h5 {  background: #e0eff4; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 15px; color: #29497b; margin: 0 0 0 0; font-weight:400; padding: 20px 20px 20px 20px; border: 1px solid #97a6be; }
h6 {  background: #fdfcf3; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 14px; color: #6d5a46; margin: 0 0 10px 0; font-weight:400; padding: 6px 6px 6px 6px; border: 1px solid #c4beb7; }
h7 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 24px; color: #29497b; margin: 10px 0 10px 0; font-weight:700; }
.wbox ul{ list-style:inside disc; text-indent: 1em; }
h2fill {  background: #e6e6e6; display: block; float: left; margin: 0 0 0 0; padding: 10px 10px 10px 10px; width: 100%; }
#container {  margin: 0 auto; width: 960px; text-align: left;  } 
#hplm { display: block; float: left; margin: 226px 0 0 30px; width: 118px; height: 29px; position:absolute; z-index:8; }


/*header and navigation items*/
h1 {  background: url(images/hshc_logo.gif) no-repeat; display: block; float: left; margin: 17px 0 0 0; width: 401px; height: 72px; }
h1 a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; }
#alogo {  background: url(images/20thlogo.gif) no-repeat; text-indent: -10000px; display: block; float: right; margin: 17px 0 0 0; width: 206px; height: 72px; }
#nav { float: left; height: 40px; margin: 10px 0 0 0; width: 960px;  }
#subnav {  background: url(images/subnav_fill.gif) repeat-x; float: left; height: 30px; margin: 0 0 0 0; width: 960px;  }

/*main navigation*/
	ul#main-navigation { background: url(images/hshc_nav.gif) 0 0 no-repeat; height: 41.0px; width: 960px; }
	ul#main-navigation li { display: block; float: left; }
	ul#main-navigation li a { background: url(images/hshc_nav.gif) no-repeat; display: block; height: 41.0px; text-indent: -10000px; }

	ul#main-navigation li a#home { background-position: 0px 0px; width: 68px; }
	ul#main-navigation li a#home:hover { background-position: 0px -41.0px; }
	ul#main-navigation li.active a#home { background-position: 0px -82.0px; }

	ul#main-navigation li a#about { background-position: -68px 0px; width: 90px; }
	ul#main-navigation li a#about:hover { background-position: -68px -41.0px; }
	ul#main-navigation li.active a#about { background-position: -68px -82.0px; }

	ul#main-navigation li a#services { background-position: -158px 0px; width: 82px; }
	ul#main-navigation li a#services:hover { background-position: -158px -41.0px; }
	ul#main-navigation li.active a#services { background-position: -158px -82.0px; }

	ul#main-navigation li a#why { background-position: -240px 0px; width: 145px; }
	ul#main-navigation li a#why:hover { background-position: -240px -41.0px; }
	ul#main-navigation li.active a#why { background-position: -240px -82.0px; }

	ul#main-navigation li a#compare { background-position: -385px 0px; width: 113px; }
	ul#main-navigation li a#compare:hover { background-position: -385px -41.0px; }
	ul#main-navigation li.active a#compare { background-position: -385px -82.0px; }

	ul#main-navigation li a#rf { background-position: -498px 0px; width: 146px; }
	ul#main-navigation li a#rf:hover { background-position: -498px -41.0px; }
	ul#main-navigation li.active a#rf { background-position: -498px -82.0px; }

	ul#main-navigation li a#prv { background-position: -644px 0px; width: 155px; }
	ul#main-navigation li a#prv:hover { background-position: -644px -41.0px; }
	ul#main-navigation li.active a#prv { background-position: -644px -82.0px; }

	ul#main-navigation li a#blog { background-position: -799px 0px; width: 56px; }
	ul#main-navigation li a#blog:hover { background-position: -799px -41.0px; }
	ul#main-navigation li.active a#blog { background-position: -799px -82.0px; }

	ul#main-navigation li a#contact { background-position: -855px 0px; width: 105px; }
	ul#main-navigation li a#contact:hover { background-position: -855px -41.0px; }
	ul#main-navigation li.active a#contact { background-position: -855px -82.0px; }

/*sub navigation*/
	/*about navigation*/
	ul#about-navigation { background: url(images/about_nav.gif) 0 0 no-repeat; height: 30px; width: 666px; }
	ul#about-navigation li { display: block; float: left; }
	ul#about-navigation li a { background: url(images/about_nav.gif) no-repeat; display: block; height: 30px; text-indent: -10000px; }

	ul#about-navigation li a#oe { background-position: 0px 0px; width: 117px; }
	ul#about-navigation li a#oe:hover, ul#about-navigation li.active a#oe { background-position: 0px -30px; }

	ul#about-navigation li a#mp { background-position: -117px 0px; width: 166px; }
	ul#about-navigation li a#mp:hover, ul#about-navigation li.active a#mp { background-position: -117px -30px; }

	ul#about-navigation li a#op { background-position: -283px 0px; width: 217px; }
	ul#about-navigation li a#op:hover, ul#about-navigation li.active a#op { background-position: -283px -30px; }

	ul#about-navigation li a#c { background-position: -500px 0px; width: 69px; }
	ul#about-navigation li a#c:hover, ul#about-navigation li.active a#c { background-position: -500px -30px; }

	ul#about-navigation li a#test { background-position: -569px 0px; width: 97px; }
	ul#about-navigation li a#test:hover, ul#about-navigation li.active a#test { background-position: -569px -30px; }
	
	/*services navigation*/
	ul#services-navigation { background: url(images/services_nav.gif) 0 0 no-repeat; height: 30px; width: 328px; }
	ul#services-navigation li { display: block; float: left; }
	ul#services-navigation li a { background: url(images/services_nav.gif) no-repeat; display: block; height: 30px; text-indent: -10000px; }

	ul#services-navigation li a#hc { background-position: 0px 0px; width: 94px; }
	ul#services-navigation li a#hc:hover { background-position: 0px -30px; }
	ul#services-navigation li.active a#hc { background-position: 0px -60px; }

	ul#services-navigation li a#ec { background-position: -94px 0px; width: 80px; }
	ul#services-navigation li a#ec:hover { background-position: -94px -30px; }
	ul#services-navigation li.active a#ec { background-position: -94px -60px; }

	ul#services-navigation li a#sal { background-position: -174px 0px; width: 154px; }
	ul#services-navigation li a#sal:hover { background-position: -174px -30px; }
	ul#services-navigation li.active a#sal { background-position: -174px -60px; }
	
	/*faq navigation*/
	ul#faq-navigation { background: url(images/faq_nav.gif) 0 0 no-repeat; height: 30px; width: 332px; }
	ul#faq-navigation li { display: block; float: left; }
	ul#faq-navigation li a { background: url(images/faq_nav.gif) no-repeat; display: block; height: 30px; text-indent: -10000px; }

	ul#faq-navigation li a#faq { background-position: 0px 0px; width: 198px; }
	ul#faq-navigation li a#faq:hover, ul#faq-navigation li.active a#faq { background-position: 0px -30px; }

	ul#faq-navigation li a#rd { background-position: -198px 0px; width: 134px; }
	ul#faq-navigation li a#rd:hover, ul#faq-navigation li.active a#rd { background-position: -198px -30px; }
	
	ul#lmnav { background: url(images/lm_roll.gif) 0 0 no-repeat; height: 28px; width: 127px; }
	ul#lmnav li { display: block; float: left; }
	ul#lmnav li a { background: url(images/lm_roll.gif) no-repeat; display: block; height: 28px; text-indent: -10000px; }

	ul#lmnav li a#lm { background-position: -0px 0px; width: 127px; }
	ul#lmnav li a#lm:hover, ul#lmnav li.active a#lm { background-position: -0px -28px; }
	
	
/*homepage items*/
#testcallout {  background: url(images/test_callout.gif) no-repeat; display: block; float: left; margin: 15px 0 5px 0; width: 960px; height: 47px; }
#testcallout a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; float: left; }
#hpflash { display: block; float: left; height: 350px; margin: 15px 0 0 0; width: 960px;  }
#nonflash {  background: url(images/homeimage.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 0 0; width: 960px; height: 350px;}
#mg {  background: url(images/main_graphic.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 0 0; width: 960px; height: 350px;}
.divline {  background: url(images/div_line.gif) no-repeat; display: block; float: left; margin: 15px 0 15px 0; width: 960px; height: 1px; }
#spacemaker { float: left; height: 22px; margin: 0 0 0 0; width: 960px;  }
#whycallout {  background: url(images/hp_whychoose.jpg) no-repeat; display: block; float: left; margin: 15px 15px 0 0; width: 310px; height: 164px; }
#whycallout a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; float: left; }
#compcallout {  background: url(images/hp_compare.jpg) no-repeat; display: block; float: left; margin: 15px 15px 0 0; width: 310px; height: 164px; }
#compcallout a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; float: left; }
#servcallout {  background: url(images/hp_ourservices.jpg) no-repeat; display: block; float: left; margin: 15px 0 0 0; width: 310px; height: 164px; }
#servcallout a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; float: left; }
#home_head1 {  background: url(images/home_head01.gif) no-repeat; text-indent: -10000px; display: block;  margin: 0 0 10px 0; width: 505px ; height: 24px; }

/*subpage items*/
#header_why {  background: url(images/header_whychooseus.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 0 0; width: 960px; height: 162px; }
#header_about {  background: url(images/header_aboutus.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 15px 0; width: 960px; height: 161px; }
#header_services {  background: url(images/header_services.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 15px 0; width: 960px; height: 161px; }
#header_contact {  background: url(images/header_contactus.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 15px 0; width: 960px; height: 161px; }
#header_compare {  background: url(images/header_compare.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 0 0; width: 960px; height: 161px; }
#header_faq {  background: url(images/header_faq.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 10px 0; width: 960px; height: 161px; }
#header_resources {  background: url(images/header_resources.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 10px 0; width: 960px; height: 161px; }
#header_news {  background: url(images/header_newsroom.jpg) no-repeat; text-indent: -10000px; display: block; float: left; margin: 15px 0 10px 0; width: 960px; height: 161px; }
#hmarker {  background: #e6e6e6; display: block; float: left; margin: 0 0 0 0; width: 960px; }
.ccbox {  background: #e6e6e6; display: block; float: left; margin: 0 0 0 0; padding: 7px 10px 10px 10px; width: 940px; }
#wbox {  display: block; float: left; margin: 0 0 0 0; padding: 7px 10px 10px 10px; width: 940px; }
#vbox {  background: #f1f1f1; margin: 15px 0 10px 0; border: 1px solid #d0cece; }
#leftnav {  display: block; float: left; margin: 0 0 0 0; width: 200px; }
#rbox {  display: block; float: right; margin: 0 0 0 0; padding: 0px 10px 10px 10px; width: 735px; }
.numbar {  background: #e6e6e6; display: block; float: left; margin: 15px 0 0 0; padding: 7px 10px 0 10px; width: 940px; }
#singleline {  background: #e6e6e6; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 22px; color: #3b3d6b; padding: 15px 0 0 0;  font-weight:400; }
#doubleline {  background: #e6e6e6; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 22px; color: #3b3d6b; padding: 5px 0 0 0;  font-weight:400; }
#num1 {  background: url(images/num01.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#num2 {  background: url(images/num02.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#num3 {  background: url(images/num03.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#num4 {  background: url(images/num04.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#num5 {  background: url(images/num05.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#num6 {  background: url(images/num06.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#num7 {  background: url(images/num07.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#num8 {  background: url(images/num08.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#num9 {  background: url(images/num09.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#num10 {  background: url(images/num10.gif) no-repeat left center; display: block; float: left; margin: 0 10px 0 0; width: 51px; height: 51px; }
#contact1 {  display: block; float: left; margin: 0 14px 0 0; width: 472px; }
#contact2 {  display: block; float: right; margin: 0 0 0 0; width: 472px; }
#map1 {  background: url(images/map_sanfran.gif) no-repeat; display: block; float: left; margin: 0 0 0 0; width: 472px; height: 244px; }
#map1 a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; }
#dir1 { float: left; margin: 10px 0 0 0; width: 472px; line-height:16px; }
#map2 {  background: url(images/map_redwood.gif) no-repeat; display: block; float: left; margin: 15px 0 0 0; width: 472px; height: 244px; }
#map2 a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; }
#dir2 { float: left; margin: 10px 0 0 0; width: 472px; line-height:16px; }
p.faq { color: #29497b; font-size: 16px; }
img.floatLeft { float: left; margin: 0 10px 5px 0 }



/* Left Hand Sub Menu */
	
#menu4 { width: 200px; 	margin: 0px; }
#menu4 li a { height: 32px; /*voice-family: "\"}\"";*/  /*voice-family: inherit;*/ height: 24px; text-decoration: none; }
#menu4 li a:link, #menu4 li a:visited { color: #ffffff; display: block; background: url(images/menu4.gif); padding: 6px 0 0 30px; }
#menu4 li a:hover { color: #fff; background: url(images/menu4.gif) 0 -32px; padding: 6px 0 0 30px; }
#menu4 li a:active { color: #fff; background: url(images/menu4.gif) 0 -64px; padding: 6px 0 0 30px; }

/*footer items*/
#af {  display: block; float: left; margin: 0 0 0 0; width: 300px; height: 109px;}
#l1 { float: left; margin: 0 0 0 15px; width: 156px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; line-height:19px; color: #4d4d4d; }
#l2 { float: left; margin: 0 0 0 15px; width: 177px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; line-height:19px; color: #4d4d4d; }
#sitelinks { float: left; height: 90px; margin: 0 0 0 13px; width: 280px;  }
#fbline { float: left; height: 35px; margin: 22px 0 0 0; width: 280px; }
#ftxt { float: left; height: 15px; margin: 0 0 0 5px; width: 75px; font-family: Verdana, Tahoma, Geneva, sans-serif ; font-size: 11px; color: #4d4d4d; }
#bbb {  background: url(images/bbb_logo.gif) no-repeat; display: block; float: right; margin: 4px 0 0 0; width: 92px; height: 35px; }
#bbb a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; }
#gg {  background: url(images/gg_logo.gif) no-repeat; display: block; float: right; margin: 0 0 0 17px; width: 120px; height: 43px; }
#gg a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; }
#twitter {  background: url(images/twitter_logo.gif) no-repeat; display: block; float: left; margin: 0 0 0 3px; width: 87px; height: 21px; }
#twitter a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; }
#facebook {  background: url(images/facebook_logo.gif) no-repeat; display: block; float: left; margin: 0 0 0 7px; width: 91px; height: 19px; }
#facebook a {  display: block; height: 100%; overflow: hidden; text-indent: -10000px; width: 100%; }
#copyr { float: right; margin: -30px 0 0 0; width: 960px; height: 44px; font-family: Verdana, Tahoma, Geneva, sans-serif ; font-size: 12px; color: #4d4d4d; }
#slock { float: left; margin: 0 0 5px 0; }


/*link treatments*/
a:link
      {
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 14px; line-height:22px;
      color: #1c61a6;
      text-decoration:none
      }

a:visited
      {
	  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 14px; line-height:22px;
      color: #1c61a6;
	  text-decoration:none
      }

a:hover
     {
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 14px; line-height:22px;
      color: #1c61a6;
      text-decoration:underline
      }


#l2 a:link
      {
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; line-height:19px;
      color: #2c6bb6;
      text-decoration:none
      }

#l2 a:visited
      {
	  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; line-height:19px;
      color: #3399FF;
	  text-decoration:none
      }

#l2 a:hover
     {
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; line-height:19px;
      color: #1c61a6;
      border-bottom: 1px solid #fe4902;
      }
	  
#l1 a:link
      {
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; line-height:19px;
      color: #2c6bb6;
      text-decoration:none
      }

#l1 a:visited
      {
	  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; line-height:19px;
      color: #3399FF;
      text-decoration:none
      }

#l1 a:hover
     {
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; line-height:19px;
      color: #1c61a6;
      border-bottom: 1px solid #fe4902;
      }	
    
	  
/*contact form*/
#contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#e6e6e6;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

/*pagination navigation*/
.navigation{

	float: left;

	width: 610px;

	margin: 0 0 0 0;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	display: inline;

}



.navigation a, .wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend{

	float: left;

	margin: 0 5px 0 0;

	padding: 10px;

	border: 1px solid #1c61a6;

	text-decoration: none;

	background: #e0f2ff;

	display: inline;

}



.navigation a:hover{

	text-decoration: underline;

}