/* TOC
1-: Main Page Structure
2-: Main Navigation
3-: Homepage Specific Styles
4-: Inside Template Content
5-: Footer Styles
*/


/* 1-:-------- Main Page Structure ------------ */

	body {
		margin: 0;
		padding: 0;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		background-color:white;


	}
	img {
		border: 0;
	}
	#outer {
		width: 940px;
		margin: 0 auto;
		padding: 0;)
	}
	
	
	
	#wrapper {
		width: 960px;
		margin: 0 auto;
		padding: 0;overflow:auto; 
	}
	#masthead {
		width: 940px;
		padding: 18px 20px 14px 0;
		float: left;
	}
	#masthead2 {
		width:960px;
		padding: 0;
		float: left;color:#555555
	}

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0;
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */




#vheader {
  float:left;
  width:100%;
  background:#DAE0D2 url("bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#vheader ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#vheader li {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#vheader a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#vheader a {float:none;}
/* End IE5-Mac hack */
#vheader a:hover {
  color:#333;
  }
#vheader #current {
  background-image:url("left_on.gif");
  }
#vheader #current a {
  background-image:url("right_on.gif");
  color:#333;
  padding-bottom:5px;
  }


ul#topnavmenuvert{ /* all lists */
 clear: both;
 font-size: 0.7em;
 margin: 0;
 color: #fff;
 padding: 5px 0 5px 8px;
 background-color: #fff;
}

ul#topnavmenuvert li{ /* all list items */
 float: left;
 position: relative;
 list-style: none;
 padding-right: 7px;
 margin: 0;
}

ul#topnavmenuvert li.border{
 padding-left: 7px;
}

ul#topnavmenuvert a{
 text-decoration: none;
 color: #696969;
 font-weight: normal;
}

ul#topnavmenuvert a:hover{
 color: #727272;
}

ul#topnavmenuvert li span{
 padding-left: 13px;
 background-image: url(arrow_green.gif);
 background-position: left;
 background-repeat:no-repeat;
}

ul#topnavmenuvert li span.green a{
 color: #000;
}

ul#topnavmenuvert a:hover{
 color: #000;
}

ul#topnavmenuvert li span.green a:hover{
 color: #727272;
}













	
	
/* 2-:-------- Main Navigation ------------ */
		
	#navContainer {
		width: 600px;
		height: 32px;
		margin: 0px;
		padding: 0px;
		background: url(images/nav-bg4.gif) no-repeat left top;
		float: left;
	}
	
	#navContainer5 {
		width: 940px;
		height: 32px;
		margin: 0px;
		padding: 0px;
		background: url(images/nav-bg6.gif) no-repeat left top;
		float: left;
}
	
	#nav {
		width: 890px;
	 	height: 29px;
	  	padding: 0px;
	  	margin: 0px;
	  	position: relative;
	  	top: 0px;
	  	left: 26px;
	  	color:white
	 }
	#nav ul {
		width: 890px;
		height: 28px;
		margin: 0px;
		padding: 0px;
		background: url(/images/nav-combo.gif) no-repeat left top;
	}
	#nav ul li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		display: inline;
		float: left;
	}
	#nav ul li a {
		float: left;
		text-decoration: none;
		border: 0px;
		text-indent: -1000em;
		font-size: 0.1em;
		height: 28px;
	}

     #nav a:link {color:white;font-size:small;text-decoration:none}
     #nav a:visited {color: white;font-size:small;text-decoration:none}  /* visited link */
     #nav a:hover {color:orange}   /* mouse over link */
     #nav a:active {color: orange}   /* selected link */
	
} 
	
.activ 	{color:orange !important;
} 

}

	/* off states */
	#nav #navHome a { width: 50px; }
	#nav #navSignUp a { width: 124px; }
	#nav #navHowItWorks a { width: 102px; }
	#nav #navWhoWeAre a { width: 94px; }
	#nav #navAbout a { width: 115px; }
	#nav #navFaq a { width: 46px; }
		
	
	/* over and active states */
	#navHome.active a { background: url(/images/nav-combo.gif) no-repeat 0px -28px; }
	#nav #navHome a:hover { background: url(/images/nav-combo.gif) no-repeat 0px -28px; }
	#navSignUp.active a { background: url(/images/nav-combo.gif) no-repeat -50px -28px; }
	#nav #navSignUp a:hover { background: url(/images/nav-combo.gif) no-repeat -50px -28px; }
	#navHowItWorks.active a { background: url(/images/nav-combo.gif) no-repeat -174px -28px; }
	#nav #navHowItWorks a:hover { background: url(/images/nav-combo.gif) no-repeat -174px -28px; }
	#navWhoWeAre.active a { background: url(/images/nav-combo.gif) no-repeat -276px -28px; }
	#nav #navWhoWeAre a:hover { background: url(/images/nav-combo.gif) no-repeat -276px -28px; }
	#navAbout.active a { background: url(/images/nav-combo.gif) no-repeat -370px -28px; }
	#nav #navAbout a:hover { background: url(/images/nav-combo.gif) no-repeat -370px -28px; }
	#navFaq.active a { background: url(/images/nav-combo.gif) no-repeat -485px -28px; }
	#nav #navFaq a:hover { background: url(/images/nav-combo.gif) no-repeat -485px -28px; }
		

/* 3-:-------- Homepage Specific Styles ------------ */

	
	h1 {
		font-size: 1.7em;
		color: #522608;
		line-height: 1.5em;
	}
	.color1 {
		color: #7a380c;
	}
	.color2 {
		color: #98460f;
	}
	

	.style1 {
		font-size: 1.1em;
		color: #81460F;
	}	
	.style2 {
		font-size: 1.1em;
		color: #000;
	}
	.style3 {
		font-size: 1.05em;
		color: #000;
	}
	.style4 a {
		font-size: 1.05em;
		color: blue;
		font-weight: bold;
	}
	.style4 {
		font-size: 1.05em;
		color: blue;
		font-weight: bold;
		
		
		
	}
	.style17 {
		font-size: 16px;
		color: black;
		margin:0 20px 0 20px;	}

	.style5 a {
		font-size: 1.2em;
		color: #98460f;
		font-weight: bold;
	}
	.style5 {
		font-size: 1.2em;
		color: #98460f;
		font-weight: bold;
	}
	.styleb a {
		font-size: 1em;
		color: #98460f;
		font-weight: bold;

	}
	.styleb {
		font-size: 1em;
		color: #98460f;
		font-weight: bold;

	}


.stylebb a {
		font-size: 1em;
		color: blue;
		font-weight: bold;text-decoration:none

	}
	.stylebb {
		font-size: 1em;
		color: #696969;
		font-weight: bold;
text-decoration:none

	}








	.style6 a {
		font-size: 0.9em;
		color: #163f53;
	}
	.style6 {
		font-size: 0.9em;
		color: #163f53;
	}
	a.style7 {
		color: #000;
		text-decoration: none;
	}
	.style5 a {
		font-size: 1.1em;
		color: #555555;
		font-weight: bold;
		text-decoration: none;
	}
	.style8 {
		font-size: 1.1em;
		color: #555555;
		font-weight: bold;
		text-decoration: none;
	}
	.style6 a {
		font-size: 1.1em;
		color: #163f53;
	}
	.style9 {
		font-size: 1.1em;
		color: #163f53;
	}
/* ---------- Anmations ----------- */
	#captions {
		height: 100px;
		width: 940px;
		}
		
	#caption1 {
		height: 63px;
		width: 116px;
		margin: 20px 0px 0 28px;
		padding: 10px 10px 4px 10px;
		float: left;
		display: block;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
	}
		
	* html #caption1 { /* ie hack */
		margin: 20px 0 0 14px;
		padding: 10px 14px 0 14px;
	}
	#caption2 {
		height: 67px;
		width: 120px;
		margin: 20px 0px 0 7px;
		padding: 6px 10px 4px 6px;
		float: left;
		display: block;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
	}
		
	#caption3 {
		height: 63px;
		width: 120px;
		margin: 20px 0px 0 7px;
		padding: 10px 10px 4px 6px;
		float: left;
		display: block;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
	}
	
	#caption4 {
		height: 63px;
		width: 130px;
		margin: 20px 0 0 7px;
		padding: 10px 10px 4px 6px;
		float: left;
		display: block;
		font: normal 11px/13px  Arial, Helvetica, sans-serif;
	}
		
	* html #caption4 { /* ie hack */
		margin: 20px 0 0 0;
		padding: 10px 16px 0 6px;
	}
		
	* html #caption3 { /* ie hack */
		margin: 20px 0 0 0;
		padding: 10px 16px 0 6px;
	}
		
	* html #caption2 { /* ie hack */
		margin: 20px 0 0 0;
		padding: 10px 16px 0 6px;
	}
	#animatedMen {
		height: 132px;
		width: 940px;
		padding: 0 0 15px 0;
	}
	#anim1 {
		height: 100px;
		width: 80px;
		display:inline;
		margin: 15px 40px 0 30px;
		float: left;
		
	}
	#anim2 {
		height: 100px;
		width: 80px;
		display:inline;
		margin: 13px 30px 0 15px;
		float: left;
		
	}
	#anim3 {
		height: 100px;
		width: 80px;
		display:inline;
		margin: 10px 30px 0 0px;
		float: left;
		
	}
	#anim4 {
		height: 100px;
		width: 80px;
		display:inline;
		margin: 10px 0 0 00px;
		margin-left:20px;
		float: left;
		
	}
	#titleText {
		height: 147px;
		width: 180px;
		margin: 80px 0 0 50px;
		float: left;
		display: block;
	}
	* html #titleText {  /* ie hack */
		width: 227px; 
		margin: 45px 0 0 10px;
	}


/* 4-:-------- Inside Template Content ------------ */
	
	#contentPanel {
		width: 940px;
		background-color: white;
		float: left;
		font: normal 0.75em/1.5em  Arial, Helvetica, sans-serif;
		

	}
	#topPanel {
		margin-top: 1px;
		
	}
	#rightColumn {
		width: 200px;
		float: right;
		display: block;
		margin: 25px 25px 10px 0;
	}
	#subcontent{

width:240px;
padding:20px 20px 0 0;

}
	* html #rightColumn {  /* ie hack */
		margin: 20px 7px 0 0;
	}
	
	#rightColumn h3 {
		font-size: 1.5em;color:gray;
		margin: 0 0 2px 0;
		}
	
	
	#leftColumn {
		width: 600px;
		float: left;
		display: block;
		margin: 18px 20px 20px 25px;

		color: #696969;
	}
	* html #leftColumn {  /* ie hack */
		margin: 15px 0 0 15px;
	}
	.tickList {
		margin: 10px 10px 20px 14px;
	}
	.tickList li {
		list-style: none;
		background: url(/images/bullet-tick.gif) no-repeat 0px 0px;
		margin-top: 6px;
		padding-left: 18px;
		padding-right: 20px;
		font-size: 1em;
	}
	#leftColumn h2 {
		color: blue;
		letter-spacing: -0.05em;
		font: normal 1.57em "Trebuchet MS", Tahoma, Arial;
		border-bottom: 1px dotted #ccc;
		margin: 0 0 8px 0;
		padding: 0;
	} 
	h2#reduced {
		font: normal 1.52em "Trebuchet MS", Tahoma, Arial;
	} 
	#leftColumn h3 {
		font: normal 1.32em "Trebuchet MS", Tahoma, Arial;
		color: #555555;
		margin: 2px 0 2px 0;
	} 
	#leftColumn h4 {
		font-size: 1.1em;
		color: #555555;
	} 
	.cmntContainer {
		float: left;
		display: block;
		width: 217px;
		margin: 10px 0 0 15px;
		font-size: 0.8em;
	}
	.cmnt/images {
		float: left;
		display: block;
		width: 16px;
		margin: 3px 7px 0 0;
	}
	.cmntTxt {
		float: left;
		display: none;
		line-height: 1.2em;
		padding: 8px 0 8px 0;
		width: 164px;
		border-bottom: 1px dotted #ccc;
		margin: 0 10px 0 20px;
		
	}
	.cmntTitle {
		font-size: 1.03em;
		color: #81460F;
		font-weight: bold;
		width: 164px;
		margin: 2px 10px 0 0;
		padding: 0 0 8px 0;
		border-bottom: 1px dotted #ccc;
		display: block;
	}
	#keyFeatCont {
		margin: 20px;
		width: 400px;
	}
	.keyFeatures {
		list-style: none;
		padding: 0;
		margin: 0 10px;
		background: #fff;
	}
	.keyFeatures li {
		font: normal Arial, Helvetica, sans-serif;
		list-style: none;
		
	}
	.keyFeatures li strong a {
		font-weight: normal;
		color: #043254;
		margin: 0 12px 0 0 ;
		
		padding: 0;
		text-decoration: none;
	}
	.keyFeatures li strong {
		font-weight: normal;
		color: #043254;
		margin: 0 12px 0 0 ;
		
		padding: 0;
		text-decoration: none;
	}
	.keyFeatures .diamonds {
		padding: 0 0 0 25px;
		background: #fff url(/images/divide2.gif) no-repeat 0 0;
		height: 20px;
		width: 12px;
	}
	.keyFeatures .ticks {
		padding: 0 0 0 10px;
		
	}

	.keyFeatures em  {
		font: italic 1.2em/1.5 Georgia, "Times New Roman", Times, serif;
		color: blue;
	}
	.logoFloat {
		float: left;
		clear: left;
	}
	#logo1 {
		height: 45px;
		width: 50px;
	}
	#logo2 {
		height: 45px;
		width: 68px;
	}
	.threesteps {
		margin: 30px 15px 30px 15px;
		border-left: 4px dotted #ccc;
		padding: 0 0 0 16px;
	}
		
	#bottomSignBox1 {
		width: 290px;
		float: left;
		border-left: 4px dotted #ccc;
		padding: 0 0 0 16px;
		margin: 0 0 20px 40px;
		height: 100px;
	}
	#bottomSignBox2 {
		width: 290px;
		float: right;
		border-left: 4px dotted #ccc;
		padding: 0 0 0 16px;
		margin: 0 40px 20px 0;
		height: 100px;
	}
	* html #bottomSignBox1 {  /* ie hack */
		padding: 0 0 0 11px;
		margin: 0 0 15px 25px;
	}
	* html #bottomSignBox2 {  /* ie hack */
		padding: 0 0 0 11px;
		margin: 0 25px 15px 0;
	}

/* */

	#insideHeader {
		width: 940px;
		padding: 20px 0 18px 0;
		background-image: url(/images/inside-bg-slice.gif);
		background-repeat: repeat-x;
		background-color: #F7E0AE;
		float: left;
		}
	#insideHeader h1 {
		font-size: 0.1em;
		margin: 0 0 0 27px;
		padding: 0 0 8px 0;
		text-indent: -2000em;
		}
	#idBox {
		width: 400px;
		height: 80px;
		}
	#boxLeft {
		width: 78px;
		height: 80px;
		float: left;
		display; block;
		}
	#boxRight {
		width: 322px;
		height: 80px;
		float: left;
		display; block;
		}
	#boxRight table {
		margin: 0;
		width: 280px;
		}
	#boxRight table td {
		padding: 10px 20px 0 20px;
		background: url(/images/bullet-tick.gif) no-repeat 0 10px;
		width: 100px;
		font-size: 0.95em;
		}
	.squareList {
		margin: 10px 10px 20px 14px;
		}
	
	.squareList li {
		list-style: none;
		background: url(/images/bullet-square.gif) no-repeat 0px 6px;
		margin-top: 4px;
		padding-left: 8px;
		color: #333;
		}
	.arrowList {
		margin: 10px 10px 20px 14px;
		}
	
	.arrowList li {
		list-style: none;
		background: url(/images/bullet-arrow.gif) no-repeat 0px 2px;
		margin-top: 6px;
		padding-left: 18px;
		padding-right: 20px;
		font-size: 1em;
		}
	.arrowList strong {
		color: #9e511d;
	}
		
		
	
	h1#hFaq { background: url(/images/h-questions.gif) no-repeat top left; width: 266px; height: 21px; }
	h1#hWhoWeAre { background: url(/images/h-who-we-are.gif) no-repeat top left; width: 113px; height: 17px; }
	h1#hHowItWorks { background: url(/images/h-how-it-works.gif) no-repeat top left; width: 124px; height: 17px; }
	h1#hContact { background: url(/images/h-get-in-touch.gif) no-repeat top left; width: 210px; height: 18px; }
	h1#hTestimonials { background: url(/images/h-testimonials.gif) no-repeat top left; width: 121px; height: 17px; }
	h3#hwhatTheySay { background: url(/images/h-whattheysay.gif) no-repeat top left; width: 174px; height: 18px; }
			
	
		
/* 6-:-------- Accesskeys and Sitemap Styles ------------ */
		
	.accesskeys th {
		text-align: left;
		background-color: #ccc;
		}
	
	.accesskeys p { padding: 0; margin: 0; }
	
	.accesskeys .rowOdd { background-color: #eee; }
	
	#contentMain .sitemapList ul {
		margin-left: 20px;
		margin-right: 10px;
		padding-left: 0;
		}
	
	#contentMain .sitemapList li {
		font-size: 0.80em;
		line-height: 135%;
		list-style: disc;
		background: none;
		margin: 6px 0;
		padding-left: 0px;
		color: #333;
		}
	
	#contentMain .sitemapList li li {
		font-size: 1em;
		line-height: 135%;
		list-style: circle;
		background: none;
		margin: 6px 0;
		padding-left: 0px;
		color: #333;
		}
	
	#contentMain .sitemapList ul ul {
		margin: 4px 0 8px 10px;
		}

/* 5-:-------- Footer Styles ------------ */
		
		
	
	#footerBar a {
		font-size: 0.75em;
		line-height: 135%;
		}

	
	#footer {
		width: 940px;
		
		text-align: center;
		font-size: 0.9em;
		}
	#footersp {
		width: 850px;
		float: left;
		text-align: center;
		font-size: 0.7em;
		color:black
		}
	
	#footerBar {
		width: 940px;
		background: url(images/footer-bar5.gif) no-repeat left bottom;
		float: left;
		text-align: center;
		font-size: 0.9em;
		}
	#footerBar5 {
		width: 940px;
		background: url(images/footer-bar5.gif) no-repeat left bottom;
		float: left;
		text-align: center;
		font-size: 0.9em;
		}

		
	
	
	#footerBar p {
		margin: 0px;
		padding: 8px 0 10px 0;
		}
	
	
	#footer a {
		color: #fff;
		margin: 0px;
		padding: 0 12px 0 17px;
		}
	
	
	#footerBar a {
		color: #fff;
		margin: 0px;
		padding: 0 12px 0 17px;
		}
	
	#footer .bullet  {
		background: url(/images/bullet-square.gif) no-repeat 0px 7px;
		}
	
	#footerBar .bullet  {
		background: url(/images/bullet-square.gif) no-repeat 0px 7px;
		}
	
	#footer p {
		color: #fff;background-color:#3366ff;margin: 0px;
		padding: 8px 0 10px 0;font-size: 0.7em;
		line-height: 135%;
		}
	#footer5 p {
		color: #fff;background-color:blue;margin: 0px;
		padding: 8px 0 10px 0;font-size: 0.7em;
		line-height: 135%;text-align:center
		}

	p#copyright {
		text-align: center;
		padding: 8px 30px 40px 30px;
		}
	
	#copyright a {
		padding: 0;
		}
		
	.paymentRef {
		width: 200px;
		float: left;
		}
		
		
		

.will_tt {

font-family: arial; 
color: black;
font-size: 14px;
}

.dno {
	display:none
}

.alignleft {
float: left;
}
.alignright {
float: right;
}
.cent {
	text-align:center
}

.style11 {
	margin-left: 15px;
}

.large
{
	font-size:large
}
.style13 {
	font-size: xx-large
}

.style14 {
	color: blue;
	font-size: x-large;
}

.style15 {
	color: blue
}

.style15a {
	color: blue
}

.pullquote {
float: right;
width: 175px;
margin: 10px 10px 10px 15px;
padding: 5px 10px 5px 0;
font: 16px/20px georgia, palatino, serif;
color: white;
text-align: right;
background-color:blue;
border-style:outset;border-color:silver;}

.pullquote a{
	color:white
}
.quotes {font-size:30pt;line-height:36pt;font-family:georgia, palatino, serif;color:white
}
 .fleft {float: left;}
 
 

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
}

.sitemap {
text-decoration:none;color:gray;font-size:11px;padding-bottom:10px
	
}

.box2{
margin:margin:10px 10px 0px 0;
padding:10px 10px 0 10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:2.5em;
}
.small2 {font-size:0.9em;}
.textright{text-align:right;}

.newbox{
display: none;padding: 5px;position:absolute;top:0px;left:180px}




#blue a{color:#555555;text-decoration:none;font-weight:600}
#blue a:hover{
	text-decoration:underline;color:black}
#head{
	font-size:16px;padding:5px;font-weight:bold;background-color:silver
}
#wasap{
	font-size:16px;color:green;font-weight:bold;width:300px;text-align:center
}
.gg{color:red;font-size:18px
	
}