body{
   text-align: center;
   background:#e1d7b4;
   background-image: url(images/background.jpg);
}

h1, h2, h3{ 
   margin-top: 0;
}

div .view_ref { border:none;}
.view_ref a:hover {text-decoration:circle}
.view_ref: a:active {text-decoration:square}
.view_ref: a:link {text-decoration:none}
.view_ref: a:visited {text-decoration:none}
.caption{
             font-size: 85%;
             font-style: italic;
}

#page {
	width: 976px;
}

#pic { position:relative; text-align: center; height: 396px;  width:448px; }

.newPropDesc{
width:450px;
}

img .smallLogo{
position:relative;
float:left;
margin-left:10px;
}

.leftSide{
   position:relative;
   margin-top:15px;
   float: left;
   width:500px;
}
.rightSide{
   margin-top:85px;
   float: left;
   margin-left: 18px;
   width:456px;
}
.bottomWrapper{
   width:956px;
   /*height:310px;*/
   padding:10px;
   background:white;
   border:solid #B0B58C;
   margin-top:25px;
}
.bottomCol1{
   margin-top:10px;
   float: left;
   width:170px;
text-align:right;
}
.bottomCol2{
   margin-top:10px;
   float: left;
   margin-left: 5px;
   width:110px;
}

.bottomCol3{
   margin-top:10px;
   float:left;
   margin-left:5px;
   width: 300px;
   text-align:left;
}

.bottomCol4{
   margin-top:10px;
   float: left;
   margin-left: 10px;
   width:310px;
}


	
h1 {
    padding: 3px 7px 7px 3px;
    word-spacing: .2em;
    letter-spacing: .01em;
    font-family: Verdana, sans-serif;
    font-size: 1.0em;
    color: white;
    text-align: center;
}

p {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: .8em;
    color: #4f2926;
    text-align: center;
}

a:hover {text-decoration:circle}
a:active {text-decoration:square}
a:link {text-decoration:underline; color: #4f2926}
a:visited {text-decoration:underline; color: black;}


div#propTitleBox{
    width: 492px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin:5px;
    background:#4f2926;
    color:#ffffff
} 
.leftImage {
   float:left;
   margin-right:5px;
}
.agentInfo{
    /*height: 207px; */
    height: 207px;
}

.tourInfoText {
    position: absolute;
    /*height: 100px;*/
    width:450px;
    right: 5px;
    top:75px;
    text-align:left;
}
.agentInfoText {
    position: absolute;
    /*height: 200px;*/
    height: 200px;
    width:450px;
	 right: 5px;
    top:0;
    background: url(images/agentCircle.gif) no-repeat;
}

.agentInfoTextPreview {
    position: absolute;
    top: 50px;
    left: 30px;
    height: 200px;
    width:450px;
    background: url(images/agentCircle.gif) no-repeat;
}

.agentInfoText p, .agentInfoTextPreview p {
    font-size: 11pt;
    font-family: arial;
    color:black;
    text-align:left;
}

.agentInfoText p, .agentInfoText img, .agentInfoTextPreview img{
	/*margin-top:40;*/
	margin-top:40;
}

.agentInfoTextPreview p{
	margin-top: 40px;
}

.agentInfoTextPreview img{
	margin-left: 5px;
}

.previewPage {
	width: 516;
	height: 305;
	background: white;
}

.previewBody {
	background:#e1d7b4;
   	background-image: url(images/background.jpg);
   	margin: 30px;
   	height: 200px;
}

.previewButton{
	margin-left: 10px;
	margin-right: 10px;
}
    
.propDesc {
    width:492px;
    padding: 5px 10px 13px 10px;
    height: 70px;
}

.propDesc p {
    font-size: 10pt;
    font-family: arial;
    color: #000;
    text-align:center;
    line-height:1.3em;
}
div#viewDescBox {
	 position: absolute;
	 bottom: 0;
	 left: 0;
    z-index: -1;
    width:448px;
    height: 68px;
    /*background-color:#afb48b;*/
}
p#viewpoint_desc  {
    font-size: 10pt;
    font-family: arial;
    color: #000;
    text-align:center;
    line-height:1.2em;
    margin: 5px 5px 0 5px;
}

.instrWrapper {
    width:492px;
    padding-left:10px;
}
.tourWrapper {
    width:456px;
    height: 45px;
    padding-left:0px;
}

div#zoomText, div#zoom2Text {
    background: #dfd5b4;
    height:20px;
    padding: 0px;
    text-align:left;
}

/* div#zoom2Text {
    height:50px;
} */


div#zoomText h1, div#zoom2Text h1{
    font-size: 9pt;
    font-family: verdana;
    color: #4f2926;
    letter-spacing: 1px;
}


div#instrBox,div#tourBox{
    float:left;
    height:10px;
    padding:2px;
    text-align:left;
    /* background:#4f2926; */
}
div#instrBox{
    width:488px;
}
div#tourBox{
    height:50px;
    width:456px;
}

div#instrText,div#tourText{
    /* background: #efeada;*/
    height:20px;
    padding: 0;
    text-align:left;
}

div#tourText{
    height:50px;
}

div#instrText h1, div#tourText h1 {
    font-size: 9pt;
    /*font-family: verdana;*/
    font-style: italic;
    font-weight: bold;
    color: #4f2926;
    letter-spacing: 1px;
}

div#tourText img {
    margin-top: 10px;
}

div#zoomBox, div#zoom2Box {
    float:left;
    width:0px;
    height:0px;
    padding:0px;
    background:#4f2926;
}
/* div#zoom2Box {
    height:50px;
} */

div.overview-map {
    width: 488px;
    height: 492px;
    /*width: 458px;
    height: 462px;*/
	 display: block;
    margin-left:10px;
    float: left;
    /*background:#4f2926;*/
	/*background:#6E8B3D;*/
	background:#B0B58C;
}

div#footer {
	margin: 5px 8px 5px 8px;
   color: black;
}

div#approve {
   position: absolute;
   top: 5%;
   left: 45%;
   z-index: 5;
   width: 240px;
   height: 130px;
   padding: 15px;
  background-color: #ffffff;
  border: 5px solid #4f2926;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  }

div#approve p {
   font-size: 100%;
}

div#approve input {
   display:block;
   margin-left: auto; margin-right: auto;
    height: 30px;
    font-weight: bold;
    width: 100px;
    color: white;
    background: #afb48c;
    cursor: pointer;
    cursor: hand;
}