body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(images/b_back.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}
#wrapper {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
}
#branding {
	height: 106px;
	background-image: url(images/branding.gif);
}
.logo {
	float: right;
}

#branding p {
	clear: both;
	float: left;
	color: #5e6a72;
	font-size: 14px;
	font-weight: normal;
	margin-top: 74px;
}
#branding a {
	color: #5E6A72;
	text-decoration: none;
}
#branding a:hover {
	color: #719500;
	text-decoration: none;
}

.green {
	color: #719500;
	font-size: 14px;
	font-weight: bold;
}

/* ------------------------------------ Top nav ---------------------------------------------- */
#top_nav {
	clear: both;
	height: 30px;
}
#top_nav ul {
	
}
#top_nav ul li{
	list-style: none;
	float:left;
}
#top_nav ul li a{
	display: block;
	text-indent: -5000px;
	height: 30px;
}
/* ---------------- Home Butt ----------------------- */
.nav_home a{
	width: 66px;
	background-image: url(images/home_butt.jpg);
	height: 30px;
	display: block;
}

.nav_home a:hover, body#home .nav_home a {
	background-image: url(images/home_butt.jpg);
	background-position: left -30px;
}
/* ---------------- about Butt ----------------------- */
.nav_about a {
	width: 75px;
	background-image: url(images/about_butt.jpg);
	height: 30px;
	display: block;
}

.nav_about a:hover, body#about .nav_about a {
	background-image: url(images/about_butt.jpg);
	background-position: left -30px;
}
/* ---------------- services Butt ----------------------- */
.nav_services a {
	width: 134px;
	background-image: url(images/services_butt.jpg);
	height: 30px;
	display: block;
}

.nav_services a:hover, body#services .nav_services a{
	background-image: url(images/services_butt.jpg);
	background-position: left -30px;
}
/* ---------------- news Butt ----------------------- */
.nav_news a{
	width: 52px;
	background-image: url(images/news_butt.jpg);
	height: 30px;
	display: block;
}

.nav_news a:hover, body#news .nav_news a{
	background-image: url(images/news_butt.jpg);
	background-position: left -30px;
}
/* ---------------- resources Butt ----------------------- */
.nav_resources a{
	width: 166px;
	background-image: url(images/resources_butt.jpg);
	height: 30px;
	display: block;
}

.nav_resources a:hover, body#resources .nav_resources a{
	background-image: url(images/resources_butt.jpg);
	background-position: left -30px;
}
/* ---------------- testimonials Butt ----------------------- */
.nav_testimonials a{
	width: 95px;
	background-image: url(images/testimonials_butt.jpg);
	height: 30px;
	display: block;
}

.nav_testimonials a:hover, body#testimonials .nav_testimonials a{
	background-image: url(images/testimonials_butt.jpg);
	background-position: left -30px;
}
/* ---------------- contact Butt ----------------------- */
.nav_contact a{
	width: 85px;
	background-image: url(images/contact_butt.jpg);
	height: 30px;
	display: block;
}

.nav_contact a:hover, body#contact .nav_contact a{
	background-image: url(images/contact_butt.jpg);
	background-position: left -30px;
}
/* ---------------- useful Butt ----------------------- */
.nav_useful a{
	width: 116px;
	background-image: url(images/useful_butt.jpg);
	height: 30px;
	display: block;
}

.nav_useful a:hover, body#useful .nav_useful a{
	background-image: url(images/useful_butt.jpg);
	background-position: left -30px;
}
/* ---------------- client Butt ----------------------- */
.nav_client a{
	width: 111px;
	background-image: url(images/client_butt.jpg);
	height: 30px;
	display: block;
}

.nav_client a:hover, body#client .nav_client a{
	background-image: url(images/client_butt.jpg);
	background-position: left -30px;
}
/* ------------------------------------------------------ Hero Box ---------------------------------------- */
#hero {
	height: 157px;
	width: 900px;
	margin-top: 10px;
}
#hero_left {
	height: 157px;
	width: 445px;
	margin-right: 10px;
	float: left;
}
#hero_right {
	height: 157px;
	width: 445px;
	float: left;
}
/* ------------------------------------ Content ---------------------------------------------- */
#content {
	clear: both;
	margin-top: 10px;
}
/* ----------------------- Left Column ------------------- */
#col_left {
	float: left;
	width: 240px;
	margin-right: 21px;
}
#news_box {
	width: 240px;
	background-image: url(images/news_bottom.gif);
	background-position: left bottom;
	padding-bottom: 12px;
}
#news_box h6 {
	background-image: url(images/news_header.gif);
	text-indent: -3000px;
	height: 41px;
	width: 240px;
	margin-bottom: 5px;
}
.news_item {
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.news_item p {
	font-size: 10px;
	color: #5e6a72;
	padding-top: 10px;
	padding-bottom: 1px;
	line-height: 12px;
}
.added {
	font-size: 10px;
	color: #0081ab;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #70d2f7;
	padding-bottom: 10px;
}
.add_green {
	color: #719500;
}
.added a {
	text-decoration: none;
	color: #0081AB;
}
.added a:hover {
	text-decoration: none;
	color: #719500;
}
a.view {
	font-size: 11px;
	color: #0081ab;
	text-decoration: none;
	margin-left: 15px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #70d2f7;
	display: block;
	margin-right: 15px;
	line-height: 13px;
}
a.view:hover {
	font-size: 11px;
	color: #719500;
	text-decoration: none;
	margin-left: 15px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #70d2f7;
	display: block;
	margin-right: 15px;
	line-height: 13px;
}
#blue_box {
	background-image: url(images/blue_bottom.gif);
	background-position: left bottom;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#blue_box_inner {
	background-image: url(images/blue_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#blue_box_inner p {
	font-size: 11px;
	color: #ffffff;
	padding-bottom: 9px;
}
.quote_green {
	color: #8fd400;
}
#partner_box {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 240px;
	text-align: center;
}





/*------------------------------------ Column Right --------------------------------------- */

#col_right {
	float: left;
	width: 638px;
	padding-bottom: 20px;
	padding-top: 10px;
}

#col_right h1 {
	font-size: 20px;
	color: #0081ab;
	font-weight: normal;
	padding-bottom: 3px;
}
#col_right h2 {
	font-size: 20px;
	color: #0081ab;
	font-weight: normal;
	padding-bottom: 3px;
}
#col_right h3 {
	font-size: 16px;
	color: #0081ab;
	font-weight: normal;
	padding-bottom: 3px;
}
#col_right p {
	font-size: 11px;
	line-height: 16px;
	color: #5e6a72;
	padding-bottom: 14px;
}
#col_right ul {
	margin-left: 25px;
	list-style-type: disc;
	padding-bottom: 8px;
}
#col_right li {
	font-size: 11px;
	color: #5e6a72;
	line-height: 16px;
}
#col_right ol {
	margin-left: 30px;
	padding-bottom: 8px;
}
a {
	color: #5E6A72;
	text-decoration: underlined;
}
a:hover {
	color: #719500;
	text-decoration: none;
}
a.reg {
	display: block;
	background-image: url(images/reg.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 30px;
	width: 92px;
	font-size: 11px;
	color: #5E6A72;
	text-decoration: none;
}
a.reg:hover {
	display: block;
	background-image: url(images/reg.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 30px;
	width: 92px;
	font-size: 11px;
	color: #719500;
	text-decoration: none;
}
.testimonial_text {
	margin-top: 10px;
	margin-bottom: 5px;
}
.testimonial {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.company {
	font-size: 14px;
	color: #719500;
	font-weight: bold;
}

/* ------------------------------------------------- Footer ----------------------- ------------------- */
#footer {
	clear: both;
	background-image: url(images/footer.jpg);
	height: 150px;
	width: 840px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 20px;
}
#f_col_one {
	float: left;
	width: 335px;
	_margin-bottom: 0px;
	height: 125px;
}
#f_col_one h6 {
	font-size: 14px;
	font-weight: bold;
	color: #5e6a72;
	padding-bottom: 10px;
}
#f_col_one p {
	font-size: 11px;
	color: #5e6a72;
	line-height: 14px;
}
#f_col_one ul {
	margin-left: 0px;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#f_col_one li {
	font-size: 11px;
	color: #5e6a72;
	line-height: 14px;
}
#f_col_one a {
	text-decoration: none;
	color: #5E6A72;
}
#f_col_one a:hover {
	text-decoration: none;
	color: #0081AB;
}
#f_col_two {
	float: left;
	width: 250px;
	height: 100px;
}
#f_col_two h6 {
	font-size: 14px;
	font-weight: bold;
	color: #5e6a72;
	padding-bottom: 10px;
}#f_col_two p {
	font-size: 11px;
	color: #5e6a72;
	line-height: 14px;
}
#f_col_three {
	float: right;
	height: 80px;
}
.b_home {
	margin-right: 7px;
}
.b_quote {
	margin-right: 12px;
}
.b_email {
	margin-right: 12px;
}
#footer_bottom {
	clear: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-size: 10px;
	color: #5e6a72;
	padding-top: 5px;
	height: 20px;
}
#footer_bottom p {
	line-height: 13px;
}

.para_left {
	float: left;
	margin: 0px;
	padding: 0px;
}
.para_right {
	float: right;
	margin: 0px;
	padding: 0px;
}
.para_right a {
	text-decoration: none;
	color: #5e6a72;
}
.para_right a:hover {
	text-decoration: underline;
	color: #5e6a72;
}
.marg {
	margin-left: 15px;
}
/*------------------------------------ Column Right --------------------------------------- */

#col_right_contact {
	float: left;
	width: 638px;
	background-image: url(images/contact_bottom.gif);
	background-position: left bottom;
}
#col_right_contact_inner {
	background-image: url(images/contact_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 49px;
	padding-left: 44px;
	height: 295px;
}
#col_right_contact_inner p {
	font-size: 19px;
	font-weight: normal;
	color: #5e6a72;
}
.b_green {
	color: #719500;
}
.b_blue {
	color: #0081ab;
}
#col_right_contact_inner a {
	color: #5E6A72;
	text-decoration: none;
}
#col_right_contact_inner a:hover {
	color: #719500;
	text-decoration: underline;
}

/* ------------------- Tables -------------------- */

.tbl
	{
	font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
	color: #333333;
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #a19f9f;
	border-right: 1px solid #a19f9f;
	border-bottom: 1px solid #a19f9f;
	}
.tbl_heading
	{
	background: #719500;
	padding: 8px 10px 8px 10px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	border-top: 1px solid #a19f9f;
	border-bottom: 1px solid #666666;
	}
.tbl_row
	{
	padding: 8px 10px 8px 10px;
	border-bottom: 1px solid #a19f9f;
	}
tr:hover
	{
	background-image: url("images/bg_tr.gif");
	background-repeat: repeat-x;
	background-color: #cfcfcf;
	}
.odd
	{
	background: #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	}
.even
	{
	background: #ededed;
	border-bottom: 1px solid #ededed;
	}
#number
	{
	width: 10%;
	}
#customer
	{
	width: 25%;
	}
#add_customer
	{
	width: 100%;
	}
#contact
	{
	width: 25%;
	}
#email
	{
	width: 25%;
	}
#telephone
	{
	width: 15%;
	}
#details
	{
	width: 10%;
	}
#title
	{
	width: 35%;
	}
#news_title
	{
	width: 90%;
	}
#view
	{
	width: 10%;
	}
#testimonial_contact
	{
	width: 35%;
	}
#testimonial_company
	{
	width: 55%;
	}
#link_title
	{
	width: 90%;
	}
#url
	{
	width: 50%;
	}
#url a
	{
	font-weight: bold;
	color: #0099cc;
	}
#url a:hover
	{
	color: #000000;
	}
#move
	{
	width: 5%;
	}
#up
	{
	float: left;
	}
#down
	{
	float: right;
	}
#testimonial_companyA
	{
	width: 55%;
	color: #008000;
	font-weight: bold;
	}
#date
	{
	width: 15%;
	}
#status_header
	{
	width: 10%;
	}
#status
	{
	width: 10%;
	text-align: left;
	color: #008000;
	font-weight: bold;
	}
#edit
	{
	width: 5%;
	text-align: left;
	}
#edit a
	{
	font-weight: bold;
	color: #0099cc;
	}
#edit a:hover
	{
	color: #000000;
	}
#delete
	{
	width: 5%;
	text-align: left;
	}
#delete a
	{
	font-weight: bold;
	color: #ff0000;
	}
#delete a:hover
	{
	color: #000000;
	}
	
/* ------------------- Pagination -------------------- */

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #aaa;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}