/*
Author:           MA007
Author URL:       http://www.ma007.com/
Project:		  Western Resources Title Company
Description:	  Re-design of existing website.
Website:	      http://www.westernresourcestitle.com/
		
*/
/***********-------------------------------------
  					Global Reset
       ------------------------------***********/	
html, body, h1, h2, h3, h4, h5, h6, div, span, applet, object, iframe,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;outline: 0;vertical-align: baseline;background: transparent;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/**************------------------------------------------
  					Basics
  	  ---------------------------------------***********/	

.clearfix:after {
	content : " ";
	display : block;
	clear : both;
	visibility : hidden;
	line-height : 0;
	height : 0;
}
.clearfix {
	display : inline-block;
}
html[xmlns] .clearfix {
	display : block;
}
* html .clearfix {
	height : 1%;
}
.clear {
	clear: both;
}

html{ 
	min-height:101%;
	}

body{
	
	background:url(../images/bg-body.gif) repeat-x #ebeced; 
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	color: #666;
	line-height: 23px;
	}

a{
	color:#5f5f5f;
	text-decoration:underline;
	}
a:hover {
	color:#8e8d8d;
	text-decoration:none;
	}

p	{color:#5f5f5f;
	 margin: 0 0 1.5em;
	}

/**************------------------------------------------
  					Floats & Alignments
  	  ---------------------------------------***********/	
.floatright {
	float:right;
	}	

.floatleft {
	float:left;
	}
 
.textleft{
	text-align:left;
	}
.textright{
	text-align:right;
	}

.textcenter{
	text-align:center;
	}

/***********-----------------------------------
  					headings
  		----------------------------************/


.title {
	padding-bottom: 0px;
	overflow: hidden;
	}


/****************************/
/****                    ****/
/****   PAGE STRUCTURE   ****/
/****                    ****/
/****************************/



/**************------------------------------------------
  					Header
  	  ---------------------------------------***********/	
#container-top{width:100%;}


	
#content-top{
	
	width:960px;margin: 0px auto;
	height:150px;
	position:relative;
	z-index:3000;}



#logo{
	float:left;
	width:210px;
	height:110px;
	margin-left: 0px;
	}


		#search-block {
			width: 233px;
			height: 27px;
			float: right;
			margin-top: 30px;
			margin-right:0px;
			padding-right: 0px; /* I use padding-right instead of margin-right to avoid IE6 double margin bug. This works just fine. */
			background: url(../images/search_field.gif) no-repeat left top;
			overflow: hidden;
			border: 4px solid #f4f4f4;
		}
		
			#search-block form {
				padding: 0px;
				margin: 0;
			}
			#search-block #search-field {
				width: 162px;
				padding: 5px 1px 5px 5px;
				border: 0;
				background: none;
				color: #666;
				float: left;
			}
			
			#search-block #search-submit {
				width: 65px;
				height: 27px;
				margin-left: 0px;
				border: 0;
				background: url(../images/search-button.gif) no-repeat left top;
				color: #777;
				font: bold 1em arial, sans-serif;
				cursor: pointer;
				float: left;
			}




/**************------------------------------------------
  					Navigation
  	  ---------------------------------------***********/	
	  
	  
#menu-wrap{
	width:960px;
	padding:0;
	margin:0;
	height: 40px;	
	overflow:hidden;
	}

/****drop down menu for: (about us, order service, resources, contact us) ******/	

.about {float:left; padding:0;}
.about dt {width:160px; border:0; padding:0; font-weight:bold; cursor:pointer; background:url(../images/about.gif) no-repeat 0px -40px; line-height:40px; text-align:center; color:#fff; font-size:13px;letter-spacing:-1px;}
.about dt:hover {background:url(../images/about.gif) no-repeat 0px 0px;}
.about dd {position:absolute; overflow:hidden; width:160px; display:none; background:#fff; z-index:200; opacity:0}
.about ul {width:160px; border:0; list-style:none; border-top:none; text-align:center;}
.about li {display:inline}
.about a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px 0 5px 0; color:#fff; text-decoration:none; background:#e09e00; width:160px}
.about a:hover {background:#d79903; color:#fff}
.about .underline {border-bottom:1px solid #efaa05}

#about-on{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	background: url(../images/about.gif) no-repeat 0px 0px;
	}


.services {float:left; padding:0;}
.services dt {width:160px; border:0; padding:0; font-weight:bold; cursor:pointer; background:url(../images/services.gif) no-repeat 0px -40px; line-height:40px; text-align:center; color:#fff; font-size:13px;letter-spacing:-1px;}
.services dt:hover {background:url(../images/services.gif) no-repeat 0px 0px;}
.services dd {position:absolute; overflow:hidden; width:160px; display:none; background:#fff; z-index:200; opacity:0}
.services ul {width:160px; border:0; list-style:none; border-top:none; text-align:center;}
.services li {display:inline}
.services a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px 0 5px 0; color:#fff; text-decoration:none; background:#6f67a8; width:160px}
.services a:hover {background:#635c94; color:#fff}
.services .underline {border-bottom:1px solid #877dcb}

#services-on{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	background: url(../images/services.gif) no-repeat 0px 0px;
	}


.resources {float:left; padding:0;}
.resources dt {width:160px; border:0; padding:0; font-weight:bold; cursor:pointer; background:url(../images/resources.gif) no-repeat 0px -40px; line-height:40px; text-align:center; color:#fff; font-size:13px;letter-spacing:-1px;}
.resources dt:hover {background:url(../images/resources.gif) no-repeat 0px 0px;}
.resources dd {position:absolute; overflow:hidden; width:160px; display:none; background:#fff; z-index:200; opacity:0}
.resources ul {width:160px; border:0; list-style:none; border-top:none; text-align:center;}
.resources li {display:inline}
.resources a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px 0 5px 0; color:#fff; text-decoration:none; background:#86951a; width:160px}
.resources a:hover {background:#778418; color:#fff}
.resources .underline {border-bottom:1px solid #9eb01f}

#resources-on{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	background: url(../images/resources.gif) no-repeat 0px 0px;
	}



.contact {float:left; padding:0;}
.contact dt {width:160px; border:0; padding:0; font-weight:bold; cursor:pointer; background:url(../images/contact.gif) no-repeat 0px -40px; line-height:40px; text-align:center; color:#fff; font-size:13px;letter-spacing:-1px;}
.contact dt:hover {background:url(../images/contact.gif) no-repeat 0px 0px;}
.contact dd {position:absolute; overflow:hidden; width:160px; display:none; background:#fff; z-index:200; opacity:0}
.contact ul {width:160px; border:0; list-style:none; border-top:none; text-align:center;}
.contact li {display:inline}
.contact a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px 0 5px 0; color:#fff; text-decoration:none; background:#636466; width:160px}
.contact a:hover {background:#5b5c5d; color:#fff}
.contact .underline {border-bottom:1px solid #7e7e7f}

#contact-on{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	background: url(../images/contact.gif) no-repeat 0px 0px;
	}
/**** FASTWeb tab for drop-down menu.  To implement FASTWeb Tab as a drop-down for main navigation, delete "dropdown" from selector ******/
dropdown.fastweb {float:left; padding:0;}
dropdown.fastweb dt {width:160px; border:0; padding:0; font-weight:bold; cursor:pointer; background:url(../images/fastweb.gif) no-repeat 0px -40px; line-height:40px; text-align:center; color:#fff; font-size:13px;letter-spacing:-1px;}
dropdown.fastweb dt:hover {background:url(../images/fastweb.gif) no-repeat 0px 0px;}
dropdown.fastweb dd {position:absolute; overflow:hidden; width:160px; display:none; background:#fff; z-index:200; opacity:0}
dropdown.fastweb ul {width:160px; border:0; list-style:none; border-top:none; text-align:center;}
dropdown.fastweb li {display:inline}
dropdown.fastweb a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px 0 5px 0; color:#fff; text-decoration:none; background:#424242; width:160px}
dropdown.fastweb a:hover {background:#373737; color:#fff}
dropdown.fastweb .underline {border-bottom:1px solid #9e9e9e}
/**** END FASTWeb tab for drop-down menu style ******/

#fastweb-on{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	background: url(../images/fastweb.gif) no-repeat 0px 0px;
	}


/**** END drop down menu for: (about us, order service, resources, contact us) ******/

	

#home a{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	background: url(../images/home.gif) no-repeat 0px -40px;
	}	
#home a:hover{
	background: url(../images/home.gif) no-repeat 0px 0px;
	color: #fff;
	}
#home-on{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	color: #fff;
	background: url(../images/home.gif) no-repeat 0px 0px;
	}
#home-on a:{color: #fff;
}
#home-on a:hover{color: #fff;
}
	
.home {
	width:160px;
	padding:0px;
	float: left;
	}

.home ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	}

.home ul li{
	margin:0px auto;
	text-align: center;
	
	}
.home ul li a{
	font-size: 13px;
	letter-spacing:-1px;
	line-height:39px;
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-weight:bold;
	}

/**** Do not use the following selector "staticTab".  Use only if Fastweb does not need a drop down menu. To use Fastweb tab with no drop down, remove "staticTab" from selector ***/
staticTab .fastweb {
	width:160px;
	margin:0;
	padding: 0;
	float: right;
	}

staticTab .fastweb ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	}

staticTab .fastweb ul li{
	text-align: center;
	
	}
staticTab .fastweb ul li a{
	font-size: 13px;
	letter-spacing:-1px;
	line-height:39px;
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-weight:bold;
	}
	
staticTab #fastweb a{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	background: url(../images/fastweb.gif) no-repeat 0px -40px;
	}	
staticTab #fastweb a:hover{
	background: url(../images/fastweb.gif) no-repeat 0px 0px;
	color: #fff;
	}
staticTab #fastweb-on{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	color: #fff;
	background: url(../images/fastweb.gif) no-repeat 0px 0px;
	}
staticTab #fastweb-on a:{color: #fff;
}
staticTab #fastweb a:hover{color: #fff;
}



.fastweb {
	width:160px;
	margin:0;
	padding: 0;
	float: right;
	}

.fastweb ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	}

.fastweb ul li{
	text-align: center;
	
	}
.fastweb ul li a{
	font-size: 13px;
	letter-spacing:-1px;
	line-height:39px;
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-weight:bold;
	}
	
#fastweb a{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	background: url(../images/fastweb.gif) no-repeat 0px -40px;
	}	
#fastweb a:hover{
	background: url(../images/fastweb.gif) no-repeat 0px 0px;
	color: #fff;
	}
#fastweb-on{
	padding:0px;
	display:block;
	width: 160px;
	height: 40px;
	color: #fff;
	background: url(../images/fastweb.gif) no-repeat 0px 0px;
	}
#fastweb-on a:{color: #fff;
}
#fastweb a:hover{color: #fff;
}




/**** End do not use -fastweb static tab ***/


a.pdf {padding-right:18px;
	background: url(../images/pdf.gif) no-repeat center right; }
a.doc {padding-right:18px;
	background: url(../images/doc.gif) no-repeat center right; }



a.top-of-page{display:block;width:107px;height:30px;background:url(../images/back-to-top.gif) top;text-indent:-9999px;}

a:hover.top-of-page {display:block;width:107px;height:30px;background:url(../images/back-to-top.gif) 0px 30px;}

/**************------------------------------------------
  					Sub-headers
  	  ---------------------------------------***********/
	  	

#sub-header-home{
	width:900px;
	height:275px;
	background:top center no-repeat url(../images/sub-head-home.gif) #029992;
	color:#FFF;
	margin:0px auto;
	border-bottom: 1px solid #015f5a;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:left;
	padding:30px;
	}
#sub-head {
	width:960px;
	color:#FFF;
	margin:0px auto;
	border-bottom: 3px solid #ededed;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:left;
	}
	






	




div#subhead-title{
		width: 300px;
		padding: 0px;
		background-color: #fff;
		height: 30px;
		}
	

	
	
/**************------------------------------------------
  					Content
  	  ---------------------------------------***********/	
	  
#content-main{
	padding: 30px 0px 30px 0px;
	float:left;
	}
	
#content-main:after {
content:" ";
display:block;
clear:both;
}

#content-wrapper{
	width:960px;
	margin:0px auto;
	background-color: #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
	padding: 0;
	}
#content-wrapper-fade{
	width:960px;
	margin:0px auto;
	background:top repeat-x url(../images/content_bg.gif) #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
	padding: 0;
	}
	  

	


#left-column {
	float: left;
	width: 615px;
	padding: 0px 30px 0px 30px;
	margin-left: 0px;
	background:		url(../images/line_dotted_vert.gif) repeat-y right;
	min-height:350px;
    height:auto !important;
    height:350px;

	}
#left-column ul{margin-left: 20px; padding-bottom:20px; list-style-type:square;
	}
#left-column ul li{line-height:20px;
	}
#left-column ol{margin-left: 40px; padding-bottom:20px; 
	}
#left-column ol li{line-height:20px;
	}
#left-column span{font-size:11px;
}
.disclaimer{font-size:11px; line-height: 15px; float:left;
}
.documents ul {
margin: 0;
padding-left: 10px;
list-style: none;
font-weight: normal;

}

.documents ul li {
margin:     	0;
list-style: none;
padding:        10px 0px 10px 20px;
}

.documents ul li a{

text-decoration:  underline;
font-size:	  11px;
font-weight:	 normal;
color:            #666;
}

.documents ul li a:hover{
color:            #8e8d8d;
text-decoration:  none;
}

#textblock {
	font-size:13px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	border: 1px #ddd solid;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #f7f7f7;
	float: left;
	width:500px;
}
#textblock ul{margin-left:20px; list-style-type: square;
	}
#textblock ul li{line-height:18px;
	}

#glossary_wrap {margin: 0; padding: 0; float: left; width: 100%;
}
#glossary_wrap ul{margin: 0; padding: 0;
}
#glossary_wrap dl { padding: 15px; } 
#glossary_wrap dt { float: left; clear: left; width: 100px; text-align: right; font-weight: bold; color: #555a58; font-size: 12px; line-height: 15px; padding:0; margin: 0px;} 
#glossary_wrap dt:after { content: ""; } 
#glossary_wrap dd { margin: 0 0 0 110px; padding: 0 0 1em 0; font-size: 12px; line-height: 15px;}

div.col1 /* width:320px; */
{
float:left;
width:210px;
margin-right:40px;
}
div.col1 p{
line-height: 18px;
}
div.col2 /* width:360px; */
{
float:left;
width:360px;
border:1px solid #ccc;
}
#sitemap {margin: 0 auto; width: 300px;
}
.post {
	border-bottom: 1px dashed #d1d1d1;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 100%;
	float: left;
	}
/**************------------------------------------------
  					Breadcrumbs
  	  ---------------------------------------***********/	

#breadcrumb {
float: left;
width: 100%;
font-size: 11px;
margin: 0 0 20px 0;
background: url(../images/breadcrumb_bg.jpg) repeat-x bottom;
}

#breadcrumb a {
padding: 0 6px 6px 6px;
margin: 0;
}

	

	
/**************------------------------------------------
  					Typography
  	  ---------------------------------------***********/

#content-main h2 {
	font: normal bold 22px Arial, Helvetica, sans-serif;
	padding:0px;
	letter-spacing:-1px;
	margin:0px;
	color:#646464;
	}
	
#content-main h3 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	margin:0;
	}
	
#content-main h4 {
	font: normal 18px/20px Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	margin:0;
	}
#content-main h5 {
	font: normal 16px/20px Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	margin:0;
	font-weight: bold;
	}
#content-main h6 {
	font: bold 13px Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0;
	color:#5f5f5f;
	}


	#content-main p {
		padding-bottom: 15px;
		margin: 0;
		clear: both;

	}

	#content-main ol li{
		font-weight: normal;
		margin-left: 20px;
	}
	


#homelist1 {
	width:290px;
	float:left;
	margin-left:0px;
	margin-right: 20px;
	margin-top:0px;
	}
#homelist1 h3 {font: bold 13px Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0;
	color:#5f5f5f;
	}
	
#homelist2 {
	width:290px;
	float:left;
	margin-top:0px;
	}
#homelist2 h3 {font: bold 13px Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0;
	color:#5f5f5f;
	}
	
#homelist1 ul, #homelist2 ul {
	margin-left:10px;
	color:#333333;
	list-style-type:none;
	}
	
#homelist1 ul li, #homelist2 ul li{
	margin-top: 5px; background: url(../images/bullet-check.png) no-repeat left; padding-left:22px; line-height: 15px;
	}
	
#download1 {
	width:290px;
	float:left;
	margin-left:0px;
	margin-right: 20px;
	margin-top:0px;
	}
#download1 h3 {font: bold 13px Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0;
	color:#5f5f5f;
	}
	
#download2 {
	width:290px;
	float:left;
	margin-top:0px;
	}
#download2 h3 {font: bold 13px Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0;
	color:#5f5f5f;
	}
	
#download1 ul, #download2 ul {
	margin-left:10px;
	color:#333333;
	list-style-type:none;
	}
	
#download1 ul li, #download2 ul li{
	margin-top: 5px; background: url(../images/pdf-icon.gif) no-repeat left; padding-left:22px; padding-top:4px; padding-bottom: 4px; line-height: 15px;
	}
#download1 ul li a, #download2 ul li a{
	text-decoration: underline; font-size:	12px; font-weight: normal; color:  #666;
	}
#download1 ul li a:hover, #download2 ul li a:hover{
	color: #8e8d8d; text-decoration:  none;
	}

/********************************************************************************************** TABLES */	

table {
	margin-top: 0;
	margin-bottom: 10px;
	border: 1px #ccc solid;
	border-bottom: none;
	font-size:12px;
	line-height: 18px;
	width: 100%;
}

thead th {
	background: #eaeaea none repeat scroll 0 0;
	border-top: 1px #fff solid;
}
thead th {
	border-bottom:1px #bbb solid;
}
th {
	border-bottom: 3px #bbb solid;
	padding-right: 2px;
	padding-left: 2px;
	text-align: left;
}

td {
	background: #f5f5f5;
	border-top: 1px #fff solid;	
	border-bottom:1px #ccc solid;
	color: #777;
	padding-left: 2px;
	padding-right: 2px;
}

tr.even td {
	background: #fdfdfd;
	border-top: 1px #fff solid;	
	border-bottom:1px #ccc solid;
}

td.active {
	background-color: #e4e4e4;
}

tr:hover td{
	background: #dadada; color: #00857a;}
	
#calc-table {
	margin-top: 0;
	margin-bottom: 10px;
	border: none;
	font-size:12px;
	line-height: 18px;
	float: left;
}

#calc-table thead th {
	background: #eaeaea none repeat scroll 0 0;
	border: none;
}
#calc-table thead th {
	border: none;
}
#calc-table th {
	border: none;
	padding-right: 2px;
	padding-left: 2px;
	text-align: left;
}

#calc-table td {
	background: #fff;
	border:1px #ccc solid;
	color: #777;
	padding-left: 6px;
	padding-right: 6px;
}

#calc-table a  {
	padding-right:17px;
	background: url(../images/calc.gif) no-repeat center right;
	font-weight: bold;
}
#calc-table a.xls  {
	padding-right:20px;
	background: url(../images/xls.gif) no-repeat center right;
}



/********************************************************************************************** Footer */

#footer-wrapper {
	background: #323232 url(../images/bg_foot.gif) repeat-x top;
	width:960px;
	float:left;
	color: #a4a4a4;
	}
	
#footer {
	float: left;
	width: 900px; /* minus 60pixels.. from the padding */
	padding: 15px 30px 15px 30px;
	font-size: 11px;
}	



#footer a {
	color: #a4a4a4;
}

#footer a:hover {
	color: #8c8c8c;
}

/********************************************************************************************** Left Column */

#box1 /* width:320px;*/ {
float:left;
width:300px;
}

#box1 h1, #box2 h1 {


padding-bottom:6px;
font-size: 19px;

margin-top:0; 
padding-top:0;

}


#box2 /* width:310px;*/ {
float:left;
width:280px;
margin:0 0 0 30px;
}

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


#columnRight {
	
  	width:   250px;
	padding: 0 0 0 30x;
	float:	left;
	
	
}
#columnRight div.box {
	padding:		10px;
	background-color:		#fcfcfc;
	border:			1px solid #ddd;
	overflow:		hidden;
	clear:			both;
	margin-bottom:  30px;
}

#columnRight p, #columnRight p, #columnRight ul li, #columnRight ol li {
  	font-size:  13px;
}

#columnRight h1 {
	border-bottom:	3px solid #dfdede;
	padding-bottom: 5px;
	margin:			0 0 5px 0;
	font-size:		18px;
	color: #646464;
}


#columnRight h2 {
  	font-size:  16px;
}

#columnRight #navVertical ul {
  	margin:     0;
  	padding:    0;
  	list-style: none;
}

#columnRight #navVertical ul li {
  	margin:     	0;
  	padding:    	0px 0px 0px 0px;
  	list-style: 	none;
  	display:    	block;
	width:			195px;
	background:		url(../images/line_dotted.gif) repeat-x bottom;
}

#columnRight #navVertical ul li a{
  	padding:          6px 21px 6px 21px;
  	color:            #3c3f36;
  	text-decoration:  none;
	font-size:		  12px;
	font-weight:	  bold;
  	display:		  block;
	background:		  url(../images/bullet_vert-nav.gif) no-repeat 5px 14px;
}

#columnRight #navVertical ul li a:hover, #columnRight #navVertical ul li a.linkOn{
  	color:            #3c3f36;
  	text-decoration:  underline;
	background:	      #f3f3ec;
}



#innerColumnRight {
	padding:		  0px 0px 0px 30px;
}

#inner-left { float: left; margin: 0; padding: 0; width: 290px; 
}
#inner-right{ float: left; margin: 0; padding: 0; width: 290px; 
}
#inner-middle{ margin: 0 auto; padding-top: 15px; width: 350px;
}
#inner-middle ul {margin-left: 50px;
}

#navVertical {
  	margin:           0;
  	padding:          0;
}

#left-column #navVertical ul {
  	margin:     0;
  	padding:    0;
  	list-style: none;
}

#left-column #navVertical ul li {
  	margin:     	0;
  	padding:    	0px 0px 0px 0px;
  	list-style: 	none;
  	display:    	block;
	width:		100%;
	background:	url(../images/line_dotted.gif) repeat-x bottom;
}

#left-column #navVertical ul li a{
  	padding:          7px 21px 7px 55px;
  	color:            #3c3f36;
  	text-decoration:  none;
	font-size:	  14px;
	font-weight:	  normal;
  	display:		  block;
	background:	  url(../images/pdf-icon.gif) no-repeat 20px center;
}

#left-column #navVertical ul li a:hover, #left-column #navVertical ul li a.linkOn{
  	color:            #3c3f36;
  	text-decoration:  underline;
	background:	#f3f3ec;
}

div#testimonials h2 {margin:0px;padding:0;}

div#testimonials  {color: #323232; margin:0 ;padding:5px 0px 10px 0px; width:195px; height:210px;}

blockquote {color:#868686; font-family: Arial, Helvetica, sans-serif ;font-size: 12px; letter-spacing: normal; padding:0 5px 0 5px; line-height:17px; }



div#testimonialslist {margin-top:5px;}

.author {font-size:11px; font-weight:normal; font-style:italic; line-height: 14px; display: block; float: right;}
#social {display:block;
height: 18px;  line-height: 18px;
	}

#social ul {
    margin:0;
    padding:0;
	list-style:none;
	float:left;
	}
#social ul li {
	float:left;
	}
#join {margin-right: 30px; font-weight: bold;color: #3c3f36;}

a#facebook {display:block;width:18px;height:18px;background:url(../images/social-icons.jpg) 0px 90px;text-indent:-9999px;margin-right: 20px; overflow: hidden;}

a:hover#facebook {background-position: top;}

a#linkedin {display:block;width:18px;height:18px;background:url(../images/social-icons.jpg) 0px 54px;text-indent:-9999px;margin-right: 20px;overflow: hidden;}

a:hover#linkedin {background-position: 0px 72px;}

a#twitter {display:block;width:18px;height:18px;background:url(../images/social-icons.jpg) 0px 18px;text-indent:-9999px;overflow: hidden;}

a:hover#twitter {background-position: 0px 36px;}

/* First page promo top --------- */

div#promo 						{color:#fff;}
div#wrt-history 				{width: 134px; height: 26px; margin: 0; padding: 0; background: url(../images/wrt-history-headline.png) no-repeat top center;
}
div#promoimg					{width:450px;padding:0px;background: url(../images/bg_slideshow.png) no-repeat top;height:275px;}

div#promodesc					{width:415px;padding:0px;font-size:12px;}
div#promodesc h1				{font-size:26px;color:#fff; font-weight: bold;}
div#promodesc p					{margin-top: 10px; line-height:20px;font-size:15px;color:#fff;}


	
div#promodesc ul {
  list-style-type: none;
  margin-top: 12px;
}

div#promodesc ul li {
  padding-left: 30px;
  background: url(../images/bullet_lrg.png) no-repeat;
  font-size: 16px;
  font-weight: bold;
  line-height:25px;
}

div#buttons	{width:370px;margin-top:20px;margin-left:0px;}

a#title-escrow {display:block;width:168px;height:41px;background:url(../images/title-escrow.gif) top;text-indent:-9999px;}

a:hover#title-escrow {display:block;width:168px;height:41px;background:url(../images/title-escrow.gif) 0px 41px;}

a#cs{display:block;width:168px;height:41px;background:url(../images/cs.gif) top;text-indent:-9999px;}

a:hover#cs {display:block;width:168px;height:41px;background:url(../images/cs.gif) 0px 41px;}

a#resale{display:block;width:168px;height:41px;background:url(../images/resale.gif) top;text-indent:-9999px;}

a:hover#resale {display:block;width:168px;height:41px;background:url(../images/resale.gif) 0px 41px;}

a#refi{display:block;width:168px;height:41px;background:url(../images/refi.gif) top;text-indent:-9999px;}

a:hover#refi {display:block;width:168px;height:41px;background:url(../images/refi.gif) 0px 41px;}



.pics_container {overflow:hidden;height:245px;width:405px;padding-top:10px;padding-left:21px;}

.image-left{
	padding:3px;
	margin:3px 10px 3px 0;
	border:1px #ccc solid;
	background: #fdfdfd;
	float: left;}

.image-right{
	padding:3px;
	margin:3px 10px 3px 0;
	border:1px #ccc solid;
	background: #fdfdfd;
	float: right;}

/**************------------------------------------------
  					Forms
  	  ---------------------------------------***********/	

/********************************************************************************************** Login Form */
.login label {font-weight:bold;display:block;padding-bottom:4px;margin-top:6px;color:#444;}

.login input.text {padding:2px;font:1.1em Arial;background-color:#fff;border:1px solid #d2d2d2;color:#333;width:190px;}

.login .button {border-style: none;margin-top: 10px;}
/********************************************************************************************** Employment Application Form */

.employ {
		margin: 0; 
		padding: 0;
		float: left;
		width: 100%;
		}
.employ p{
		font-size: 11px; line-height: 14px; padding: 0 20px;
		}
.employ fieldset{
		margin-top: 10px;
		border:none;
		border-top: 1px solid #ccc;
		padding-bottom: 10px;
		}
.employ legend{
		margin-left: 10px;
		padding: 5px;
		color:#5f5f5f;
		background-color: #fff;
		font-size: 15px;
		font-weight:bold;
		}
.employ .row {
		padding: 3px 0px 4px 0px;
		float: left; 
		width: 100%;
		}
.employ .row-single {
		padding: 5px 0px 10px 0px;
		float: left; 
		width: 100%;
		}
.employ .row-single p {
		font-size: 11px; line-height: 14px; padding: 0 20px;
		}

.employ .rowsml {
		padding: 0;
		text-align: left;
		width: 100%;
		font-size: 11px;
		color: #7f7f7f;
		line-height: 11px;
		}
.employ label {
		font-weight: normal;
		font-size: 11px;
		float: left;
		width: 275px;
		line-height: 16px;
		text-align: right;
		padding-right: 10px;
		}
.employ label.left {
		font-weight: normal;
		font-size: 11px;
		float: left;
		width: 275px;
		line-height: 16px;
		text-align: left;
		padding-left: 15px;
		}
.employ input .text {
		padding: 0 3px ;
		width: 250px;
		height: 16px;
		}
.employ .column_1 label {
		width: 100px; text-align: right; padding-right: 10px;
		}
.employ .column_2 label {
		width: 100px; text-align: right; padding-right: 10px;
		}

.employ select {
		border: #ddd 1px solid;
		font-size: 11px;
		float: left;
		color: #696969;
		line-height: 16px;
		background-color: #fcfcfc;
		}
.employ select-styled {
		border: #ddd 1px solid;
		font-size: 12px;
		float: left;
		color: #696969;
		line-height: 16px;
		background-color: #fcfcfc;
		width: 100px;
		}	 
.employ input {
	 float: left; color: #696969; line-height: 16px; background-color: #efefef; border: #d0d0d0 1px solid;
}
.employ input.styled {
	 float: left; background-color: #fff; border: 0px;
}
.employ input.radio {
	 float: left; background-color: #fff; border: 0px; margin-right: 10px;
}

.employ input.checkbox {
	border: 0px; background: transparent; vertical-align: text-bottom; margin: 0; padding: 0;
}






.employ textarea {border: #d0d0d0 1px solid; float: left; width: 250px; height: 50px; color: #696969; background-color: #efefef;
}
.employ .column_1 input.text {
		padding: 0 3px ;
		width: 170px;
		height: 16px;
		border: #ddd 1px solid;
		background-color: #fcfcfc;
		}

.employ .column_1 input.checkbox {padding: 0;
	width: 20px; height: 16px; margin-left:0px;
}


.employ .column_2 text {
		padding: 0 3px ;
		width: 170px;
		height: 16px;
		}

.employ .column_2 input.checkbox {padding: 0 3px;
	width: 20px; height: 16px; margin-left:0px;
}
.employ .column_1 {
	float: left; width: 290px; margin-right: 10px;
}
.employ .column_2 {
	float: left; width: 290px
}
.employ .column_a {
	float: left; width: 200px; margin-right: 20px;
}
.employ .column_a label {
		width: 150px;
		text-align: right;
		font-weight: normal;
		font-size: 11px;
		float: left;
		line-height: 14px;
}
.employ .column_a input {height: 15px; width: 15px;
}
.employ .column_a input .checkbox{border: 0px; background: transparent; 
}
.employ .column_a p {font-size: 11px; line-height: 14px; padding: 0;
	
}
.employ .column_b {
	float: left; width: 360px; }
.employ .column_b label {
		width: 180px;
		text-align: right;
		font-weight: normal;
		font-size: 11px;
		float: left;
		line-height: 14px;
}
.employ .column_b input {height: 15px; width: 15px;
}
.employ .column_c {
	float: left; width: 255px; margin-left: 15px;
}
.employ .column_c label {
		width: 220px;
		text-align: left;
		font-weight: normal;
		font-size: 11px;
		float: right;
		line-height: 18px;
}
.employ .column_c input {float: left;
}
.employ .column_d {
	float: left; 
}
.employ .column_d select {
		font-size: 11px;
		margin: 0;
		padding: 0;
}




.employ input.button {border-style: none;}

/********************************************************************************************** Website Feedback Form */
.feedback{margin: 0; 
		padding: 0;
		float: left;
		width: 100%;
}

.feedback .row {
		padding: 3px 0px 4px 0px;
		float: left; 
		width: 100%;
		}
.feedback label {
		font-weight: bold;
		font-size: 12px;
		float: left;
		width: 275px;
		line-height: 16px;
		text-align: right;
		padding-right: 10px;
		}
.feedback input.text {
		padding: 0 3px;
		width: 200px;
		height: 16px;
		}
.feedback input.button {border-style: none;}

.feedback textarea {border: #d0d0d0 1px solid; float: left; width: 206px; height: 100px; color: #696969; background-color: #efefef;
}
.feedback input {
	 float: left; color: #696969; line-height: 16px; background-color: #efefef; border: #d0d0d0 1px solid;
}
/********************************************************************************************** Calculators */
