@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}
a, img {
	text-decoration: none;
	color: #666;
	border: none;
	}
	a:hover {
	text-decoration: none;
	color: #000;
	
}
.activesubnav {
font-weight: bold;
color: #000;
}

body  {
	font: normal 11px Tahoma, Geneva, sans-serif;
	background: url(../images/top_bg.jpg) repeat-x top left;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
	line-height: 16px;
}
h1 {
	font: normal 20px "Myriad Pro", Tahoma;
	color: #749804;
	
	}
	h2 {
	font: normal 16px "Myriad Pro", Tahoma;
	color: #749804;
	}
	h4 {
		font: bold 11px Tahoma;
	}
	p {
		margin: 0px 0px 20px 0px;
		
	}
.twoColFixLtHdr #container { 
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	padding: 0 0px 0 27px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#logo {
	background: url(../images/logo.jpg) no-repeat;
	height: 85px;
}
/*Top Nav */

#navlist
{
padding: 35px 20px 35px 0px;
text-align: right;

font-weight: bold;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 5px 1em;
margin-left: 3px;
text-decoration: none;
}

#navlist li a:link { color: #666; }
#navlist li a:visited { color: #666; }

#navlist li a:hover
{
color: #000;
background: #7a84a7;
color: #fff;

}

#navlist li a#current
{
background: #90c902;
color: #fff;

}

#banner {
	background: url(../images/bannerimg.jpg) no-repeat left top;
	height: 254px;
}
#tagline {
color: #7984a6;
width: 575px;
position: relative;
top: 14%;

	}
	#tagline h1{

color: #fff;
font: normal 25px "Myriad Pro",Tahoma,Verdana; 

	}
		#tagline1 h1{

color: #fff;
font: normal 26px "Myriad Pro",Tahoma,Verdana; 

	}
	#tagline h1 span{

color: #8cc005;
font-weight: bold;

	}
	#tagline p {
color: #7984a6;
font: normal 17px "Myriad Pro",Tahoma,Verdana; 
}
#tagline p span{
color: #8cc005;
}
#subscribe {
	margin: 45px 0px 0px 0px;
	
}
#subbutton {float:left;
}
#sdetails {
height:28px;
margin: 0px 0px 0px 140px;
width: 426px;
}
#sublist
{
width: 321px;
background: url(../images/subscribebg.gif) repeat-x;
padding: 5px 5px 0px 18px;
height:28px;
text-align: left;
}
#sublist .text
{
width: 120px;
margin-right: 5px;
}

#sublist li
{
list-style: none;
margin: 0;
display: inline;
}
#buttonsubscribe {
float: right;	
}
#subclose {
float: right; 
margin-top: 6px;	
}
.hide {
	display: none;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 0px 0px 30px;
	margin-top: 30px;
}

ul.borderedlist li{
		border-bottom: 1px solid #ededed;
		font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		list-style: none;
	}

	ul.borderedlist li.nobdr{
		border-bottom: none;
		
	}

	ul.borderedlist li a{
		display: block;
		padding:6px 0 0 0px;
		height: 20px;
		color: #666;
	}
	ul.borderedlist li a:hover{background: #fff;color: #42423b;}
.twoColFixLtHdr #mainContent { 
	margin: 30px 30px 30px 240px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
/*min-height: 100%;
	height: 100%;
	position: relative;*/
} 
.twoColFixLtHdr #homeContent { 
	margin: 30px 0 30px 30px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
/*min-height: 100%;
	height: 100%;
	position: relative;*/

}
#homeleft {
	width: 275px;
	margin-right: 15px;
	}
#homeservices {
	width: 235px;
	float: left;

	}
	#homeright {
	width: 435px;
}

#homebottom {
width:435px;
float:right;
padding:5px 0 0 0;
}
#homesep{
width:1000px;
float:left;
padding:10px 0 0 0;
}

.homeconImg {
	margin: 5px 0px 5px 0px;
	
}
#securitybook {
		float: right;
		background: red;
		width: 100px;
	}
	
	.shop {
		margin: 6px 6px 10px 0px;
		width: 430px;
		border-bottom: 1px solid #d8dbe5;
	}
	.sep {
		margin: 20px 0px 20px 0px;
		width: 1000px;
		border-bottom: 1px solid #d8dbe5;
	}
	
	.nobdr {
		border-bottom: none;
	}
	 .thumbnail {
	float: left; /* since this element is floated, a width must be given */
	width: 55px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 10px 0px 0px;
}
	 .bookdesc { 
	margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the thumbnail div contains, the column space will remain. You can remove this margin if you want the #bookdesc div's text to fill the #thumbnail space when the content in #thumbnail ends. */
	padding: 0px 5px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.bookdesc h3 {
font: bold 11px Tahoma, Geneva, sans-serif;
}
ul.iconlist li a{
		padding-left: 25px;
		background: url(../images/bulletlist.gif) left bottom no-repeat;
	}
	ul.iconlist  li a:hover{background: #fff url(../images/bulletlist.gif) left top no-repeat;color: #000;}
	.enewsbox{
		float: left;
		width: 150px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #5599A7;
		font-size:13px;
	}
	
	ul.bookcon li {
		padding-left: 20px;
		background: url(../images/bulletbook.gif) left center no-repeat;
		line-height: 20px;
		list-style: none;
	}
	.imgtxt {
float:left; 
margin-right: 15px;
}
.imgtxt1 {
float:left; 
}
/*Testimonials*/

.testimonial {
width:100%;
}

.left-quote {
background:transparent url(../images/leftquote.gif) no-repeat scroll left top;
height:23px;
margin-top:8px;
width:33px;
}

.testi-text {
background:transparent url(../images/rightquote.gif) no-repeat scroll right bottom;
padding:0 15px 10px;
text-align:left;
}

.testi-name {
border-bottom:1px solid #E6E7EC;
color:#7984A6;
padding:0 0 10px 15px;
}
.testi-name1 {

padding: 0px 0px 30px 15px;
color: #7984A6;
width: 100%;
}
.readmore {
background: url(../images/bullet1.gif) no-repeat 0px 5px;	
color: #7984a6;
font-weight: bold;
padding-left: 8px;
}
.twoColFixLtHdr #outerfooter { 
	padding: 10px 0px 10px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#e8e7e3; 
} 
.twoColFixLtHdr #outerfooter #footer { 
width: 1000px;
margin: auto;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}

.fltrtbot { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;


}
.fltrt1 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding-right: 30px;
	text-align: right;
}
.fltrt2 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding-top: 60px;
}
.fltlft1 { /* this class can be used to float an element left in your page */
	float: left;
	padding-left: 30px;
	text-align: left;

}
#sitemap {
	float: left;
	margin-left: 150px;

}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.helpertext {
font: italic 10px Tahoma, Geneva, sans-serif;	
}
.formtable td{
	padding-top: 4px;
	padding-bottom: 4px;
	
}
.formtable input {
	font: normal 11px Tahoma, Geneva, sans-serif;
	padding: 2px 0px 2px 0px;
}
.btn {
	padding: 4px;
	width: 70px;
	text-transform: uppercase;
	
	}
	
	.error {
		background: #f17d67;
		color: #fff;
		font: italic 12px Tahoma, Geneva, sans-serif;
		padding: 5px;
	}
	.success {
		background: #9bbb49;
		color: #fff;
		font: italic 12px Tahoma, Geneva, sans-serif;
		padding: 5px;	
	}