/* CSS Document */



body {
color: #192f53;
background-image: url(osman_idx_images/back-interiorpage.gif);
background-repeat: no-repeat;
margin: 0px;}

h1 {
margin-top: 4px;
color: #dddddd;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.6em;
font-weight: 700;
margin-left: 15px;}


h2 {
color: #EFE7CD;
background-color:#82714E;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1.1em;
margin: 0px;
padding: 6px;
line-height: 230%;
}


h3 {
color: #82714E;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1.2em;
margin: 0px;
line-height: 130%;
}


h4 {
color: #EFE7CD;
background-color:#82714E;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.8em;
margin: 0px;
padding: 6px;
line-height: 230%;
}



h5 {
color: #FFF;
background-color:#4D6C9E;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px;
padding: 6px;
line-height: 180%;
}


h6 {
color: #EFE7CD;
background-color:#82714E;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.7em;
margin: 0px;
padding: 6px;
line-height: 140%;
}



li {
color: #192f53;
list-style: outside square url(images/buttonpurple10x10.gif); 
font-weight: 300;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px;
line-height: 160%;
padding-bottom: 10px;
}






/* Navigation Top Section Styles */


* html #navcontainer {
 width:988px; /* Total box width (borders + padding + width) for IE5/Win */
 w\idth:960px; /* Other versions of IE get this width */
}

#navcontainer {
width: 1020px;
position: absolute;
top: 40px;
left: 20px;
clear:both;}




#homelink {
float:left;
position:relative;
top: 0px;
left: 0px;
clear: both;
}



#sectiontitle {
float: left;
position: relative;
top: 0px;
left: 39px;
}


#justlisted {
color: #FFF;
background-color:#4D6C9E;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.8em;
margin: 0px;
padding: 6px;
line-height: 180%;
}



* html #proplinks{
 width:102px; /* Total box width (borders + padding + width) for IE5/Win */
 w\idth:102px; /* Other versions of IE get this width */
}

#proplinks {
float: left;
width: 100px;
position: relative;
top: 20px;
left: 37px;}





* html #neighbor{
 width:101px; /* Total box width (borders + padding + width) for IE5/Win */
 w\idth:101px; /* Other versions of IE get this width */
}

#neighbor {
float: left;
width: 91px;
position: relative;
top: 20px;
left: 38px;}





* html #about{
 width:100px; /* Total box width (borders + padding + width) for IE5/Win */
 w\idth:100px; /* Other versions of IE get this width */
}

#about {
float: left;
width: 89px;
position: relative;
top: 20px;
left: 38px;}





* html #agents{
 width:98px; /* Total box width (borders + padding + width) for IE5/Win */
 w\idth:98px; /* Other versions of IE get this width */
}

#agents {
float: left;
width: 89px;
position: relative;
top: 20px;
left: 38px;}




* html #mortgage{
 width:98px; /* Total box width (borders + padding + width) for IE5/Win */
 w\idth:98px; /* Other versions of IE get this width */
}

#mortgage {
float: left;
width: 92px;
position: relative;
top: 20px;
left: 38px;}





.nav {
background-color: #beab82; 
color: #192f53;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 10px;
font-weight: 300;
padding: 4px;
line-height: 230%;}
.nav a:link  { color: black;  padding: 5px; text-decoration: none;
border-left: 1px #84714e solid;
border-bottom: 1px #82714e solid;}
.nav a:visited  { color: black; padding: 5px; text-decoration: none;
border-left: 1px #84714e solid;
border-bottom: 1px #82714e solid;}
.nav a:hover  {background-color: #d1bc8f; padding: 5px; text-decoration: none; 
border-left: 1px #84714e solid;
border-bottom: 1px #82714e solid;}
.nav a:active  { color: black; text-decoration: none;}





/* Lines */

.paleback_notext {
background-color: #CCCCCC;
}


.light1back_notext {
background-color: #CCCCCC;
}





/* Elements on Every Page */


* html #maincontent{
 width:972px; /* Total box width (borders + padding + width) for IE5/Win */
 w\idth:972px; /* Other versions of IE get this width */
 top: 132px;
 t\op: 132px;
}

#maincontent {
clear:both;
position: relative;
width: 910px;
left: 28px;
top: 142px;
padding: 30px;
border-left: 1px #192f53 solid;
border-bottom: 1px #192f53 solid;
border-right: 1px #192f53 solid;}



* html #pagetitle{
 top: 8px; /* Total box width (borders + padding + width) for IE5/Win */
 t\op: 8px; /* Other versions of IE get this width */
}

#pagetitle {
float: right;
position: absolute;
top: 11px;
right: 28px;
clear: both;
}



#footer {
width: 100%;
text-align:center;
border-top: 1px #beab82 solid;
}











/* Text Formatting Styles */



.basetext {
color: #192f53;
font-weight: 300;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
margin: 0px;
line-height: 200%;
}

.basetext a:link  { 
color: black;  
text-decoration: none;
}
.basetext a:visited  { 
color: black; 
text-decoration: none;}
.basetext a:hover  {
color: black; 
text-decoration: underline; }
.basetext a:active  { 
color: black; 
text-decoration: underline;}



.schooltext {
color: #888;
font-weight: 300;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.9em;
margin: 20px;
line-height: 190%;
}

.schooltext a:link  { 
color: black;  
text-decoration: none;
}
.schooltext a:visited  { 
color: black; 
text-decoration: none;}
.schooltext a:hover  {
color: black; 
text-decoration: underline; }
.schooltext a:active  { 
color: black; 
text-decoration: underline;}





.subheadtext {
color: #4D6C9E;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px;
line-height: 230%;
}


.caption {
color: #192f53;
font-weight: 300;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.8em;
margin: 0px;
line-height: 130%;
}
.caption a:link  { 
color: black;  
text-decoration: none;}
.caption a:visited  { 
color: black; 
text-decoration: none;}
.caption a:hover  {
color: black; 
text-decoration: underline; }
.caption a:active  { 
color: black; 
text-decoration: underline;}



.codecomments {
background-color: #FFF; 
color: #192f53;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.7em;
line-height: 130%;
visibility: hidden;}

.codecomments a:link  { 
color: #192f53;  
text-decoration: none;}
.codecomments a:visited  { 
color: #192f53; 
text-decoration: none;}
.codecomments a:hover  {
color: #192f53; 
text-decoration: underline; }
.codecomments a:active  { 
color: #192f53; 
text-decoration: underline;}



/* Container Styles */


.showcasecontainer {
width: 900px;
height:193px;
left: 0px;
top: 0px;
padding: 0px;
border: 1px #192f53 solid;}



.showcasemain {
width: 900px;
height: 493px;
left: 0px;
top: 0px;
padding: 0px;
border: 1px #192f53 solid;}


.showcasemain2 {
width: 900px;
left: 0px;
top: 0px;
padding: 0px;
border: 1px #192f53 solid;}


.showcasemain3 {
width: 900px;
height: 300px;
left: 0px;
top: 0px;
padding: 0px;
border: 1px #192f53 solid;}



#agentcontainer {
float: left;
position: relative;
width: 325px;
left: 0px;
top: 0px;
padding: 0px;
margin-right: 30px;
border: 1px #192f53 solid;
clear: both;}



#descriptioncontainer {
width: 520px;
height: 300px;
right; 10px;
top: 0px;
clear: both;
}


.spacer10 {
margin-top: 10px;}



#brokercontainer {
width: 900px;
left: 0px;
padding: 0px;}




#photo1text {
position: absolute;
color: #ccc;
font-weight: 300;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.6em;
margin: 0px;
line-height: 100%;
z-index: -2;
}




/* Photo Placement Styles */


.photo1 {
float :left;
top: 0px;
left: 28px;
margin-right: 20px;
clear: both;
}











/* Text Styles */



.whiteback_subhead2 {
background-color: #fff;
color: #192f53;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
margin: 0px;
line-height: 150%;
}



.whiteback_bodytext {
color: #192f53;
font-weight: 300;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
margin: 0px;
line-height: 150%;
}



.darkback_tinytext {
color: #FFF;
background-color:#4D6C9E;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.7em;
margin: 0px;
padding: 6px;
line-height: 180%;
}


.darkback_tinytext a:link  { 
color: #FFF;
text-decoration: none;
}
.darkback_tinytext a:visited  { 
color: #FFF;
text-decoration: none;}

.darkback_tinytext a:hover  {
color: FFF; 
text-decoration: underline; }

.darkback_tinytext a:active  { 
color: FFF; 
text-decoration: underline;}





.statusline {
color: #192f53;
font-weight: 300;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
margin: 0px;
padding-top: 2px;
line-height: 150%;
}


.agentline {
color: #192f53;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
margin: 0px;
padding-top: 12px;
line-height: 150%;
}


.agentphoneline {
color: #192f53;
font-weight: 300;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
margin: 0px;
line-height: 150%;
}

.moreinfoline {
color: #4D6C9E;
font-weight: 700;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
margin: 0px;
padding-top: 8px;
line-height: 150%;
}

.moreinfoline a:link  { 
color: #4D6C9E;
text-decoration: none;
}
.moreinfoline a:visited  { 
color: #4D6C9E;
text-decoration: none;}

.moreinfoline a:hover  {
color: black; 
text-decoration: underline; }

.moreinfoline a:active  { 
color: black; 
text-decoration: underline;}




.mediumback_notext
{
    BACKGROUND-COLOR: #708ac3
}




.whiteback_smalltext
{
	FONT-FAMILY: Arial;
	FONT-SIZE: .70em;
	COLOR: #708ac3;
    BACKGROUND-COLOR: #FFFFFF
}

.whiteback_smalltext a:link { color: #708ac3; text-decoration: none  }
.whiteback_smalltext a:visited { color: #708ac3; text-decoration: none  }
.whiteback_smalltext a:hover { color: #172952; text-decoration: underline  }
.whiteback_smalltext a:active  { color: #172952; text-decoration: underline  }





.whiteback_tinytext
{
	FONT-FAMILY: Arial;
	FONT-SIZE: .65em;
	COLOR: #172952;
    BACKGROUND-COLOR: #FFFFFF
}


.whiteback_notext
{
    BACKGROUND-COLOR: #FFFFFF
}