@charset "utf-8";
/*  CSS */

a, a:link, a:visited, a:hover, a:active	{color:#252525;}
a img {border: 0;}
.left		{float:left;}
.right		{float:right;}
.tright {text-align:right;}
.tcenter {text-align: center;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}
h1			{font:1.6em Arial, Helvetica, sans-serif;margin:0;padding:0}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}
.header	{ background:url(../images/headerbg.jpg) no-repeat; width: 776px; height:150px; margin:-10px 0px 5px -10px; }
*html .header {width: 778px;}
#flmovie .header {background-image: none;}
* html #flmovie .header {background-image: none; margin-top: -190px; height: 180px;}
*:first-child+html #flmovie .header {background-image: none; margin-top: -190px;}

.header	h1	{ 
	padding: 26px 0 0 45px;
	font: 2.9em Arial, Helvetica, sans-serif;
	line-height:.8em;
	letter-spacing:-0.04em;
	color:#252525; 
	}	
.header	h2	{ padding: 0px 0 0 100px; font: 1.4em Arial, Helvetica, sans-serif; font-style:italic; color:#252525; }		
.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;}
img {behavior: url(inc/pngbehavior.htc);}
.yellow, a.yellow:link, a.yellow:visited, a.yellow:hover, a.yellow:active	{color:#fbb838;}
#nav .yellow,#nav a.yellow:link, #nav a.yellow:visited, #nav a.yellow:hover, #nav a.yellow:active	{color:#fbb838;}
.red, .red a {color:#990000;}

/*************  NEW WINDOW   ************/
a[target ="_blank"] { padding-right: 18px; background: transparent url(../images/newwindow.gif) no-repeat center right; }
a.nonewwin { padding-right: 0px; background: transparent url() no-repeat center right; }
a[target ="_blank"].pdf { padding-right: 0px; background: transparent url(../images/adobe-pdf.gif) no-repeat center right; }
ul#pdf a[target ="_blank"] {background:none;}

/******   LAYOUT   ******/
* {outline-style: none;}
html,body	{ height:100%; width: 100%; margin: 0 auto; }
body	{ 
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #252525;
	background:#9ac5e8 url(../images/bg.jpg) repeat-x;
	}
	*html body {background-image: none;}
#wrapper	{
	width:966px;
	height:auto;
	margin: 0 auto;
	padding: 0 9px;
	text-align:left; 
	font:1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bgwrapper.png) repeat-y;
	}
	*html #wrapper {background: url(../images/bgwrapper.gif) repeat-y;}
#header { height:90px; margin:0 auto; }
#content { width:755px; margin:0; padding: 10px; float:right; }
* html #content  {padding:8px; width:750px; z-index:0; } /* IE6*/
#leftcol { width: 191px;  float:left; position:relative; z-index:19; }
#rightcol { Float:right; width:320px; margin: 0 -10px 0 8px; position:relative; }
* html #rightcol {margin-right: -10px;}
.emailform { background: #4b6796; border:1px solid #6483b7; padding: 5px; margin:5px; color:#fff; }
.blog	{ color:#fff; padding: 7px; font: 12px Verdana, Arial, Helvetica, sans-serif; }
.blog a, .blog a:visited, .blog a:link, .blog a:active {color: #fbb838;}
.blog hr	{margin: 15px 0;border-top:1px solid #193059;border-bottom:1px solid #506a98;}
#flmovie	{ background: url(../images/flash.gif) no-repeat; width: 776px; height:180px; margin:-10px -10px 5px -10px; }
* html #flmovie	 {margin:-11px 0px 5px -8px;position:relative;} /* IE6*/


/******* FOOTER *******/
#footer	{
	height:90px;
	font-size:9px;
	color:#fff;
	background: #1c1e21;
	clear:both;
	padding: 0 10px;
	border-top:1px solid #9b9b9b;
	}
#footer a { color:#fff; }
#footer #credit {float:right;width:120px;}
#footer #credit a {color:#ccc;text-decoration:none;}
#footer #credit a:hover {color:#fff;text-decoration:none;}
#footer #icons	{text-align: center; margin: 0 auto;}

/******* VERTICAL NAV MENU  ***********/
#NAV	{position:relative; z-index: 20;}
ul#vrtnav, ul#vrtnav li, ul#vrtnav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 190px; /*For KHTML*/
  list-style: none;
  position:relative;
  z-index: 21;
  }
ul#vrtnav li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  z-index: 22;
	}
/* Root Menu */
ul#vrtnav a {
  border-top: 1px solid #526688;
  border-bottom: 1px solid #2c4167;
  padding: 0 6px;
  display: block;
  color: #fff;
  font: 14px/31px Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}
/* Root Menu Hover Persistence */
ul#vrtnav a:hover, ul#vrtnav li:hover a, ul#vrtnav li.iehover a {
  background: #4a6595;
  color: #fbb838;
	}
/* 2nd Menu */
ul#vrtnav li:hover li a, ul#vrtnav li.iehover li a { background: #3b547f; color: #fff; }

/* 2nd Menu Hover Persistence */
ul#vrtnav li:hover li a:hover, ul#vrtnav li:hover li:hover a,
ul#vrtnav li.iehover li a:hover, ul#vrtnav li.iehover li.iehover a {
  background: #4a6595;
  color: #fbb838;
	}
/* 3rd Menu */
ul#vrtnav li:hover li:hover li a, ul#vrtnav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}
/* 3rd Menu Hover Persistence */
ul#vrtnav li:hover li:hover li a:hover, ul#vrtnav li:hover li:hover li:hover a,
ul#vrtnav li.iehover li.iehover li a:hover, ul#vrtnav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}
/* 4th Menu */
ul#vrtnav li:hover li:hover li:hover li a, ul#vrtnav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}
/* 4th Menu Hover */
ul#vrtnav li:hover li:hover li:hover li a:hover, ul#vrtnav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}
ul#vrtnav ul, ul#vrtnav ul ul, ul#vrtnav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 190px;
	}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#vrtnav li:hover ul ul, ul#vrtnav li:hover ul ul ul, ul#vrtnav li.iehover ul ul, ul#vrtnav li.iehover ul ul ul {
  display: none;
	}
ul#vrtnav li:hover ul, ul#vrtnav ul li:hover ul,
ul#vrtnav ul ul li:hover ul, ul#vrtnav li.iehover ul,
ul#vrtnav ul li.iehover ul, ul#vrtnav ul ul li.iehover ul {
  display: block;
	}
/******* TOOL  NAV MENU  ***********/
ul#toolnav,
ul#toolnav li,
ul#toolnav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px; /*For KHTML*/
  list-style: none;
	}

ul#toolnav li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
	}

/* Root Menu */
ul#toolnav a {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #b8bfc9;
  border-side: 1px solid #b8bfc9;
  padding: 3px 6px;
  display: block;
  color: #666;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#toolnav a:hover,
ul#toolnav li:hover a,
ul#toolnav li.iehover a {
  background: #ccccc;
  color: #000;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#toolnav li:hover ul ul,
ul#toolnav li:hover ul ul ul,
ul#toolnav li.iehover ul ul,
ul#toolnav li.iehover ul ul ul {
  display: none;
	}

ul#toolnav li:hover ul,
ul#toolnav ul li:hover ul,
ul#toolnav ul ul li:hover ul,
ul#toolnav li.iehover ul,
ul#toolnav ul li.iehover ul,
ul#toolnav ul ul li.iehover ul {
  display: block;
	}

/**********  CONTACT FORM   **********/
form#contact { margin:0; padding: 5px; float:right; width: 275px; margin-right: 40px; }
#contact label,#contact input { display: block; width: 150px; float: left; margin-bottom: 10px; }
#contact label { text-align: right; width: 75px; padding-right: 5px; }
#contact br {clear: left;}
#contact fieldset	{
	background: #9ac5e8;
	color:#555;
	border: 1px solid #3b547f;
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
#contact legend	{
	color:#3b547f;
	font-variant:small-caps;
	font:bold 0.94em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
#contact fieldset ol { padding-top: 0.25em; }
#contact #city { display: block; width: 60px; margin-right:12px; float: left; margin-bottom: 10px; }
#contact #comments { display: block; width: 240px; height:70px; margin-bottom: 15px; }
#contact #submit { width: 85px; height:32px; margin-left:90px; }
#contact .shhhh, .shhhh { display:none; }

/* BUTTONS */
button, a.button	{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    font: 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button, a.button { width:auto; overflow:visible; padding:2px 8px 1px 5px; /* IE6 */ }
button[type], a.button[type]{ padding:2px 8px 3px 5px; /* Firefox */ line-height:12px; /* Safari */ }
*:first-child+html button[type]{ padding:2px 8px 1px 5px; /* IE7 */ }

/* STANDARD */
button:hover, a.button:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
.button a:active, a.button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

/* POSITIVE */
button.positive, a.button.positive{ color:#529214; }
button.positive:hover, a.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
button a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; }

/* NEGATIVE */
button.negative, a.negative{ color:#d12f19; }
button.negative:hover, a.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.button a.negative:active, a.button{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/*tesimonials*/
#testimonials p {
	padding-left: 25px;
	margin-bottom:0px;
	background: url(../images/l-quote.gif) top left no-repeat;
	}
#testimonials span {margin:0; padding:0; padding-bottom: 20px; color: #223b66; font-weight:bold; display:block;}


/*Dream Home Form*/
form#dreamhome input, form#dreamhome select {width: 150px; margin: 3px 0; border: 1px solid #223b66;}
form#analysis input, form#analysis select {width: 150px; margin: 3px 0; border: 1px solid #223b66;}
form#dreamhome select, form#analysis select {width: 154px;}
form#dreamhome textarea, form#analys textarea {width: 435px; height: 120px; margin-bottom: 15px; border: 1px solid #223b66;}
form#dreamhome, form#analysis {background: #9ac5e8; width: 600px; border: 1px solid #223b66; margin-left: 50px; color: #555; }
table.form tr:hover, table.form tr.iehover { color: #000; }
table.form input:focus, table.form textarea:focus, table.form select:focus,
table.form input.sffocus, table.form textarea.sffocus, table.form select.sffocus  {
	background-color: #d4e1fa;
	color: #223b66;
	border: 1px solid #ff0;
	}
td.label {text-align:right;}

#glossary def {color: #900;}

div#lib {margin: 0 auto; text-align: center; width:520px; height:80px;}
div#lib a, div#lib a:hover {text-decoration: none;}
ul#library {list-style: none; padding:0; margin:0;}
*html ul#library {width: 520px;}
ul#library li {
	float:left;
	padding: 0px;
	margin:1px;
	border:2px solid #4a6595;
	background:#d4e1fa;
	height: 15px;
	display:block;
	height:30px;
	}
*html ul#library li {width: 150px;}
ul#library a {
  display: block;
  padding: 0 6px;
  color: #4223b66;
  font: 14px/31px Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}
ul#library a:hover, ul#library li:hover a, ul#library li.iehover a {
  background: #4a6595;
  color: #fbb838;
	}
	
.resourcesleft { float: left; clear: left; width: 260px; margin-left: 20px;}
.resourcesright { float: left; width: 260px; margin-left: 80px; }
.resourcesmiddle { clear: both;width: 260px; margin-left: 180px;}
table tr.even {background: #ddd; }
iframe {width: 760px; height: 1500px; border: none;}
#pn {height: 15px; width: 140px; text-align: center; margin: 0 auto; padding: 0; margin-bottom: -20px; font-size: 1.1em;}
#flquote {margin-left: 10px;}

*html form.fix {width: 730px; height: auto; overflow: hidden; }
*html #divpics {width: 730px; height: auto; overflow: hidden; }