@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:100;
}

body {
	background:#336699;
	background-image:url(images/header_bg-full.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	
	}

/* 
html {
	background:url(images/footer-bg.jpg);
	background-repeat:repeat-x;
	background-position:center top;
}
*/
h1
{
	font-size:23px;
	color:#b7b7b7;
	font-weight:100;
	line-height:23px;
	margin-top:2px;	
	margin-bottom:5px;
}

h2
{
	font-size:15px;
	color:#73b8fe;
	font-weight:bold;
	line-height:23px;
	margin-top:12px;	
	margin-bottom:2px;
	border-bottom:#4876a3 solid 1px;
	clear:both;
}

h3
{
	font-size:12px;
	color:#abb4be;
	font-weight:100;
	line-height:17px;
	margin-top:12px;	
	margin-bottom:2px;
	text-transform:uppercase;
}

.nice {
	list-style-position: inside;
	list-style-image: url(images/nice-dot.gif);
	list-style-type: none;
	padding-left:10px;
	height:22px
}

.nice2 {
	list-style-position:outside;
	list-style-image: url(images/nice-dot.gif);
	list-style-type: none;
}
	
	
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* MY STUFF */

#maincontainer {
	width: 820px;
	margin: 0 auto;
	padding:0px;
	background-image: none;
}
#navcontainer { }
#leftcontainer { float:left; width:256px; text-align:center; padding:10px 0px }
#maincontent { float:right; width:558px; text-align:left; padding:10px 0px; color:#FFF; font-size:13px; line-height:18px }



#footercontainer { 
	background-image:url(images/footer-bg.gif); 
	background-repeat:repeat-x; 
	background-position:top center; 
	margin-top:10px; 
	padding-top:5px;
	padding-bottom:40px;
	color:#fff; 
	font-size:11px; 
	font-family:Verdana, Geneva, sans-serif;
	}


.footerleft
{
	width:68%;
	float:left;
}
.footerright
{
	width:30%;
	float:right;
}

#callnowcontainer
{
	float:right;
	width:400px;
	height: 90px;
	padding-top: 50px;
	text-align:right;

}






#logo {
	color: #000;
	font: 100%/1 Arial, Helvetica, sans-serif;
}


/* Positioning and dimensions */

#logo {
	padding: 1em;
}

#logo h1, #logo h2 {
	margin: 0;
}

#logo h1 {
	height: 150px;
}

#logo h1 span {
	float: left;
	height: 100%;
}

/* Inserting the background image */

#logoimg {
	width: 300px;
	height: 150px;
	background:url(images/hsd-services-logo.png) no-repeat bottom left; 
	text-indent: -1000em;
	display:block;
	cursor:pointer;
	
}


/* Setting the links size, colors */


A:link
{
    COLOR: #fff;
    TEXT-DECORATION: none;	
}
A:hover
{
    COLOR: #99ccff;
    TEXT-DECORATION: underline;
}
A:active
{
    COLOR: #99ccff;
    TEXT-DECORATION: underline;
}
A:visited
{
    COLOR: #fff;
    TEXT-DECORATION: none
}
A:visited:hover
{
    COLOR: #99ccff;
    TEXT-DECORATION: underline;
}
A:active:hover
{
    COLOR: #99ccff;
    TEXT-DECORATION: underline;
}

A.black:link
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.black:hover
{
    COLOR: #a52a2a;
    TEXT-DECORATION: underline;
}
A.black:active
{
    COLOR: #a52a2a;
    TEXT-DECORATION: underline;
}
A.black:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.black:visited:hover
{
    COLOR: #a52a2a;
    TEXT-DECORATION: underline;
}




A.white:link
{
    COLOR: #fff;
    TEXT-DECORATION: none;	
}
A.white:hover
{
    COLOR: #99ccff;
    TEXT-DECORATION: underline;
}
A.white:active
{
    COLOR: #99ccff;
    TEXT-DECORATION: underline;
}
A.white:visited
{
    COLOR: #fff;
    TEXT-DECORATION: none;
}
A.white:visited:hover
{
    COLOR: #99ccff;
    TEXT-DECORATION: underline;
}


A.red:link
{
    COLOR: #C61515;
    TEXT-DECORATION: none
}
A.red:hover
{
    COLOR: #6C0B0F;
    TEXT-DECORATION: underline
}
A.red:active
{
    COLOR: #6C0B0F;
    TEXT-DECORATION: underline
}
A.red:visited
{
    COLOR: #C61515;
    TEXT-DECORATION: none
}
A.red:visited:hover
{
    COLOR: #6C0B0F;
    TEXT-DECORATION: underline
}



/* Final settings */

#logo h1 #css, #logo {
	position: relative;
	top: 15px;
}

.callusnowon
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#c0d2fe;
	font-size:25px;
	line-height:28px;
	margin:0px;
	padding:0px;
}
.telnumber
{
	color:#FFF;
	font-size:38px;
	line-height:40px;
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#navigation
{ width:256px; }

#navigation li {
	
	
	
	margin: 0 0 2px 0;
	padding:0px;
		
}

#navigation ul li a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:26px;
	color: #336699;
	text-decoration: none;
	display:block;
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	margin:0px;
}

#navigation ul li a.navigationon {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:26px;
	color: #0099ff;
	text-decoration: none;
	display:block;
	background-image: url(images/nav_bg_on.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	margin:0px;
}



#navigation ul li a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:26px;
	color: #336699;
	text-decoration: none;
	display:block;
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	margin:0px;
}


#navigation ul li a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:26px;
	color: #0099ff;
	text-decoration: none;
	display:block;
	background-image: url(images/nav_bg_on.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
}



#hsdflash
{
	float:right;
}

#test{
float:left;
}

#test h2 {
	font-size:14px;
	color:#ffffff;	
	border-bottom:none;
	display:inline;
	font-weight:normal;
	line-height:12px;
}	

#third{
float:left
}

#third h3 {
	font-size:14px;
	color:#ffffff;	
	border-bottom:none;
	display:inline;
	font-weight:normal;
	line-height:12px;
	text-transform: none;
	font-weight:100;
	margin-top:0px;	
	margin-bottom:0px;
	}	
