/* ----------------------------------------------------------------------------- 

LoanandInsuranceFinder.net css [www.loanandinsurancefinder.net]
written by Antimony Design [www.antimonydesign.com]
feed icon by Matt Brett [www.feedicons.com]

--------------------------------------------------------------------------------

COLOR NAME			SPOT COLOR			HEX COLOR
Dark Blue			#0F345A
Blue				#405D7C
Teal				#267AA9
Light Teal			#5295BB
Fuschia				#A94A83
Light Fuschia		#BB6F9C
Text Gray			#333333
Dark Gray			#666666
Medium Gray			#999999
Light Gray			#EEEEEE
Border Gray			#CCCCCC

----------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------- 
GLOBAL
----------------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;}

body {
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-family:'trebuchet ms', arial, helvetica, sans-serif;
	font-size:62.5%;
    text-align: center;}
	

	
/* ----------------------------------------------------------------------------- 
STRUCTURE
----------------------------------------------------------------------------- */
#wrap {
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	position: absolute;
	top:0;}

#bar1, #content, #bar2 {
	width:800px;
	margin:0 auto;
	padding:0 40px;}

#head {
	width:100%;
	background:#0F345A url(/img/bkg_head.png) left bottom repeat-x;}

#logo {
	display:none;}

#content {
	margin-top:50px;
	margin-bottom:50px;}

.col1 {
	width:420px;
	float:left;}


.col2 {
	width:275px;
	float:right;
	padding:0 10px;}

#main {
	margin-bottom:25px;
	border-bottom:solid 1px #CCCCCC;}

.search, .quote {
	margin:15px 0;
	padding:10px;
	background:transparent url(/img/bkg_col2.png) 0 0 repeat-x}

#foot {
	width:100%;
	background:transparent url(/img/bkg_foot.png) left top repeat-x;
	/*border-top:1px solid #ccc;*/}
	
	
#bar2 {	
	margin-top:2em;
	margin-bottom:2em;
	padding-top:2.5em;}


#copy {
	border-top:1px solid #ccc;
	margin-top:2em; 
	padding-top:1.5em;}

.ad {
	float:left;
	clear:both;
	display:block;
	margin-bottom:1em;
	width:100%;}

/* ----------------------------------------------------------------------------- 
MENU
----------------------------------------------------------------------------- */
ul#menu {
	width:475px;
	float:right;
	min-height:42px;}

ul#menu li {
	list-style-type:none;}

ul#menu li a, ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active {
	display:block;
	float:left;
	font-size:120%;
	color:#FFFFFF;
	padding:12px 12px;
	text-decoration:none;
		background:transparent url(/img/bkg_sep.png) top right no-repeat;}

ul#menu li a:hover {
	color:#BB6F9C;
	text-decoration:none;}


/* ----------------------------------------------------------------------------- 
TYPOGRAPHY
----------------------------------------------------------------------------- */
h1 strong {
	display: block; 
	 width: 230px;
	 font-size:100%;
	 line-height:110%;
	 float:left;
	 padding-top:15px;}

h1 strong a  {
	display: block; 
	text-indent: -9999px; 
	width:230px; 
	height: 30px; 
	background: transparent url(/img/logo.png) no-repeat 0 0; 
	border: none; 
	text-align:left;}
	
/*\*/ h1 strong a {overflow: hidden;} /**/

h1 strong a:hover, h1 strong a:focus {
	background-position: 0 -30px;
	background-color: transparent;}

p, li {
	color:#333333;
	line-height:1.75em;
	margin:0 0 1.5em 0; 
	font-family:arial, helvetica, sans-serif;}
	
blockquote p, table p, dd p, li p, #header p {
	margin-bottom:0.5em;}

h1,h2,h3,h4,h5,h6,pre,code,p {font-size:120%;}
 
h1, h3, h5, h6 {
	font-weight:normal;
	margin:1.5em 0 0.5em 0;}
	
h1 {font-size:320%; color:#666; margin:0;}
h2 {font-size:290%; color:#A94A83; margin-bottom:0.25em;}
h3 {font-size:200%;}
h4 {font-size:140%; color:#0F345A;}
h5 {font-size:140%; color:#267AA9; font-weight:bold;}
h6 {font-size:120%; color:#267AA9; text-transform:uppercase;}

#main p {
	font-size:150%;
	font-style:italic;}

.col2 h4 {
	color:#267AA9;}

strong, b {font-weight:bold;}

blockquote {
	margin:1em 1em;
	background:transparent url(/img/quote_start.png) no-repeat 0 2px;}

blockquote p {
 	text-indent:25px;
	line-height:155%;}
	
cite {
	padding-top:1em;
	color: #727D5C;
	line-height:120%;}
	
cite span {
	font-size: 100%;
	color: #999999;}

blockquote > p:first-child {
	text-indent: 25px;
	margin-bottom: 0.7em;}
	
.end {
	padding-right:32px;
	margin-bottom:30px; 
	background: transparent url(/img/quote_end.png) no-repeat right top;}

em {font-style:italic;}

p em {
	font-size:100%;}

#foot p {
    margin-bottom: 0.5em;
	font-size:100%;
	line-height:130%;}

#links p, #copy p {
	font-size:110%;
	line-height:140%;
	margin-bottom:0.75em;}


/* ----------------------------------------------------------------------------- 
LINKS
----------------------------------------------------------------------------- */
a {
	color:#0F345A;
	text-decoration:underline;}
	
a:visited {
	color:#267AA9;}

#links a {
	padding-right:4px;}


/* ----------------------------------------------------------------------------- 
LISTS
----------------------------------------------------------------------------- */
ul, ol {
	margin:0.1em 0 1em;
	padding-left: 1.6em;}
	
li {
	margin:0.25em 0;
	font-size:120%;}

li li {
	margin:0.25em 0;
	font-size:100%;}

ul li {
	list-style-type:disc;}

ol li {
	list-style-type:decimal;}

.col1 ul {
	clear:both;}

/* ----------------------------------------------------------------------------- 
FORMS
----------------------------------------------------------------------------- */
form {
	margin:0;
	padding:0;}

form table {
	width:100px;
	margin: 0;}

form#literature_form {
	background:#CEE0B6;
	margin:0 0 25px 0;
	padding:20px;
	width:400px;
	border:solid 1px #B2C89B;}

form table.form {
	width:100%;
	margin: 0;
	padding:3px;}

form table td, form table td p {
	font-size:100%;}

form span {
	}

form span input,
form span textarea,
form span select {
	border:1px solid #C3C3C3;
	border-top-color:#7C7C7C;
	border-bottom-color:#DDDDDD;
	font-size:10px;
	line-height:12px;
	}

form span.inline {
	display:inline-block;
	float:left;
	margin-right:0.4em;}

form span.field {
	display: block;
	margin: 0;
	padding: 1px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;}

form span input.inline_label {}

form span.inline input {
	width:auto;}

form span textarea {
	height:216px;}

form input.literature {
	background:#FFFFFF;
	border:solid 1px #C3C3C3;
	border-top-color:#7C7C7C;
	border-bottom-color:#DDDDDD;
	width:100%;}

/*input.btn {
	width: 62px;
	height: 22px;}*/

form img {
	margin: 0;}

form.well {
	background: #F2F2F2 url(/images/bg-form-top.gif) 0 0 no-repeat;}

form.well fieldset {
	background: url(/images/bg-form-bottom.gif) left bottom no-repeat;
	padding: 8px 0 8px 8px;}

form.well td {
	padding: 0 8px 8px 0;}

td.fifty-fifty {
	width: 50%;}
	
td.u {
	padding:1px 0 3px 0;}
	
td.p {
	padding:1px 0 3px 0;}

td.b {
	padding:4px 0 0 0;}

span.required {
	color:#CC3300;
	font-size:85%;
	font-weight:bold;}

fieldset {
	border:none;}


/* Contact Form */
.form_wrapper{
	width: 462px;
	margin: 50px 0 0 0;
	float: left;
	clear: left;}

.form_wrapper h3 {
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 16px;
	color: #262d35;
	margin-left:162px;}

.form_wrapper p {
	margin: 0;
	padding: 3px 0 10px 0;	
	margin-left:162px;}


fieldset {
	border: none;
	margin: 0;
	padding: 0;}

form ul{
	list-style-type: none;
	padding: 8px 0;
	margin: 0;}


form ul li{
	list-style-type: none;
	padding: 3px 0;
	margin: 0;
	line-height: 25px;}

form label {
	display: block;
	width: 155px;
	text-align: right;
	float: left;
	font-weight: bold;
	padding-right: 8px;}

form .text_field{
	width: 290px;}

form .select_field {
	width: 138px;}

form ul li.submit {
	padding: 15px 0 0 162px;}


/* ----------------------------------------------------------------------------- 
TABLES
----------------------------------------------------------------------------- */
dl {margin:1em;line-height:1.5em;list-style-type:disc;}
dt {font-weight:bold;margin-top:0.5em;}
dd {margin-left:2em;}


/* ----------------------------------------------------------------------------- 
EXTRAS
----------------------------------------------------------------------------- */
.icn_block {
  	width:150px;
	height:60px;
	padding:10px;
	float:left;}

.icn_block a {
	font-size:115%;
	font-weight:bold;}
  
h2.description {
	font-size:140%;
	line-height:160%;}
  
img.icn_home {
  	float:left;
	padding:0 5px 3px 0;}

hr {
	background:none;
	height:1px;
	color:#999999;
	border:none;
	clear:both;
	margin:10px 0 10px 0;
	padding:0;}


a img,:link img,:visited img {
	border: none;}