/*	CSS Rules  /*
/*  ProSites - Realty Executives  */
/*  Author - info@vastvisual.com */
/*  Last Modifed Here */



/*  General HTML Type Selectors
*******************************************************************************************************************/

	*									{ padding:0;}
	body								{ color: #000; font: 14px Arial, Verdana; text-align: center; background: #091E3A url(../images/bg.jpg) top center repeat-x ; margin-bottom: 20px; margin: 0px;  }
	#interior							{ color: #293C55; font: 13px Verdana, Arial; text-align: center; background: #F0F3FC url(../images/bg-int.jpg) top center repeat-x ; }
	p									{ border: 0px; }
	h2,h3								{ font-weight: bold; font: 22px Arial; }
	hr									{ color: #3681E7; height: 1px; }
	hr.size2							{ color: #3681E7; height: 2px; }
	
	a:link, a:visited, a:active 		{ color: #123C75; text-decoration: none; }
	a:hover 							{ color: #E21A00; text-decoration: underline; }
	

/*  Main Layout 
*******************************************************************************************************************/

	#container 							{ margin: 0 auto; width: 980px; text-align: left;  height: auto; padding: 0px 0px;   					 background: #091E3A url(../images/container-bg.jpg) top center repeat-y; }
	
	#container-test						{ margin: 0 auto; width: 980px; text-align: left;  height: auto; padding: 0px 0px;   					 background: #FFF url(../images/container-bg.jpg) top center repeat-y; }
	
	#border-left						{ margin: 0px; padding: 0px; float: left; width: 10px; height: 500px; background:  url(../images/left-border.jpg) top center repeat-x; }
	#center-column 						{ margin: 0px; padding: 0px; float: left; width: 960px; overflow: visible;   background: #EAEDF3 url(../images/content-bg.jpg) bottom left repeat-x;}
	#border-right 						{ margin: 0px; padding: 0px; float: left; width: 10px; height: 500px; background:  url(../images/right-border.jpg) top center repeat-x; }
	
	#flash-banner						{ margin: 0px; padding: 0px; border: 0px;  width: 960px; height: 308px; float: left; }
	#banner								{ margin: 0px; padding: 0px; border: 0px;  width: 771px; height: 181px; float: left; position: relative;}

	#header								{ width: 960px; height: 276px; margin: 0px auto; padding: 0px; background: url(../images/header-image.jpg) top right repeat-y; } 	
	#header .logo						{ float: left; margin: 0px; padding: 0px; padding-top: 20px; }
	#header img 						{ float: left; margin-left: 10px; }

	#content-home						{ width: 960px; float: left; margin: 0px; padding-top: 10px;} 	
	#content-home #main					{ width: 600px; float: left; margin: 0px; padding: 10px 15px 10px 60px;  } 
	#content-home #sideitems		    { width: 250px; float: left; margin: 0px; padding: 46px 30px 10px 0px;} 	
	#content-home h2					{ font-weight: bold; font: 27px Georgia, "Times New Roman", Times, serif ; color: #003366; } 
	#content-home .bio					{ background:  url(../images/home-lynnheather.jpg) top right no-repeat; height: 250px; width: 568px; float: left; clear: both; line-height: 22px; padding: 0px; margin: 0px;}
	#content-home .blubutton			{ padding-bottom: 10px;}
	#content-home h1,h3					{ font: 22px Arial;	font-weight: bold;  }
	
	#content-home .button 			{ color: #000; background: #FEC43E; border: 1px solid #000; font-size:12px; text-decoration: none;cursor: hand; padding: 4px; }
	#content-home .buttonHover		{ color: #FFF; background: #000; border: 1px solid #000; font-size:12px; text-decoration: none; cursor: hand; padding: 4px; }
	
	#content-home ul, #content-home ul, #content-home ul 		{ /* margin-left: 0; padding-left: 0; */  list-style: none; margin-top: -10px; }
	#content-home li, #content-home li, #content-home li		{ padding-left: 17px; background-image: none; background-image: url(../images/bullet.jpg); background-repeat: no-repeat; background-position: 0 .5em; margin: 5px 5px 0px 15px; }
	
/*  Msc */
 
	.button 							{ color: #FFF; background: #4298FF; border: 1px solid #1A4298; font-size:10px; text-decoration: none;cursor: hand; }
	.buttonHover						{ color: #FFE5B3; background: #FACE3E; border: 1px solid #FFE5B3; font-size:10px; text-decoration: none; cursor: hand; }

	#breadcrumb 						{ padding: 9px 0px 0px 12px; margin: 0px; float: left; font-size: 11px; color: #666; }
	#search 							{ margin-left: 580px;}
	.gotarrow 							{ background: url(../images/arrow.gif) 1px 3px no-repeat; padding: 0px 0px 0px 15px; }
	.rss 								{ background: url(../images/icon-rss.jpg) 1px 5px no-repeat; padding: 20px 0px 0px 40px; height: 50px; margin-bottom: 20px; line-height: 20px; }
	.sm 								{ font-size: 10px; }
	.red								{ margin: 0px auto; background: #E21B00; width: 960px; height: 13px; color: white; font-size: 12px;  text-align: right;}
	.red p 								{ font-size: 12px; padding-top: 2px; text-align: right; padding-right: 10px;  margin: 0px;}
	
	.names { background-color:#CCCCCC; width: 558px; height: 20px; text-align: right; float: left; padding: 5px;}
	.logos { width: 820px; clear:both; float: left; padding-left: 60px;}
	
	

/*  Navigation
*******************************************************************************************************************/

	#nav 								{ text-align: left; float: left; width: 960px;  height: 100%; margin: 0px 0px 0px 0px; background:   url(../images/nav-bg.jpg) top left repeat-x; height: 46px; color: white;  }
	
	#nav ul								{ list-style-type: none;    line-height: 4px;  margin: 0px; }
	#nav li								{ float: left;  padding: 5px 5px 0px 0px; line-height: 4px;margin: 0px; }
	#nav li a 							{ display: block; height: 41px; width:92px;  background-position: 5px 10px; color: #FFF; text-decoration: none; text-align: center; line-height: 35px; cursor: hand;margin: 0px; }
	#nav li a:hover span 				{ display: block; float: left; z-index: 1; background: url(../images/nav-hover.jpg) top center; height:41px; width:92px; color: black; text-decoration: none; text-align: center;margin: 0px; }
	#nav li .current 					{ display: block; float: left; z-index: 1; background: url(../images/nav-hover.jpg) top center; height:41px; width:92px; color: black; text-decoration: none; text-align: center; margin: 0px;}
	
	#nav li a .test						{ display: block; height: 41px; width:92px;  background-position: 3px 10px; color: #FFF; text-decoration: none; text-align: center; line-height: 16px; cursor: hand;  margin: 0px;}
	
	#nav li .test2						{ display: block; float: left; z-index: 1; background: url(../images/nav-hover.jpg) top center; height:41px; width:92px; color: black; text-decoration: none; text-align: center; line-height: 16px;   margin: 0px;}
	
	
/*Footer Rules-----------*/

	#footer 							{ margin: 0px auto; height: auto; width: 960px; text-align: left; height: auto; font-size: 10px; background:  url(../images/footer-btm.jpg) top left repeat-x; }
/*#footer #bg { width: 747px; float: left;  background:  url(../images/footer-img.jpg) bottom left repeat-x; }*/
	#footer p 							{ color: #FFF; padding: 20px 20px 10px 20px; margin: 0px; }

	#footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #C3D6FF; }
	#footer a:hover						{ text-decoration: underline; color: #FFE92B; } 

/*Form Rules-----------*/



#form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% arial,verdana,sans-serif;
  margin: 0;

  min-width: 500px;
  max-width: 600px;
  width: 400px; 
}

#form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #E9E2CF;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  background: #F2F0EA;
  
}

#form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 170px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	border-color: #E9E2CF;
	
}

#form select { 
	width: auto;     
	margin: 5px 0 0 10px; 
	background: #FFFAEA;
	border-color: #C5BA9D;
	border-width: 1px;
	border-style: solid;
	
}


form fieldset legend {
	font-size:1.1em;
	font-weight: bold;
	margin-top: 10px;

}

#form input {
	width: auto;     
	margin: 5px 0 0 10px; 
	height: 20px;
	background: #FFFAEA;
	border-color: #C5BA9D;
	border-width: 1px;
	border-style: solid;
	vertical-align: bottom;
}

#form textarea {
	width: auto;     
	margin: 5px 0 0 10px; 
	height: 50px;
	background: #FFFAEA;
	border-color: #C5BA9D;
	border-width: 1px;
	border-style: solid;
	vertical-align: bottom;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

#form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 80%;
}

#form .required{font-weight:bold;} /* uses class instead of div, more efficient */

#form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.featured { width: 245px; margin-top: 30px;}
.buyingtips { width: 245px; margin-top: 5px; text-align: left;}
.box{display:block;   }
.box *{

  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F1E7C6}
.box1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #edeadf;
  border-right:1px solid #edeadf;
  background:#efe8d1}
.box2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eaecee;
  border-right:1px solid #eaecee;
  background:#efe8ce}
.box3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #efe8ce;
  border-right:1px solid #efe8ce;}
.box4{
  border-left:1px solid #edeadf;
  border-right:1px solid #edeadf}
.box5{
  border-left:1px solid #efe8d1;
  border-right:1px solid #efe8d1}
.boxfg{
  background:#F1E7C6; text-align: center; padding: 10px 0px; }
.buyingtips .boxfg{
  background:#F1E7C6; text-align: left; padding: 2px 15px; }