html {
	margin: 0em;
	padding: 0em;
	}
	
body {
	margin: 0em;
	padding: 0em;
	font-size: 16px;
	text-align:center;
	background: rgb(0,54,95) url(../images/bg.jpg) repeat-x; /* blue */
	color: rgb(36,35,35) /* dark grey */
	}
	
/* This sets the font-types */
body, h1, h2, h3, h4, h5, h6, td, p, li, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	}

img { /* This turns off borders around images */
	border: 0;
	}

/* Ordinary paragraphs and list-items */
p, ul, ol, dl {
	margin: 0em;
	padding: 0em;
	margin-bottom: 1.2em;
	font-size: 1.0em;
	}

ul li, ol li {
	font-size: 1.0em;
	margin-bottom:0.4em;
	}
	
dl dt {
	font-weight:bold;
	}
	
dl dd {
	margin:0 0 0.5em 0;
	}	

/* General font sizing -- for IE */
input, textarea, select, td, th {
	font-size: 1.0em;
	}

/* General link colors */
a, a:visited, a:active {
	color: rgb(8,57,102); /* navy blue */
	}

acronym, abbr {
	border-bottom: 1px dotted black;
	cursor: help;
	}

sup {
	font-size: 0.9em;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}	
	
hr { /* For Internet Explorer */
	clear:both;
	height: 1px;
	color: rgb(213,213,213); /* light grey */
	border: none;
	margin-bottom:1.0em;
	}

html>body hr { /* For Gecko-based browsers */
	clear:both;
	height: 1px;
	background-color: rgb(213,213,213); /* light grey */
	border: none;
	margin-bottom:1.0em;
	}

html>body hr { /* For Opera and Gecko-based browsers */
	clear:both;
	height: 1px;
	background-color: rgb(213,213,213); /* light grey */
	border: 0px solid rgb(213,213,213); /* light grey */
	margin-bottom:1.0em;
	}

/* ================================ Headers ================================ */

h1 {
	margin:0 0 0 0; padding:0;
	position:relative;
	width:840px; height:80px;
	overflow:hidden;
	}
	  
h1 span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:840px; height:80px;
	margin:0; padding:0;
	background:url(../images/us-hometeam.png) top left no-repeat;
	}
	
h2 {
	margin:0 0 1.0em 0; padding:0;
	position:relative;
	width:309px; height:18px;
	overflow:hidden;
	}
	  
h2 span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:309px; height:18px;
	margin:0; padding:0;
	background:url(../images/welcome-to-us-hometeam.gif) top left no-repeat;
	}
	
h3 {
	margin:0 0 10px 0; padding:0;
	position:relative;
	width:373px; height:93px;
	overflow:hidden;
	}
	
div#info1 h3 { margin-bottom:15px; }	
	  
h3 span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:373px; height:93px;
	margin:0; padding:0;
	}	
	
div#info1 h3 span { background:url(../images/providing-coverage.gif) top left no-repeat; }
div#info2 h3 span { background:url(../images/beyond-promise.gif) top left no-repeat; }

h4 {
	margin:0 0 1.0em 0; padding:0;
	position:relative;
	width:126px; height:18px;
	overflow:hidden;
	}
	  
h4 span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:126px; height:18px;
	margin:0; padding:0;
	background:url(../images/contact-us.gif) top left no-repeat;
	}
	
h5 {
	color: rgb(252,253,254); /* very light blue */
	font-size:0.8em;
	font-weight:normal;
	margin:0 0 3px 0;
}

h6 {
	font-size:1.0em;
	cursor:pointer;
	width:125px;
	height:20px;
	position:absolute;
	margin:0;
	padding:0;
	top:51px;
	right:30px;
	z-index:10;
	background: url(../images/contact-off.png) no-repeat;
	text-indent: -10000px;
	}
	
h6.opened { }	

/* ================================ Layout Containers ================================ */	

div#page {
	width:840px;
	margin: 0 auto 0 auto;
	padding:0;
	text-align:left;
	position:relative;
	}

div#contact {
	background: rgb(64,122,161) url(../images/bg-contact.jpg) repeat-x; /* cornflower blue */
	margin:-20px 0 0 0;
	padding: 50px 390px 15px 25px;
	color: rgb(198,222,229); /* light blue */
	position:relative;
	border-left:2px solid rgb(0,54,95); /* blue */
	border-right:2px solid rgb(0,54,95); /* blue */
	font-size:0.9em;
}

div#contact:after { /* http://www.positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

div#contact {display: inline-block;}  /* for IE/Mac */

div#container {
	width:840px;
	margin: 0;
	padding:0;
	position:relative;
	}
	
div#container div#content {
	border:2px solid rgb(0,54,95); /* blue */
	background: rgb(255,255,255); /* white */
	width:836px;
	margin: 0;
	padding:0;
}

div#container div#content:after { /* http://www.positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

div#container div#content {display: inline-block;}  /* for IE/Mac */

div#container div#banner {
	padding:35px 470px 50px 30px;
	background: url(../images/now-service-247.png) no-repeat 410px 25px;
	display:block;
	position:relative;	
}

div#container div#info1 {
	width:377px;
	height:320px;
	margin: 0;
	padding: 0 20px 20px 20px;
	position:relative;
	border-top:2px solid rgb(0,54,95); /* blue */
	border-right:2px solid rgb(0,54,95); /* blue */	
	float:left;
}

div#container div#info2 {
	width:377px;
	height:295px;
	margin: 0;
	padding: 5px 20px 20px 20px;
	position:relative;
	border-top:2px solid rgb(0,54,95); /* blue */
	float:left;
}

div#footer {
	clear:both;
	margin-top:1.0em;
	margin-bottom:0;
	padding: 1.5em 0 1.5em 20px;
	font-size:10px;
	background-color: rgb(0,54,95); /* blue */
	color: rgb(155,174,192); /* light blue */
	position: relative;
	}
div#footer div.bbbFooter{
    position: absolute;
    top: 0;
    right: 0;
}
div#footer div.bbbFooter a{
    padding: 0;
    margin: 0;
}
/* ================================ Header ================================ */

div#header {
	position:relative;
	width: 840px;
	height:72px;
	}
	
div#header strong {
	position:absolute;
	top:6px;
	right: 40px;
	color: rgb(205,222,236); /* light blue */
	font-size:0.9em;
	z-index:10;
}
	
/* ================================ Container ================================ */	

div#page p {
	line-height: 1.6em;
	text-align:justify;
}

div#container p.more { 
	font-size:13px; 
	line-height:1.8em;	
}

div#blog { position:absolute; top:380px; right:80px; }

div#blog a {
	margin:0 0 0 0;padding:0;
	position:relative;
	width:287px; height:70px;
	overflow:hidden;
	text-indent:-10000px;
	display:block;
	cursor:pointer;
	}
	
div#blog a span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:287px; height:70px;
	margin:0; padding:0;
	background:url(../images/blog.gif) top left no-repeat;
	}		

/* ================================ Contact ================================ */

div#contact a { color: rgb(198,222,229); /* light blue */ }

div#contact div.col {
	width:130px;
	float:left;
}

div#contact div.wide {
	width:250px;
	margin-right:30px;
}

div#contact div.col p {
	font-size:11px;
	text-align:left;
}

div#contact div#error {
	background: rgb(133,12,4); /* deep red */
	color: rgb(255,255,255); /* white */
	position:absolute;
	top:27px;
	right:10px;
	width:340px;
	font-size:0.8em;
	text-align:center; 
	padding:4px 0 4px 0;
}

div#contact div#success {
	background: rgb(91,139,172); /* light cornflower */
	color: rgb(255,255,255); /* white */
	position:absolute;
	top:27px;
	right:10px;
	width:340px;
	height:175px;
	font-size:1.0em;
	text-align:center;
	padding:100px 0 15px 0;
	z-index:10;
}

form {
	width:320px;
	padding: 0 10px 10px 10px;
	background: blue;
	position:absolute;
	top:50px;
	right:10px;
	background: rgb(91,139,172); /* light cornflower */
}

form div {
	display:block;
	padding-top:5px;
	clear:both;
}

form label {
	display:block;
	font-size:0.9em;
	width:80px;
	float:left;
	margin-right:10px;
	text-align:right;
	}

form input.text {
	background: rgb(218,228,235); /* light blue */
	border:1px solid rgb(0,86,137); /* blue */
	width:222px;
	float:left;
	padding:3px;
	margin:0;
	}

form textarea.textarea {
	background: rgb(218,228,235); /* light blue */
	border:1px solid rgb(0,86,137); /* blue */
	padding:0;
	width:228px;
	height:120px;
	float:left;
	}

form div.submit { 
	width: 80px;
	position:absolute;
	bottom:10px;
	left:19px;
}

form input.submit {	
	display:block;
	background: url(../images/bg-submit.gif) no-repeat;
	border:0;
	height:26px;
	line-height:24px;
	width:71px;
	color: rgb(255,255,255); /* white */
	font-size:0.9em;
	padding:0;
	margin:0;
	}	
	
/* ================================ Footer ================================ */		
	
div#footer a {
	color: rgb(226,233,240); /* light blue */
	font-size:11px;
	text-decoration:none;
	padding: 0 10px 0 10px;
}

div#footer a.first-a { margin-left:60px; }

