/* CSS Document */
/*this is the reset statement to insure cross browser compatability*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
  border: 0;
 	outline: 0;
 	font-size: 100%;
}
.hiddenPic {
	display: none;
}
body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contact p {
	text-align: right;
}
#outerWrapper #contentWrapper #flash_box {
	/*padding-bottom: 25px;*/
}
/*the faux_column image insures that all columns are the saame height, regardless of content*/
#contentWrapper {
	width: 800px;
	background-image:url(images/faux_column.gif);
	background-repeat:repeat-y;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}
/*do not use background images in these containers as the content may change*/
#sidebar {
	float: left;
	color: #ffffff;
	padding: 20px 0 0 35px;
	width: 148px;
	line-height: 1.62em;
}
#contact {
	color: #ffffff;
	float: right;
	width: 163px;
	padding: 35px 35px 0 0;
	text-align: right;
}
#contact img {
	margin: 5px 0 0 0;
}
#content {
	color: #ffffff;
	float: left;
	width: 343px;
	height: 385px;
	padding: 23px 50px 0 20px;
	/*margin: 28px 50px 0 20px;*/
}
/*created a new div for the services and faq pages due to the extensive text requiring the whole content area*/
#faq_content {
	color: #ffffff;
	width: 725px;
	padding: 35px 0 0 72px;
}
/*found that outerWrapper works best when it is the same width as content*/
#outerWrapper {
	width: 800px;
	margin: 25px auto 0 auto;
	background-color: #009fc2;
}
#header {
	width: 100%;
	height: 200px;
	position: relative;
	background-color: #FFFFFF;
}
a {
	text-decoration: none;
	color: #FFFFFF;
}
#footer {
	color: #ffffff;
	width: 800px;
	height: 50px;
	border: none;
}
.phone {
	width: 370px;
	position: relative;
	float: right;
	text-align: right;
	padding: 0 25px 0 0;
	border: none;
}
.testimonials {
	float: left;
	position: relative;
	width: 370px;
	text-align: left;
	padding: 15px 0 0 25px;
	border: none;
}
.logo {
	background-color: #009fc2;
	width: 155px;
	text-align: right;
	position: relative;
	float: left;
	padding-top: 24px;
	padding-right: 0;
	padding-bottom: 22px;
	padding-left: 0px;
	height: 80;
	border: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.navBar {
	background-color: #009fc2;
	width: 445px;
	height: 80px;
	position: relative;
	text-align: center;
	float: left;
	margin: 0px;
	padding-top: 115px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content img {
	margin: 15px 0 0 30px;
}
.about {
	border-top-width: 0.35em;
	border-right-width: 0.6em;
	border-bottom-width: 0.6em;
	border-left-width: 0.35em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #333333;
	border-left-color: #999999; 
}
.tagLine {
	color: #009fc2;
	position: relative;
	width: 200px;
	height: 80px;
	padding: 115px 0 0 0;
	text-align: center;
	float: left;
	word-spacing: .3em;
}
a:hover {
	font-weight: bold;
	text-decoration: none;
}
fieldset {
	width: 280px;
	margin: 10px 0 0 0;
	padding: 10px 35px 25px 35px;
}
#faq_content fieldset {
	width: 500px;
	border: none;
}
legend {
	font-weight: bold;
}
/*increased the height of this div so that all pages would have scroll bars to avoid the scrollbar shift*/	
#copyright {
	color: #009fc2;
	font-size: 9px;
	width: 800px;
	height: 25px;
	margin: 15px auto 0 auto;
	text-align: center;
}
.legalCrap {
	font-size: 9px;
	color: #fff;
	text-align: center;
	padding: 10px 0 20px 0;
}
#siteMap {
	text-align: center;
	font-size: 9px;
}
.siteMap {
	color: #fff;
	width: 500px;
	margin: 25px auto 0 auto;
	padding: 0 25px;
}
.siteMap ol, li {
	list-style: none;
}
#flash_box {
	text-decoration: none;
	margin: 0px;
	width: 100%;
	border: none;
}
.hidden {
	visibility: hidden;
}