/* CSS Document */
#tab_box{
	position:absolute;
	top:90px;
	left:151px;
}

/* CSS for photogallery */

#photos_div{
width:800px;
height:430px;
text-align:center;
}
#gallery{
height:400px;
overflow:auto;


}

#main_photo_container{
margin-top:-395px;
width:790px;
}
#main_photo{
filter:progid:DXImageTransform.Microsoft.Fade(duration=0.3);
}
#photo_text{
font-weight:bold;
font-style:italic;
}

#gallery table {
width:760px;

	margin:0px auto;  /* need this to center table in firefox*/
	

}

#gallery table td div{
    width:89px;
	overflow:hidden;
	text-align:center;
	
	
	}
#thumb{
	border:2px solid #ffffff;
	cursor:pointer;
height: 50px;
	}
#slide_controls{

	position:relative:
	left:-12px;
	cursor:pointer;
}

#control_wrapper{
width:100%;
position:absolute;
bottom:-4px;
left:0px;  /*otherwise IE does stupid things*/
text-align:center;
display:none;
}

/* END OF GALLERY STYLING*/
#map_div{
width:800px;
height:430px;
}

#map{
position:absolute;
top:0px;
left:200px;
width:600px;
height:430px;
border-left: 3px solid #EBEADE;
}

.controls{

position:absolute;
top:34px;
left:38px;
}
.controls table{
background-color:#EBEADE;
color:#011C51;
font-weight:bold;
text-align:center;
border-collapse:collapse;
margin-bottom:20px;


}
.controls table td{
border:1px solid #011C51;
padding:0px;
margin:0px;
}
.controls a{
display:block;  /*need display:block to get it to obey width*/
width:60px;
margin:0;
padding:0;

cursor:pointer;
}


.controls a:hover, .controls a.active{
background-color:#011C51;
color:#FFFFFF;
text-decoration:none;
}
#pano_div{
width:800px;
height:430px;
}
.panorama{

position:absolute;
top:0px;
left:200px;
width:600px;
height:430px;
border-left: 3px solid #EBEADE;
}

#pano_controls a{
width:100px;
}

/*start of main div styling*/
#main_pic_wrapper{
position:absolute;
top:22px;
left:20px;
text-align:center;
width:380px;
}
#main_pic{

border: 3px solid #EBEADE;
}
#main_text{
position:absolute;
top:24px;
left:413px;
width:382px;
height:332px;
font-weight:bold;
}

#main_div{
width:800px;
height:430px;
}
#main_div .price{
font-size:16px;
color:#8B823B;
font-weight:bold;
}
/* Start of details styling*/
#details_div{
width:800px;
height:400px;
}
#details_container{
position:absolute;
top:19px;
left:40px;
font-weight:bold;

}

#details_text{
float:left;
padding-left:4px;
width:180px;
height:265px;
}

#details_headings{
float:left;
width:138px;
height:265px;
text-align:right;
}
#special{
float:left;
width:300px;

}
#special li:first-letter{
text-transform:capitalize;

}                                                             
#special ul{
position:relative;
top:-25px;
left:95px;
}
#email_anch:link{  /*has to conteract mootabs.css*/
background-color:white;
color:#8A8039;
margin:0px;
padding:0px;
}
#mortgage_calc_div{
width:800px;
height:300px;
font-weight:bold;
}
#mortgage_calc{
margin-left:100px;
margin-top:20px;
}
#mortgage_calc_div td{
text-align:right}
#mortgage_calc_div input{
text-align:center}

#email_friend_div{
height:430px;}

#plan_div,#second_div,#third_div{
height:430px;
padding-top:30px;

}



#select_level{
position:absolute;
top:15px;
left:33px;
text-align:center;
width:100px;
}