/*
634739 #Brown from backdrop
352015 #Darkbrown from backdrop
9d0418 #Red sampled from jacket
f2e4dc #beige sampled from blouse
7c3c2d #eyeshadow color
763418 #Brown from hair highlight
fdd4c3 #light skin color
b55f4d #dark skin color
7b6148 #eye color sample
eeb412 - Gold from century 21 logo
*/

/* baseline reset - make all browsers have the same defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; font-family: Arial,Helvetica,sans-serif; font-size: 12pt; line-height: 1.5; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 24pt; }
h2 { font-size: 20pt; }
h3 { font-size: 16pt; }
h4 { font-size: 14pt; }
h5 { font-size: 12pt; }
h6 { font-size: 10pt; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,defn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { margin-left:40px; padding-left:0; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
caption,th { text-align:left; }
html,body,div,map,dt,isindex,form,p,dl,multicol,dd,blockquote { display: block; }

/* now for the stuff that is specific to this site */
body 
{ 
  background-color: #352015; /*Darkbrown from backdrop */
  background-image: url('../img/gradient.gif');
  background-repeat: repeat-x;
  background-position: top left;
  text-align: center;
  padding-left: 2em;
  padding-right: 2em;
  font-family: arial, helvetica, san-serif;
}

.page
{
  margin: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  background-color: #f2e4dc; /* beige sampled from blouse */
  color: #352015; /*Darkbrown from backdrop */
  text-align: left;
  border-width: .75em;
  border-style: solid;
  border-color:  #763418; /* Brown from hair highlight */
  width: 840px;
}

a#portrait
{ 
  border-width: 1.25em;
  border-style: solid;
  border-color:  #7b6148;  /* eye color sample */
  position: relative;
  top: -1.5em;
  left: -3em;
  width: 200px;
  height: 299px;
  float: left;
}

a#portrait:hover 
{ 
  border-color:  #85694e;  /* eye color sample, artificially brightened */ 
}

img#century21
{
  float: right;
  margin-right: .75em;
  margin-top: -.75em;
  margin-bottom: 0em;
  margin-left: 1em;
  width: 150px;
}

div#header
{
  padding-top: 1.5em;
  padding-bottom: 2em;
}

div#header h1
{
  line-height: 2;
  color: #9d0418; /* Red sampled from jacket */
}
div#header h2
{
  line-height: 2;
  color: #b55f4d; /* dark skin color */
}

div#contact
{
  float: right;
  text-align: right;
  padding-right: 2em;
  padding-left: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
}

div#contact p
{
  font-size: 12pt;
  font-weight: bold;
}

div#nav, div#footer
{
  padding-top: .5em;
  padding-bottom: .5em;
  clear: right;
  background-color:  #763418; /* Brown from hair highlight */
  line-height: 2;  
  border-width: .25em;
  border-style: solid;
  border-color: #b55f4d; /* dark skin color */
  border-left: none;
  border-right: none;  
  font-weight: bold;
  color: #b55f4d; /* dark skin color */
}


.page a, .page a:visited  { color: #9d0418; /* Red sampled from jacket */ }
.page a:hover { color: #b55f4d; /* dark skin color */ }
.page_title h1 { font-size: 16pt; padding-top: 2em; padding-bottom: 1em; }

iframe { border: none }

div#nav p
{ 
  text-align: right; 
}

div#nav a, div#nav a:visited, div#footer a, div#footer a:visited
{
  text-decoration:  none;
  color: #fdd4c3; /* light skin color */
  margin-left: 1.5em;
  margin-right: 1.5em;
}

div#nav a:hover, div#footer a:hover
{
  color: #eeb412; /* Gold from century 21 logo */
  border-bottom-width: 1px;
  border-bottom-color: #eeb412; /* Gold from century 21 logo */
  border-bottom-style: dotted;
}

div#footer p 
{ 
  font-size: 10pt; 
}

div#footer ul.legal 
{ 
  list-style-type: none;
  display: block;
  float: right;
  font-size: 10pt;
}

div#footer ul.legal li 
{ 
  display: inline;
  padding: 0 8px 0 8px;
  font-size: 10pt;
}

div#footer 
{ 
  border-bottom: none;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
}

#listings, #paginate-listings
{
  clear: left;
  margin-left: 2em;
}



.page div.content
{
  clear: left;
  padding-top: 2em;
  padding-left: 4em;
  padding-right: 4em;
  padding-bottom: 2em;
}

.page div.content h3
{
  margin-top: .25em;
  margin-bottom: .5em;
  color:  #763418; /* Brown from hair highlight */
}

img.property
{
  border-color: #352015; /*Darkbrown from backdrop */
  border-width: .3em;
  border-style: solid;
  float: right;
  margin: 2em;
  margin-right: -2em;
  margin-top: .5em;
}

.page div.content p
{
  margin-top: .5em;
  margin-bottom: .5em;
}

.page div.content p.sig
{
  font-style: italic;
  font-weight: bold;
  color:  #763418; /* Brown from hair highlight */
  margin-top: 1em;
}

fieldset
{
  border-style: solid;
  border-width: 2px;
  border-color: color:  #763418; /* Brown from hair highlight */
  margin-top: 3em;
  margin-bottom: 1em;
  padding: 1em;
  padding-left: 2em;
  padding-top: .6em;
}

fieldset legend
{
  font-weight: bold;
  color: #b55f4d; /* dark skin color */
  font-size: 14pt;
  margin-left: -1em; 
}

fieldset label, fieldset input, fieldset textarea
{
  display: block;
}

fieldset input, fieldset textarea
{
  padding-top: .15em;
  padding-bottom: .2em;
  padding-left: .2em;
  padding-right: .2em;
  margin-left: 1em;
  font-family: Arial,Helvetica,sans-serif; 
  font-size: 12pt;
}

.submit_feedback, .submit_errors
{
  color: #9d0418; /* Red sampled from jacket */
  font-weight: bold;
  font-size: large;
}


.sliderwrapper
{
  position: relative; /*leave as is*/
  overflow: hidden; /*leave as is*/
  width: 446px; /*width of featured content slider*/
  height: 208px;
  border: 5px solid #763418; /* Brown from hair highlight */
  padding: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

.sliderwrapper .contentdiv
{
  visibility: hidden; /*leave as is*/
  position: absolute; /*leave as is*/
  left: 0;  /*leave as is*/
  top: 0;  /*leave as is*/
  width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
  height: 100%;
  filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.sliderwrapper h4 
{
  color:  #763418; /* Brown from hair highlight */
  font-size: 12pt;
  margin-top: 1em;
}

.sliderwrapper p
{
  font-size: 10pt;
  margin-right: 1em;
}

.featured
{
  float: left;
  margin: 1em;
  text-align: center;
}

.featured img
{
  border-color: #352015; /*Darkbrown from backdrop */
  border-width: .3em;
  border-style: solid;
}

.pagination
{
  width: 480px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
  padding-top: .25em;
  padding-bottom: .25em;
  text-align: center;
  background-color:  #763418; /* Brown from hair highlight */
}

.pagination a
{
  font-weight: bold;
  padding: 0 5px;
  text-decoration: none; 
  color: #fdd4c3; /* light skin color */
}

.pagination a:hover
{
  color: #eeb412; /* Gold from century 21 logo */
  border-bottom-width: 1px;
  border-bottom-color: #eeb412; /* Gold from century 21 logo */
  border-bottom-style: dotted;
}

.pagination a.selected
{
  color: #eeb412; /* Gold from century 21 logo */
}