@import url(undohtml.css);


/*** STRUCTURE ***/

html {
	background: white url(../../_templateFiles/images/bg.jpg) repeat-x;
	overflow: -moz-scrollbars-vertical !important;
	text-align: center;
}

body {
	position: relative;
	font: 88%/1.6 Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: black;
}

#wrap {
	width: 854px;
	margin: 0 auto;
}


/*** BASIC TEXT FORMATTING ***/

a {
	color: #0078FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p, li, blockquote {
	font-size: 90%;
	line-height: 155%;
	margin: 12px 0;
}

ul, ol {
	margin-left: 30px;
}

ul li {
	list-style: square;
	margin-left: 12px;
}

ol li {
	margin-left: 12px;
	list-style: decimal;
}

ol li li {
	list-style: lower-alpha;
}

li li {
	font-size: 100%;
}

blockquote {
	font-style: italic;
	margin: 18px 0 18px 40px;
	padding-left: 10px;
	border-left: solid 5px #ddd;
}

blockquote .signature {
	font-size: 90%;
	font-weight: bold;
	font-style: normal;
	display: block;
}


/* main title of the page */



h1 {
	color: #FE0101;
	font: 130%/21px Arial, Helvetica, sans-serif;
	margin: 10px 0 18px 0;
}


h2 {
	background: url(../../_templateFiles/images/heading_bullet.gif) no-repeat;
	padding-left: 27px;
	color: #FE0101;
	font: 130%/21px Arial, Helvetica, sans-serif;
	margin: 10px 0 18px 0;
}

h3 {
	color: #0078FF;
	font: bold 100%/130% Arial, Helvetica, sans-serif;
	margin: 25px 0 10px 0;
}

h4,h5,h6 {
color: #0078FF;
	font: bold 80%/130% Arial, Helvetica, sans-serif;
	margin: 25px 0 10px 0;
}



/*** GENERAL STYLES ***/

.highlight {
	color: #FE0101;
	font-weight: bold;
}

/* floating images for each section */
.img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.back {
	font-size: 80%;
	margin: 50px 0 0 0;
}

.back a {
	color: black;
}



/*** HEADER ***/

#header {
	position: relative;
	height: 170px;
	background: url(../../_templateFiles/images/content_bg_top.jpg) left bottom no-repeat;
}

#header h1 {
	background: url(../../_templateFiles/images/logo.png) no-repeat;
	text-indent: -9000px;
	width: 204px;
	height: 126px;
}

#header h1 a {
	display: block;
	width: 204px;
	height: 126px;
	
}

#header h2 {
	position: absolute;
	background: url(../../_templateFiles/images/header_url.jpg) no-repeat;
	text-indent: -9000px;
	width: 236px;
	height: 27px;
	top: 30px;
	right: 0;
	margin: 0;
	padding: 0;
}

#header h2 a {
	display: block;
	width: 236px;
	height: 27px;
}

/* presentational DIV to hold the rulers in the header */
#header_ruler {
	background: url(../../_templateFiles/images/ruler1.gif) no-repeat;
	width: 666px;
	height: 102px;
	position: absolute;
	top: 17px;
	right: 0;
	z-index: 0;
}


/* This is the little navigation in the header area */

#nav_corp {
	color: #2CA2C6;
	position: absolute;
	right: 0;
	bottom: 60px;
	z-index: 100;
	margin: 0;
}

#nav_corp li {
	list-style: none;
	margin: 0 0 0 20px;
	float: left;
	font-weight: bold;
	font-size: 80%;
	display: inline;
}

#nav_corp li a {
	color: white;
	font-weight: normal;
}

#nav_corp li a:hover {
	color: #FFC001;
	text-decoration: none;
}

#nav_corp li.selected a {
	color: #FFC001;
}

/* This is the main navigation of the site */

#nav_main {
	background: url(../../_templateFiles/images/nav_out.jpg) no-repeat;
	overflow: hidden;
	width: 838px;
	height: 36px;
	margin: 0 0 0 8px;
	position: absolute;
	top: 133px;
}

#nav_main li {
	float: left;
	list-style: none;
	margin: 0;
	text-indent: -9000px;
}

#nav_main li a {
	line-height: 36px;
	height: 36px;
	display: block;
}

#nav_main #nav_main_home a {
	width: 114px;
}

#nav_main #nav_main_about a {
	width: 146px;
}

#nav_main #nav_main_news a {
	width: 126px;
}

#nav_main #nav_main_services a {
	width: 146px;
}

#nav_main #nav_main_tips a {
	width: 159px;
}

#nav_main #nav_main_contact a {
	width: 130px;
}

#nav_main li a:hover {

}

#nav_main li.selected a {

}




/*** CONTENT ***/

#content {
	background: url(../../_templateFiles/images/content_bg_middle.jpg) repeat-y;
	padding-top: 5px;
}



/* Content Top on homepage */

#content_top {
	position: relative;
	height: 250px;
	padding: 0 10px;
}


/* Newsletter box */

#newsletter {
	background: url(../../_templateFiles/images/newsletter_bg.jpg) no-repeat;
	width: 194px;
	height: 215px;
	padding: 10px;
	position: absolute;
	top: 5px;
}

#newsletter h3 {
	color: black;
	font-size: 100%;
	margin: 0 0 20px 0;
}

#newsletter span {
	font-size: 110%;
}

#newsletter p {
	color: #DA6C00;
	font-size: 80%;
	text-align: right;
}

#newsletter .textfield {
	border: solid 1px #E7C34B;
	padding: 2px;
	width: 185px;
	margin-bottom: 1px;
}

#newsletter .button {
	float: left;
}


/* Banner */

#banner {
	position: absolute;
	right: 8px;
	top: 0;
	padding-top: 5px;
}


/* Blue nav */

#nav_sub {
	background: url(../../_templateFiles/images/nav_sub.jpg) no-repeat;
	overflow: hidden;
	width: 617px;
	height: 36px;
	margin: 0 0 0 8px;
	position: absolute;
	top: 204px;
	right: 8px;
}

#nav_sub li {
	float: left;
	list-style: none;
	margin: 0;
	text-indent: -9000px;
}

#nav_sub li a {
	line-height: 36px;
	height: 36px;
	display: block;
}

#nav_sub #nav_sub_about a {
	width: 90px;
}

#nav_sub #nav_sub_services a {
	width: 238px;
}

#nav_sub #nav_sub_testimonials a {
	width: 105px;
}


#nav_sub #nav_sub_tips a {
	width: 175px;
}


/* presentational DIV to hold gradient and border of the main content area */
#content_main_holder {
	background: url(../../_templateFiles/images/content_main_bg_top.jpg) no-repeat;
	width: 838px;
	margin: 0 auto;
}

#content_main {
	background: url(../../_templateFiles/images/content_main_bg_bottom.jpg) left bottom no-repeat;
	padding: 1px 15px 30px 15px;
	position: relative;
	bottom: -10px;
}



#home_sub {
	border-top: solid 1px #C0C0C0;
	padding: 10px 0 0 0;
	position: relative;
	margin-top: 30px;
}

#home_sub #home_sub_img1 {
	margin-top: 15px;
	margin-left: 12px;
}

#home_sub_box {
	background: url(../../_templateFiles/images/home_sub_box_bg.jpg) no-repeat;
	width: 194px;
	height: 160px;
	padding: 10px;
	position: absolute;
	top: 17px;
	left: 592px;
}

#home_sub_box h3 {
	color: #FFF600;
	margin: 0;
}

#home_sub_box p {
	color: white;
	line-height: 130%;
}

#home_sub_box img {
	margin-top: 7px;
}





/*** FOOTER ***/

#footer {
	width: 100%;
	background: url(../../_templateFiles/images/footer_bg.jpg) repeat-x;
	height: 78px;
}

#footer_content {
	background: url(../../_templateFiles/images/content_bg_bottom.jpg) center top no-repeat;
	padding-top: 25px;
}

#footer p {
	color: white;
	text-align: center;
	margin: 3px 0 0 0;
}

#footer p a {
	color: white;
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}

/* This is the same as the main navigation, but located in the footer */
#nav_main_footer {
	text-align: center;
	margin: 0;
}

#nav_main_footer li {
	display: inline;
	list-style: none;
	margin: 0;
	text-align: center;
	color: #FFC001;
	padding: 0 15px;
	border-right: solid 1px #FFC001;
}

#nav_main_footer #nav_main_footer_contact {
	border: none;
}

#nav_main_footer li a {
	color: #FFC001;
}

#nav_main_footer li a:hover {

}

#nav_main_footer li.selected a {

}