@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #003864 url(images/grad_back_rev.jpg) repeat-x;
}
#container {
	width: 980px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.clear {
	clear: both;
}
a:link{
	color:#0526a7;
}
a:visited{
	color:#666666;
}
.gads {
	width: 175px;
	padding-left: 25px;
	padding-top: 50px;
}

/* __________________________________________________Start of HEADER styling */
#header {
	height: 120px;
	width: 940px;
	background: url(images/header.jpg) no-repeat;
	padding-left: 40px;
}
#header h1 {
	display: none;
}
#header #logo {
	background-image: url(images/logo.jpg);
	height: 81px;
	width: 228px;
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-right: 0px;
	float: left;
}
#header  #logo a {
	display: block;
	height: 85px;
	width: 230px;
}
#header #search {
	height: 100px;
	margin-top: 10px;
	width: 250px;
	float: right;
	padding-right: 40px;
}

/* __________________________________________________Start of TOP NAV styling */
#top_nav {
	float: right;
	width: 230px;
	height: 15px;
	text-decoration: none;
	margin-bottom: 5px;
}
#top_nav ul li {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	float: right;
}
#top_nav ul li a {
	display: block;
	height: 15px;
	width: 50px;
	color: #FFFFFF;
}
#top_nav a:link, #nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#top_nav a:hover {
	color: #FFCC00;
	text-decoration: underline;

}
#top_nav a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
/* __________________________________________________Change hover and active button states on TOP NAV rollovers

#top_nav ul li#nhome_top a:hover, #nav ul li#nhome_top a:active {
	background-image: url(images/top_nav_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -60px -15px;
}
#top_nav ul li#ncontact_top a:hover, #nav ul li#ncontact_top a:active {
	background-image: url(images/top_nav_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -95px -15px;
}
#top_nav ul li#nsitemap_top a:hover, #nav ul li#nsitemap_top a:active {
	background-image: url(images/top_nav_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -158px -15px;
}

#top_nav ul li a span {
	display: none;
}

 __________________________________________________Start of SEARCH BOX styling */
#search_box {
	height: 50px;
	width: 235px;
	float: right;
	margin-bottom: 5px;
}
#search_box  input {
	vertical-align: top;
	margin-left: 7px;
}
.white {
	color: #D7E9F4;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}

/* __________________________________________________Start of CALLOUT styling */
#callout {
	background-image: url(images/callout2.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 218px;
	float: right;
	padding-right: 10px;
}

/* __________________________________________________END OF Change hover and active button states on rollovers */
/* __________________________________________________END of TOP NAV styling */


#header_pic {
	height: 104px;
	width: 100%;
	background: url(images/lajolla_cove.jpg) no-repeat;
}

/* __________________________________________________End of HEADER styling */



/* __________________________________________________Start of NAV styling */
#nav {
	height: 36px;
	width: 980px;
	text-decoration: none;
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
}
#nav ul li {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	float: left;
}
#nav ul li a {
	display: block;
	height: 36px;
}
#nav ul li#nhome a {
	width: 138px;
}
#nav ul li#nabout a {
	width: 138px;
}
#nav ul li#nbuy a {
	width: 136px;
}
#nav ul li#nsell a {
	width: 136px;
}
#nav ul li#nrelocate a {
	width: 136px;
}
#nav ul li#nresources a {
	width: 138px;
}
#nav ul li#ncontact a {
	width: 156px;
}

/* __________________________________________________Change hover and active button states on rollovers */
#nav ul li#nhome a:hover, #nav ul li#nhome a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -36px;
}
#nav ul li#nabout a:hover, #nav ul li#nabout a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -138px -36px;
}
#nav ul li#nbuy a:hover, #nav ul li#nbuy a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -276px -36px; 
}
#nav ul li#nsell a:hover, #nav ul li#nsell a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -412px -36px;
}
#nav ul li#nrelocate a:hover, #nav ul li#nrelocate a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -548px -36px;
}
#nav ul li#nresources a:hover, #nav ul li#nresources a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -684px -36px;
}
#nav ul li#ncontact a:hover, #nav ul li#ncontact a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -822px -36px;
}
#nav ul li a span {
	display: none;
}
/* __________________________________________________END OF Change hover and active button states on rollovers */

/* __________________________________________________To show highlighted button on each clicked page */

/*#dhome #nav ul li#nhome a:link, #dhome #nav ul li#nhome a:visited, #dhome #nav ul li#nhome a:hover, #dhome #nav ul li#nhome a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -36px;
}*/
#dabout #nav ul li#nabout a:link, #dabout #nav ul li#nabout a:visited, #dabout #nav ul li#nabout a:hover, #dabout #nav ul li#nabout a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -138px -36px;
}
#dbuy #nav ul li#nbuy a:link, #dbuy #nav ul li#nbuy a:visited, #dbuy #nav ul li#nbuy a:hover, #dbuy #nav ul li#nbuy a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -276px -36px;  
}
#dsell #nav ul li#nsell a:link, #dsell #nav ul li#nsell a:visited, #dsell #nav ul li#nsell a:hover, #dsell #nav ul li#nsell a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -412px -36px;
}
#drelocate #nav ul li#nrelocate a:link, #drelocate #nav ul li#nrelocate a:visited, #drelocate #nav ul li#nrelocate a:hover, #drelocate #nav ul li#nrelocate a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -548px -36px;
}
#dresources #nav ul li#nresources a:link, #dresources #nav ul li#nresources a:visited, #dresources #nav ul li#nresources a:hover, #dresources #nav ul li#nresources a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -684px -36px;
}
#dcontact #nav ul li#ncontact a:link, #dcontact #nav ul li#ncontact a:visited, #dcontact #nav ul li#ncontact a:hover, #dcontact #nav ul li#ncontact a:active {
	background-image: url(images/sprite.jpg);
	background-repeat: no-repeat;
	background-position: -822px -36px;
}
/* __________________________________________________END OF Change hover and active button states on rollovers */


/* __________________________________________________Start of MAIN styling */
#main {
	width: 980px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
#main #left_col {
	float: left;
	width: 730px;
	min-height: 500px;
}
#bread    {
	height: 20px;
	width: 685px;
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#main #left_col #content {
	height: 130px;
	width: 730px;
	background: #FFFFFF;
}
#content  h2  {
	font-size: 2em;
	color: #0256a7;
	font-weight: bold;
	padding-left: 45px;
	padding-top: 5px;
}
#content  h3 {
	padding: 10px 35px 10px 45px;
	font-size: 1.25em;
	font-weight: normal;
	text-decoration: none;
}
#content h3 a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

#main #left_col #main_box {
	float: left;
	min-height: 300px;
	width: 730px;
}
#main #left_col #main_box #feature {
	float: left;
	min-height: 350px;
	width: 490px;
}
#main #left_col #main_box #box1 {
	float: left;
	width: 230px;
	min-height: 350px;
	padding-left: 30px;
}
#main #left_col #main_box #box2 {
	float: left;
	width: 230px;
	min-height: 350px;
	margin-left: 14px;
}
#main #left_col #main_box #box3 {
	float: left;
	min-height: 350px;
	width: 215px;
	padding-left: 10px;
}
h2.feature {
	font-size: 1.6em;
	font-weight: bold;
	color: #0256a7;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 15px;
}
#main #left_col #main_box #box1 #home1 {
	background-image: url(images/homes/feature_home1.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 220px;
}
#main #left_col #main_box #box2 #home2 {
	background-image: url(images/homes/feature_home2.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 220px;
	margin-top: 30px;
}
.text1 {
	font-size: 1em;
	width: 70px;
	float: left;
	background: url(images/priceline.gif) repeat-x left top;
	list-style: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.text2 {
	font-size: 1em;
	color: #757575;
	padding: 5px 0px;
	background: url(images/priceline.gif) repeat-x left top;
	text-align: right;
	margin-right: 20px;
	list-style: none;
}
.text3 {
	padding-top: 5px;
	background: url(images/priceline.gif) repeat-x left top;
	text-align: right;
	font-weight: bold;
	padding-right: 18px;
}
.text4 {
	font-size: 1em;
	color: #757575;
	padding: 5px 0px;
	background: url(images/priceline.gif) repeat-x left top;
	text-align: left;
	margin-right: 18px;
	list-style: none;
}
.list1 text1.first, .list1 text2.first {
	background: none;
}
#main #left_col #feature #main_box #box3 #agent1 {
	height: 100px;
	width: 200px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
}
#main #left_col #feature #main_box #box3 #agent2 {
	height: 100px;
	width: 200px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-right: 10px;
}
#main #left_col #feature #main_box #box3 #agent3 {
	height: 100px;
	width: 200px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-right: 10px;
}
img { 
	border: none; 
}
.img1 {
	float: left;
	margin: 0px 15px 0px 10px;
}
#box3 #agent1 .img1 {
	padding-bottom: 10px;
	padding-top: 8px;
	padding-left: 5px;
}
#box3 #agent2 .img1 {
	padding-bottom: 10px;
	padding-top: 8px;
	padding-left: 5px;
}
#box3 #agent3 .img1 {
	padding-bottom: 10px;
	padding-top: 8px;
	padding-left: 5px;
}
/* __________________________________________________End of MAIN styling */

/* __________________________________________________Start of SIDEBAR styling */
#main #sidebar {
	float: right;
	width: 250px;
	min-height: 500px;
}
#main #sidebar #sidebar_top {
	height: 230px;
	width: 248px;
	border-left: 2px solid #CCCCCC;
	margin-top: 30px;
}
h3.sidebar    {
	font-size: 1.6em;
	font-weight: bold;
	color: #0256a7;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 25px;
}

/*_______________________________________________START of Contact styling________*/

.quick_contact
 {
	background: url(images/quick_bk3.gif) no-repeat;
	height: 190px;
	width: 194px;
	margin-left: 25px;
}
.quick_contact table {
	padding: 0px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.quick_contact .input_long {
	width: 116px;
	margin-bottom: 10px;
	background: url(images/input_long.gif) no-repeat;
	border-width: 0px;
	border-style: none;
	height: 27px;
	vertical-align: 50%;
	line-height: normal;
}
.quick_contact .input_short {
	width: 30px;
	background: url(images/input_small.gif) no-repeat;
	border-width: 0px;
	border-style: none;
	height: 27px;
	margin-bottom: 8px;
	margin-left: 10px;
	vertical-align: 50%;
}
.quick_contact img {
	padding-left: 60px;
	padding-bottom: 10px;
}
.quick_contact .copy {
	padding-bottom: 15px;
	text-align: right;
	padding-right: 5px;
	font-size: 1.1em;
}
.quick_contact .copy2 {
	text-align: right;
	padding-right: 5px;
	font-size: 1.1em;
	padding-left: 5px;
}
input#submit {
	background: url(images/submit_btn.jpg) no-repeat;
	text-decoration: none;
	width: 58px;
	height: 24px;
	border-width: 0px;
	border-style: none;
}
.btn_right {
	text-align: right;
	padding-top: 10px;
}

/*_____________________________________________________END of Contact styling____*/

#main #sidebar #sidebar_bottom {
	min-height: 240px;
	width: 248px;
	border-left: 2px solid #CCCCCC;
}
.quick_property  table {
	padding: 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.quick_property {
	background: url(images/quick_bk3.gif) no-repeat;
	height: 190px;
	width: 194px;
	margin-left: 25px;
}
.quick_property .input_long {
	width: 116px;
	margin-bottom: 10px;
	background: url(images/input_long.gif) no-repeat;
	border-width: 0px;
	border-style: none;
	height: 27px;
}
.quick_property .input_short {
	width: 30px;
	background: url(images/input_small.gif) no-repeat;
	border-width: 0px;
	border-style: none;
	height: 27px;
	margin-bottom: 8px;
	margin-left: 7px;
}
.quick_property img {
	padding-left: 60px;
	padding-bottom: 10px;
}
.quick_property .copy {
	padding-bottom: 15px;
	text-align: right;
	padding-right: 5px;
	font-size: 1.1em;
}
.quick_property .copy2 {
	text-align: right;
	padding-right: 5px;
	font-size: 1.1em;
	padding-left: 5px;
}

/*__________________________________________________Start of APR Form */
.rates {
	background: url(images/quick_bk3.gif) no-repeat;
	height: 190px;
	width: 194px;
	margin-left: 25px;
}
.rates table {
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.rates .copy2 {
	text-align: right;
	padding-right: 5px;
	font-size: 1.1em;
	padding-left: 5px;
}
.rates  .copy3 {
	text-align: left;
	padding-right: 5px;
	font-size: 1.1em;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}
.rates .table .alt {
	background-color: #C0DDEF;
}
.rates .table td {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
/*__________________________________________________End of APR Form */
/* __________________________________________________End of SIDEBAR styling */


#agents {
	float: left;
	min-height: 350px;
	width: 100%;
	padding-top: 20px;
}
#agents_left {
	width: 300px;
	float: left;
	padding-left: 45px;
}
#agents_right {
	width: 300px;
	min-height: 350px;
	float: left;
	padding-left: 50px;
}
h2.team {
	font-size: 1.6em;
	font-weight: bold;
	color: #0256a7;
	padding-bottom: 5px;
	padding-top: 5px;
}
.img2 {
	float: left;
	margin: 0px 15px 0px 0px;
	padding-bottom: 15px;
}
.text5 {
	font-size: 1.1em;
	color: #000000;
	padding: 5px 0px 0px;
	text-align: left;
	margin-right: 18px;
	list-style: none;
	background: url(images/priceline.gif) repeat-x left top;
}
.text5last {
	font-size: 1.1em;
	color: #000000;
	text-align: left;
	margin-right: 18px;
	list-style: none;
	background: url(images/priceline.gif) repeat-x left top;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.text6 {
	font-size: 1em;
	color: #757575;
	text-align: left;
	margin-right: 18px;
	list-style: none;
	padding: 5px;
}
#agents_left  #agent1, #agent2, #agent3, #agent4 {
	height: 110px;
}
#agents_right #agent5, #agent6, #agent7, #agent8 {
	height: 110px;
}
#content  p  {
	padding: 10px 35px 10px 45px;
	font-size: 1.25em;
	font-weight: normal;
}


/* ____________________________________START of BUY styling_____*/
#buy {
	float: left;
	min-height: 350px;
	width: 100%;
}
.homes {
	width: 650px;
	float: left;
	padding-left: 40px;
	margin-top: 25px;
}
#buy h2 {
	font-size: 2em;
	color: #0256a7;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 40px;
}
.img_box {
	float: left;
	width: 300px;
}
.listing {
	margin-left: 0px;
	list-style: none;
	line-height: normal;
}
.homes  p {
	font-size: 1.2em;
	padding-bottom: 5px;
}
ul.listing  {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	width: 250px;
	float: left;
}
ul.listing strong {
	float: left;
	line-height: 1;
}
ul.listing span {
	float: right;
	line-height: 1;
	color: #999999;
}
.listing li {
	height: 10px;
	background: url(images/line.gif) repeat-x left top;
	margin: 0px;
	padding: 5px 0px;
}
.listing li.first {
	background: none;
}
.homes  h3 {
	font-size: 1.6em;
	font-weight: bold;
	color: #0256a7;
	padding-bottom: 5px;
	padding-top: 10px;
}
.text7 {
	font-size: 1.1em;
	color: #000000;
	text-align: left;
	list-style: none;
	padding: 0px;
	margin-right: 18px;
	margin-bottom: 10px;
}
.text9 a {
	font-size: 1em;
	color: #0256a7;
	text-align: left;
	margin-right: 18px;
	list-style: none;
	text-decoration: none;
}

.homes a:link       {
	text-decoration: none;
	list-style: url(none) none;
	font-size: 0.8em;
	text-transform: capitalize;
	color: #0256a7;
}
.homes a:visited  {
	text-decoration: none;
	list-style: url(none) none;
	font-size: 0.8em;
	text-transform: capitalize;
	color: #666666;
}
.backtotop a {
	text-decoration: none;
	margin-left: 525px;
	color: #0256a7;
	font-size: 0.8em;
}
hr {
	border: 0.5px solid #CCCCCC;
}
#content2 {
	padding-left: 45px;
	padding-right: 80px;
}
#content2 h2 {
	font-size: 1.6em;
	color: #0256a7;
	padding-top: 15px;
}
#content2 p {
	padding-top: 15px;
	font-size: 1.2em;
}

#content2 .text8 {
	font-size: 1em;
	color: #999999;
	padding-top: 50px;
}
#content2 ul {
	padding-top: 15px;
}
#relocate_btm {
	float: left;
	width: 100%;
	padding-top: 20px;
}
#relocate_btm_left {
	width: 300px;
	float: left;
	padding-left: 45px;
}
#relocate_btm_right {
	width: 300px;
	float: left;
	padding-left: 50px;
	height: 230px;
}
#relocate_btm_left  p {
	padding-top: 10px;
	font-size: 1.2em;
}
#flash {
	height: 400px;
	width: 248px;
	border-left: 2px solid #CCCCCC;
	margin-top: 60px;
}

#myContent {
	width: 130px;
	float: left;
	height: 250px;
	padding-top: 20px;
	margin-left: 50px;
}



/* __________________________________________________END of BUY styling */




/* __________________________________________________Start of FOOTER styling */
#footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 980px;
	float: left;
}

#footer_left    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	padding-left: 120px;
	float: left;
	width: 450px;
	padding-top: 10px;
}
#footer #footer_left a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer_right    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding-left: 160px;
	float: left;
	width: 250px;
	padding-top: 10px;
}

/*_______________________________________________START of Contact Form___*/
#contact {
	float: left;
	min-height: 350px;
	padding-bottom: 10px;
	background-image: url(images/contact_bkg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 450px;
	width: 100%;
	margin-top: 30px;
}
#contact h2 {
	font-size: 2em;
	color: #0256a7;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 180px;
}

#contact_table {
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.left_col {
	text-align: right;
	height: 23px;
}
.right_col {
	text-align: left;
	width: 200px;
	height: 23px;
}
.left_col_top {
	text-align: right;
	width: 200px;
	vertical-align: top;
}

.required {
	background: #FFFFFF !important;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#contact_table input, #contact_table select option {
	background: #FFFFFF !important;
}
.success {
	padding-left: 180px;
	width: 325px;
	padding-top: 20px;
	font-size: 1.2em;
	color: #000000;
}
#contact h3 {
	padding-left: 180px;
	padding-top: 20px;
	color: #0256a7;
}


/*___________________________________START of Sitemap styling__*/
#sitemap {
	padding-left: 50px;
	padding-bottom: 15px;
}
#sitemap_btm {
	float: left;
	width: 100%;
	padding-top: 20px;
}
#sitemap_btm_left {
	width: 200px;
	float: left;
	padding-left: 130px;
}
#sitemap_btm_right {
	width: 300px;
	float: left;
	padding-left: 50px;
}
#sitemap_btm_left p {
	padding-top: 10px;
	font-size: 1.2em;
}

#sitemap_btm_right  p {
	padding-top: 10px;
	font-size: 1.2em;
}
.text8 {
	font-size: 1.2em;
	color: #0256a7;
	padding-left: 10px;
}
#rentals h2 {
	font-size: 2em;
	color: #0256a7;
	font-weight: bold;
	padding-left: 45px;
	padding-top: 25px;
}
#content2 .text8last {
	font-size: 1em;
	color: #999999;
	padding-top: 20px;
}
#broker {
	padding-right: 80px;
	padding-bottom: 30px;
}
#disclaimer p {
	text-align: center;
	padding-top: 10px;
	width: 350px;
	padding-left: 185px;
}