/** General HTML Body Styling **/
 
body {
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
    line-height:16px;
    color: #000000;
    line-height: 130%;
}	

#page1 {width:960px;height:1500px; }

#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
    
p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   line-height:16px;
   padding: 0px 0px 0px 5px;
   color: #000000;
}

a:link {
	color:#4D4D4D;
	font-weight:bold;
	text-decoration:none;
}
a:visited {
	color:#4D4D4D;
	font-weight:bold;
    text-decoration:none;
}
a:hover {
	color:#993300;
	font-weight:bold;
	text-decoration:underline;	
}
a:active {
	color:#4D4D4D;
	font-weight:bold;
	text-decoration:none;
}

h1 { 
	font-family: "Times New Roman", Times, Serif; 
	font-size: 48px; 
	font-weight: bold; 
    color: #660000;
    letter-spacing: 3.0px;
    } 

h2 { 
	font: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
} 

h3 { 
	font: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
} 

hr { 
	border: none; 
	border-top: 1px solid #660000; 
	height: 2px; 
	width: 50%; 
    color: #666633;
}

ul  {
	list-style-type: none;
	font: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding: 0px;
	margin: 0;
}

ul li {
	background:url(images/0blt1.gif) top left no-repeat;
	background-repeat: no-repeat;
	background-position: 0.1em;
	padding-left: 12px;
	line-height: 140%;
}

table {
	font: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
    color: #000000;
    }

ul > font, li > font {
	font: Verdana, Arial, Helvetica, sans-serif; 
	color: #660000;
    }
    
/** Basic DIV Elements **/

#header {
	  float: left;
	  width: 1000px;
	  height: 275px;
      background:url('images/header.png') top center no-repeat; 
	  text-align: left;
}

/**top navigation**/

#navigation {
       float:left;
       width:728px;
       height:30px;
       margin:2px 0px 5px 270px;
       padding:0px 0px 0px 0px;
       text-align:center;
       font-size:12px;
       line-height:12px;
       font-weight:bold; 
}
.navleft{
       float:left;
       width:75px;
       height:30px;
       padding:7px 0px 0px 0px;
       text-align:center;
       color:#000000;
       font-weight:bold;
}
.navleft > a {text-decoration: none; color:#000000;font-weight:bold;}
.navleft > a:hover {text-decoration: none; color:#993300;font-weight:bold;}

.navleft-c {
       float:left;
       width:75px;
       height:30px;
       padding:7px 0px 0px 0px;
       text-align:center;
       color:#993300;
       font-weight:bold;
} 
.navleft-c > a {text-decoration: none; color:#993300;font-weight:bold;}
.navleft-c > a:hover {text-decoration: none; color:#993300;font-weight:bold;}

.navright{
       float:left;
       width:85px;
       height:30px;
       padding:7px 0px 0px 0px;
       text-align:center;
       color:#000000;
       font-weight:bold;
}
.navright > a {text-decoration: none; color:#000000;font-weight:bold;}
.navright > a:hover {text-decoration: none; color:#993300;font-weight:bold;}

.navright-c{
       float:left;
       width:85px;
       height:30px;
       padding:7px 0px 0px 0px;
       text-align:center;
       color:#993300;
       font-weight:bold;
}
.navright-c > a {text-decoration: none; color:#993300;font-weight:bold;}
.navright-c > a:hover {text-decoration: none; color:#993300;font-weight:bold;}

.nav {
       float:left;
       width:90px;
       height:30px;
       padding:7px 0px 0px 0px;
       text-align:center;
       color:#000000;
       font-weight:bold;
}
.nav > a {text-decoration: none; color:#000000;font-weight:bold;}
.nav > a:hover {text-decoration: none; color:#993300;font-weight:bold;}

.nav-c {
       float:left;
       width:90px;
       height:30px;
       padding:7px 0px 0px 0px;
       text-align:center;
       color:#993300;
       font-weight:bold;
}
.nav-c > a {text-decoration: none; color:#993300;font-weight:bold;}
.nav-c > a:hover {text-decoration: none; color:#993300;font-weight:bold;}

.navl {
       float:left;
       width:100px;
       height:30px;
       padding:7px 0px 0px 0px;
       text-align:center;
       color:#000000;
       font-weight:bold;
}
.navl > a {text-decoration: none; color:#000000;font-weight:bold;}
.navl > a:hover {text-decoration: none; color:#993300;font-weight:bold;}

.navl-c {
       float:left;
       width:100px;
       height:30px;
       padding:7px 0px 0px 0px;
       text-align:center;
       color:#993300;
       font-weight:bold;
}
.navl-c > a {text-decoration: none; color:#993300;font-weight:bold;}
.navl-c > a:hover {text-decoration: none; color:#993300;font-weight:bold;}

/**main body **/

#content {width:1010px;min-height:1400px; }

#col1 {float:left;width:310px;height:900px; margin:10px 10px 0px 0px; text-align:left;}
#col2 {float:left;width:310px;height:900px; margin:10px 15px 0px 15px;text-align:left; }
#col3 {float:left;width:310px;height:900px; margin:10px 0px 0px 10px; text-align:left; }
#col4 {float:left;width:620px;height:900px; margin:10px 0px 0px 15px;text-align:left; }

#col1, #col2, #col3 h2 {color: darkred; }

#container {
	width: 850px;
    height: 885px;
	margin: 0 auto;
	text-align: center; 		
}
#container2 {
	background:url(images/bkground.gif) top center no-repeat; 
	width: 850px;
    height: 885px;
	margin: 0 auto;
	text-align: center; 		
}
#main {
	width: 900px;
    height: 200px;
	margin: 0 auto;
	text-align: left;
}
#lbox {
	  float: left;
	  width: 230px;
	  height: 200px;
      line-height: 180%;
      text-align: center;
	  margin: 0px 0px 0px 70px;
}

#mbox {
	  float: left;
	  width: 220px;
	  height: 200px;
      text-align: center;
	  margin: 0px 0px 0px 15px;
}

#rbox {
	  float: left;
	  width: 220px;
	  height: 200px;
      text-align: center;
	  margin: 0px 0px 0px 15px;
}

.smcol1 {
	float: left;
    width: 180px;
	margin: 0 auto;
	text-align: left;
}    
.smcol2 {
	float: left;
    width: 400px;
	margin: 0 auto;
	text-align: left; 		
}  
.smcol3 {
	float: left;
    width: 200px;
	margin: 0 auto;
	text-align: left; 		
} 
#onecol {
	float: left;
    width: 600px;
	margin: 0 auto;
	text-align: left; 		
}

#twocol2 {
	float: left;
    width: 450px;
	text-align: left; 		
    margin: 0px 0px 0px 15px;
    padding: 0px 30px 0px 0px;
}

#link1 {
	  float: left;
	  width: 300px;
	  height: 195px;
	  margin: 8px 0px 0px 0px;
      padding-top:10px;
      background:url(images/encinitas.gif);
      background-position:center;
      background-repeat:no-repeat;
      text-align:center;
	  font-size:12px;
      line-height:15px;
      text-align: center;
}
#link1 p{padding-top:116px;padding-left:-1px;}
#link2 {
	  float: left;
	  width: 300px;
	  height: 195px;
	  margin: 8px 0px 0px 0px;
      padding-top:10px;
      background:url(images/carlsbad.gif) ;
      background-position:center;
      background-repeat:no-repeat;
      text-align:center;
	  font-size:12px;
      line-height:15px;
      text-align: center;
}
#link2 p{padding-top:116px;padding-left:-1px;}

#link3 {
	  float: left;
	  width: 300px;
	  height: 195px;
	  margin: 8px 0px 0px 0px;
      padding-top:10px;
      background:url(images/ranchosantafe.jpg) ;
      background-position:center;
      background-repeat:no-repeat;
      text-align:center;
	  font-size:12px;
      line-height:15px;
      text-align: center;
}
#link3 p{padding-top:116px;padding-left:-1px;}

/** center row **/

#link4 {
	  float: left;
	  width: 300px;
	  height: 195px;
	  margin: 8px 0px 0px 0px;
      padding-top:10px;
      background:url(images/photoaccess.jpg) ;
	  background-repeat:no-repeat;
      background-position:center;
      text-align:center;
	  font-size:12px;
      line-height:15px;
      text-align: center;
}
#link4 p{padding-top:116px;padding-left:-1px;}

#link5 {
	  float: left;
	  width: 300px;
	  height: 195px;
	  margin: 8px 0px 0px 0px;
      padding-top:10px;
      background:url(images/photomarket.jpg);
	  background-repeat:no-repeat;
      background-position:center;
      text-align:center;
	  font-size:12px;
      line-height:15px;
      text-align: center; 
}
#link5 p{padding-top:116px;padding-left:-1px;}

#link6 {
	  float: left;
	  width: 300px;
	  height: 300px;
      text-align: left;
	  margin: 8px 0px 0px 0px;
      padding:15px 0px 0px 10px;
}

#link7 {
	  float: left;
	  width: 300px;
	  text-align: left;
	  margin: 8px 0px 0px 0px;
      padding-top:15px;
}

#link8 {
	  float: left;
	  width: 300px;
	  height: 195px;
	  margin: 8px 0px 0px 0px;
      padding-top:10px;
      background:url(images/cardiff.gif) ;
      background-position:center;
      background-repeat:no-repeat;
      text-align:center;
	  font-size:12px;
      line-height:15px;
      text-align: center;
}
#link8 p{padding-top:116px;padding-left:-1px;}

#link9 {
	  float: left;
	  width: 300px;
	  height: 195px;
	  margin: 8px 0px 0px 0px;
      padding-top:10px;
      background:url(images/solanabeach.gif) ;
      background-position:center;
      background-repeat:no-repeat;
      text-align:center;
	  font-size:12px;
      line-height:15px;
      text-align: center;
}
#link9 p{padding-top:116px;padding-left:-1px;}

#signup {
	  float: left;
	  width: 300px;
      height:350px;
      border-style:dashed;
      border-width:medium;
      border-color:darkred;
	  text-align: left;
	  margin: 0px 5px 20px 10px;
      padding:15px 10px 10px 10px; 
}
#lcorner{
	  float: left;
	  width: 640px;
	  height: 350px;
      text-align: left;
	  margin: 0px 0px 0px 0px;
       
}

#lcorner a{ text-align: left; color: #862A0F;}


/** right column **/

#rcorner{
	  float: left;
	  width: 300px;
	  height: 600px;
      background:url('images/catherinescorner.gif');
	  background-repeat:no-repeat;
      background-position:top center;
      text-align: left;
	  margin: 0px 0px 0px 5px;
      padding: 50px 0px 0px 0px;
}
#rcorner p { padding:0px 20px 0px 20px; }

.formfield { 
   padding: 2px 0px 2xp 0px; 
   height: 15px;
   width: 130px;
   background-color: #ffffff; 
} 


#footer {
    clear: both; 
    width:960px;
	height: 130px;
    background-image:url('images/footer.gif');
    background-position:center;
    background-repeat:no-repeat;
	color:#000000;
    padding: 0px 0px 0px 0px;
}
    
#footer a {
    text-decoration:none; 
    color:#000000;
}

#footer b {
  color:#ACA97F;
}
font {
      font-family: Verdana, Arial, Helvetica, sans-serif;
	  color: #b6206d;
      font-size: 12px;
}

/** text files **/
 
#left{
	  float: left;
	  width: 150px;
	  text-align: left;
	  margin: 0px 0px 0px 10px;
}

#right{
	  float: left;
	  width: 200px;
	  text-align: left;
	  margin: 0px 0px 0px 5px;
}
      
/** Class Definitions **/
/** for encinitas properties **/ 
.head {padding:30px 0px 0px 400px;color:#ffffff;font-style:italic; }
.head2 {padding:0px 0px 50px 460px;color:#ffffff;font-style:italic; }
.head3 {padding:0px 0px 0px 600px;color:#ffffff;text-align:center; }

/** for coastal homes **/ 
.headc {padding:20px 0px 0px 400px;color:#ffffff;font-style:italic; }
.head2c {padding:0px 0px 0px 480px;color:#ffffff;font-style:italic; }
.head3c {padding:0px 0px 0px 600px;color:#ffffff;text-align:center; }
.head4c {padding:0px 0px 40px 690px;color:#ffffff;font-style:italic; }

.container a:link{color:#862A0F}
.container a:visited{color:#ACA97F}

.credits {text-align:left;padding-top:60px; font-size:11px;}