/* CSS Document */

/*
	Site - businessgrants
  	
	---------------------
	
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$6 - SIFR styles
	$7 - Form Styles
	
*/



body {
	margin:0;
	padding:0;
	background:white url(images/top-bg.gif) repeat-x;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#1A5A7F;
	}
	
#container {
	width:760px;
	margin:0 auto;
	}
	
#header-navigation {
	height:32px;
	padding-top:18px;
	}


#content-container {
	padding:20px 0;
	}
	
#main-content {
	position:relative;
	float:left;
	width:500px;
	margin:0 0 20px 0;
	}
	
	##main-content .hook {
	font-size:14px;
	font-style:italic;
	}
	
#sidebar {
	position:relative;
	float:right;
	margin:-98px 0 20px 0;
	padding:34px 30px 30px 30px;
	width:190px;
	background:url(images/sidebar-bg.jpg) 50% 0 no-repeat;
	}
	
	#qulify-blink {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:50px;
	}
	
#footer {
	clear:both;
	height:50px;
	padding:80px 0 30px 0;
	text-align:center;
	background:#3198D3 url(images/footer-bg.jpg) repeat-x;
	}
	
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

#header-banner {
	height:74px;
	padding:26px 0 0 0;
	}
	
	#main-content a{
	color:#19567a;
	}
ul#header-nav-ul {
  	margin: 0;
  	padding: 0;
	height:32px;
	display: inline;
	overflow: hidden;
  	list-style: none;
  }
  
ul#header-nav-ul li {
  	margin:0;
  	padding:0;
	list-style: none;
	display: inline;
  }
  
ul#header-nav-ul a {
	float: left;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	}
	
ul#header-nav-ul a:hover {
	background-position: 0 -32px;
	}

ul#header-nav-ul a:active, ul#header-nav-ul a.selected {
	background-position: 0 -32px;
	}

#nav-home a {
	width:82px;
	background:url(images/nav-home.gif) no-repeat;
	}
	
#nav-faqs a {
	width:82px;
	background:url(images/nav-faqs.gif) no-repeat;
	}
	
#nav-get-started a {
	width:122px;
	background:url(images/nav-get-started.gif) no-repeat;
	}
	
#nav-contact-us a {
	width:122px;
	background:url(images/nav-contact-us.gif) no-repeat;
	}
	
	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

.rosette {
	position:absolute;
	top:-12px;
	right:-27px;
	}

.all-this {
	margin-bottom:22px;
	}
	
.get-started-link {
	margin-bottom:15px;
	}
	

.samples {
	height:88px;
	padding:15px 0;
	margin:0 0 15px 0;
	background:url(images/sample-bg.gif) no-repeat;
	}
	
.samples-xhtml {
	margin-bottom:4px;
	}
	
#quote {
	position:relative; /* IE needs this ??????? */
	padding-top:15px;
	background:url(images/quote-bg.gif) 0 0 no-repeat;
	}

.quote-bg {
	padding:0 15px 25px 15px;
	background:url(images/quote-bg-bottom.gif) 0 100% no-repeat;
	}

.quotee {
	text-align:right;
	font-weight:bold;
	}
	
.border-bottom {
	padding-bottom:10px;
	border-bottom:1px solid #DCEDF8;
	}
	
/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

a {
	text-decoration:none;
	color:#FF0000;
	font-weight:bolder;
	}


p {
	margin:0 0 10px 0;
	padding:0;
	line-height:1.4;
	}
	
p.p-space {
	margin:0 0 40px 0;
	padding:0;
	}
	
#main-content p.index-p {
	padding:10px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8;
	background:#ECF5FB;
	border-top:1px solid #ACD2EA;
	border-bottom:1px solid #ACD2EA;
	}
	
a img {
	border:none;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin:20px 0 8px 0;
	padding:0;
	}
	
h1 {
	font-size:20px;
	}

h2 {
	font-size:18px;
	}
	
h3 {
	margin-bottom:12px;
	}
	
.ie-margin {
	margin-bottom:-2px;
	}

html>body .ie-margin {
	margin-bottom:0;
	}
	
	
.index-steps {
	position:relative;
	left:-15px;
	margin:0 -15px 30px 0;
	}
	
#main-content ul {
	margin:0 0 15px 0;
	padding:5px 0 0 10px;
	list-style:none;
	}

ul.tick-ul li{
	position:relative; /* IE needs this for the BG image ?????? */
	margin:0 0 6px 0;
	padding:2px 0 2px 30px;
	list-style:none;
	background:url(images/tick.gif) 0 5% no-repeat;
	}
	
	
ul.samples-ul li{
	position:relative; /* IE needs this for the BG image ?????? */
	margin:0 0 6px 0;
	padding:2px 0 2px 24px;
	list-style:none;
	background:url(images/sample-page.gif) 0 50% no-repeat;
	}
	
.divider {
	margin:0 0 20px 0;
	padding:0 0 50px 0;
	line-height:1.4;
	background:url(images/divider.jpg) bottom no-repeat;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.faq-button {
	margin-right:10px;
	}
	

/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/


#footer p {
	color:white;
	}
	
#footer p a {
	color:white;
	}


	
/* $6 - SIFR Styles ///////////////////////////////////////////////////////////////////////////////////*/


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


/* $7 - Form Styles ///////////////////////////////////////////////////////////////////////////////////*/


fieldset {
	margin:0;
	padding:0;
	border:none;
	}
	
label {
	display:block;
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	}

input {
	margin:0 0 10px 0;
	padding:8px;
	background:#EDF7FC;
	border:1px solid #AEDBF0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#267DAC;
	}
	
	
textarea {
	margin:0 0 15px 0;
	padding:8px;
	background:#EDF7FC;
	border:1px solid #AEDBF0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#267DAC;
	}

span.required {
	color:#CC0000;
	}

input {
	width:220px;
	margin-bottom:15px;
	}
	
.input-upload {
	margin-bottom:10px;
	}

html>body .input-upload {
	font-size:150%;
	margin-bottom:10px;
	}

	
textarea {
	width:470px;
	}
	
form {
	margin:0;
	padding:0;
	}
	
.border-p {
	padding-bottom:20px;
	border-bottom:1px solid #eaeaea;
	}
	
.confirmation {
  color:#81A74E;
  background:#CCDDB5;
  border-top: 1px solid #B3CC91;
  border-bottom: 1px solid #B3CC91;
  padding:10px;
  font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}


.error {
	background:red;
    color: #fff;
	padding-top:10px;
}

.image-submit-get-started {
	width:190px;
	border:none;
	background:none;
	padding:0;
	}

.image-submit-email {
	width:150px;
	border:none;
	background:none;
	padding:0;
	}	

#loadBar {
	padding:10px;
	text-align:center;
	background:#E4F2FA;
	border-top:1px solid #AED8F0;
	border-bottom:1px solid #AED8F0;
	color:#1D6D9E;
	font-weight:bold;
	margin-bottom:20px;
	}

#loadBar p {
	color:#1D6D9E;
	font-weight:bold;
	}

#emailSuccess {
	padding:10px;
	text-align:center;
	background:#D8F2C8;
	border-top:1px solid #7FD74A;
	border-bottom:1px solid #7FD74A;
	color:#59AA28;
	font-weight:bold;
	margin-bottom:20px;
	}

	/* Form-Specific Styles */

input {
	width: 100%;
	margin: 0 5px 0 0;
	}
	
input.input_wide {
	width: 100%;
	}

input.input_submit {
	width: 100px;
	}	
	
input.input_checkbox {
	width: 1em;
	}
	
textarea {
	width: 100%;
	height: 10em;
	padding: 4px;
	margin: 0;
	}

select {
	width: 100%;
	margin: 0;
	}
		
form label,
form span {
	display: block;
	}
	
/* Begin Rates */


blockquote {

  background: transparent url(images/quoleft.png) left top no-repeat;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(images/quoright.png) right bottom no-repeat;
}

blockquote {
	position: relative;
	text-indent: 2em;
}


.bqstart,
.bqend { font-size: 1000%; }

.bqstart {
	text-indent: 0;
	position: absolute;
	top: -0.3em;
	left: -40px;
}

.bqend {
	position: absolute;
	margin-top: -4em;
	right: 155px;
	text-indent: 0;
}
/*
.primary_list li	{
						list-style-image:url(images/ast.gif);}
						
						
#callout_wide,li {
list-style-image:url(images/ast.gif);
 }
					*/
#content .form_container {
	font-weight: normal;
	margin: 0 20px 15px 33px;
	line-height: 1.6em;
	padding: 5px;
	background-color: #EBE5D8;
	border: 1px #DDD3BE solid;
	}

#content .form_container form {
	padding: 0;
	margin: 0;
	border: 0;
	}

table.form_contact {
	border-spacing: 0;

	width: 100%;
	text-align: left;
	margin: 0;
	}
	
table.form_contact tr td {
	text-align: left;
	padding: 5px;
	vertical-align: bottom;
	}
	
table.form_contact tr td.cell_padbottom {
	padding-bottom: 8px;
	}

table.form_contact tr td.cell_submit {
	text-align: right;
	}
	
table.form_contact span {
	display: block;
	}
	
.form_container fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	}

	#redtext {
	color:#FF0000

	
	}
	
#Qualify {
font-size:18px

}

#answernow h2{
font-size:18px;

}

#answernow a{
text-decoration:underline;
font-size:18px;


}

.sales{
font-size:16px;

}
h3{
font-size:16px;


}
.salesbold{
font-weight:bolder;


}

.smallfont{
font-size:8px;
}