/* Global Styles */

body
	{
	background:			#fff	url(../img/bg-grad.jpg) repeat-x	0	bottom	fixed;
	margin:				0;
	padding:			0;
	color:				#000;
	font-family:		"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:			11pt;
	width: 650px;
	margin: 0 auto;
	text-rendering: optimizeLegibility;
	}

a { color: #004b8d }
a:hover { color: #a8996d; }


img{border:0}
a:active{outline: 0 none}
a:focus{-moz-outline-style:none}

p {margin: 0 0 1em 0; }

#hd-logo
	{
	background:			#004b8d url(../img/hd-lcorner.jpg) no-repeat	0	0;
	height: 25px;
	overflow: hidden;
	padding-left: 22px;
	width: 610px;
	}

#hd-logo span
	{
	background:			url(../img/hd-logotxt.gif) no-repeat	0	0;
	height: 25px;
	font-size: 0;
	display: block;
	text-align: -3171983px;
	z-index: 10;
	}

#rcorner
	{
	background: url(../img/hd-rcorner.png) no-repeat	0	0;
	height: 25px;
	width: 22px;
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -307px;
	}

h1
	{
	font-size: 14pt;
	font-style: italic;
	font-weight: normal;
	}


#bod
	{
	width: 619px;
	padding: 0;
	margin-left: 32px;
	z-index: 9;
	line-height: 1.7em;
	}

#nav
	{
	margin: 0;
	padding: 0 0 0 28px;
	list-style-type:	none;
	width: 635px;
	height: 22px;
	}

#nav li
	{
	margin:				0;
	padding:			0;
	display:			inline;
	width: 166px;
	height: 22px;
	float: left;
	margin-left: -8px;
	}

#nav a
	{
	display: block;
	overflow:			hidden;
	text-indent:		-3171983px; /* for IE5/Mac. Don't you just -love- IE? */
	width: 174px;
	height: 22px;
	background:				url(../img/hd-nav.png) no-repeat;
	}

#nv-how {z-index: 6}
#nv-how a { background-position: 0 0 }
#nv-how a:hover, #nv-how a.active { background-position: 0 -22px }
#nv-how a:active { background-position: 0 -44px }

#nv-about {z-index: 7}
#nv-about a { background-position: -197px 0 }
#nv-about a:hover, #nv-about a.active { background-position: -197px -22px }
#nv-about a:active { background-position: -197px -44px }

#nv-serv {z-index: 8}
#nv-serv a { background-position: -394px 0 }
#nv-serv a:hover, #nv-serv a.active { background-position: -394px -22px }
#nv-serv a:active { background-position: -394px -44px }

#nv-cont {z-index: 9}
#nv-cont a { background-position: -590px 0 }
#nv-cont a:hover, #nv-cont a.active { background-position: -590px -22px }
#nv-cont a:active { background-position: -590px -44px }

#bgarrow
	{
	background:				url(../img/bg-arrow.png) no-repeat;
	width: 76px;
	height: 89px;
	position: absolute;
	top: 84px;
	left: 50%;
	margin-left: -354px;
	z-index: -1;
	}

#text
	{
	float: left;
	width: 429px;
	margin: 0;
	}

#sidepic
	{
	width: 166px;
	height: 329px;
	float: right;
	margin-right: 6px;
	}

.sidelogo
	{
	background:				url(../img/sidelogo.png) no-repeat;
	width: 103px;
	height: 87px;
	position: relative;
	left: 26px;
	margin-top: -15px;
	float: left;
	}

#sidelogo
	{
	background:				url(../img/sidelogo.png) no-repeat;
	position: absolute;
	top: 325px;
	right: 50%;
	margin-right: -283px;
	width: 103px;
	height: 87px;
	z-index: 50;
	}

#foot
	{
	clear: both;
	border-top: 2px solid #a8996d;
	text-align: center;
	font-size: 80%;
	line-height: 1.5em;
	padding-top: 3px;
	margin-top: 1.75em;
	}

#pop {margin-bottom: 30px; padding: 20px;}
#pop h2
	{
	margin-top: 0;
	}

.fancy a { font-weight: bold; }
ul.wider li { margin-bottom: 1em; }
dl { margin-top: 1.75em; }
dl dt {margin-top: 1.75em; font-weight: bold; color: #004b8d }

/* tabs */

#tabnav
	{
	margin: 0;
	padding: 0;
	list-style-type:	none;
	width: 429px;
	}

#tabnav a { text-decoration: none; }

#tabnav li
	{
	margin:				0;
	margin-bottom: 10px;
	padding:			0;
	display:			inline;
	float: left;
	width: 107px;
	text-align: center;
	background: rgba(121,165,201,.3);
	border-bottom: 2px solid #004b8e;
	}

.first-tab, .first-tab .selected {
	border-radius-topleft: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
}

.last-tab, .last-tab .selected {
	border-radius-topright: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

#tabnav .selected {
	display: block;
	background: rgba(121,165,201,.8);
	color: #ebdcb0;
	font-weight: bold;
	text-shadow: 1px 1px 3px #355472;
	}