a:active{outline: none;}

a:focus{-moz-outline-style: none;}

html{
height: 100%;
background: #182C59;
}

body{
background-image:url('/images/body.jpg');
background-repeat:no-repeat;
background-position:center top;
padding: 15px 0 35px 0;
height:100%;
font-family: verdana;
font-size: 12px;
}


#footer{
width:980px;
margin:0 auto;
padding:10px;
position:relative;
text-align:left;
color: #FFF;
line-height: 20px;
}

#footer > a{
color:#FFF;
}

#text_location{
padding: 5px;
font-size: 16px;
}

#text_location > b{
font-size: 20px;
}

#container_one{
position: relative;
height: 362px;
}

#container_whole{
position: relative;
height: 600px;
}

#page_title{
clear:both;
color: #FFF;
background: #00245D;
font-size: 20px;
padding: 4px 10px 4px 10px;
width: 980px;
text-align: left;
border-top: 1px solid #F6DBA9;
border-bottom: 1px solid #F6DBA9;
font-style: italic;
}

#container_two{
width: 1000px;
height: 232px;
background-color: #FFF;
}


#main{
background: url('../images/slidestone_grey.jpg') repeat;
width: 1000px;
border: 3px solid #F6DBA9;
margin: 0 auto;
padding: 0;
position: relative;

}

#left_side{
background: url('../images/left_back2.png') no-repeat;
width: 225px;
float:left;
height: 530px;
position: relative;
}

#left_side_pa{
background: url('../images/left_back_pa.png') no-repeat;
width: 225px;
float:left;
height: 530px;
position: relative;
}

#right_side{
width: 775px;
float:left;
height: 530px;
position: relative;
margin-top:15px;
margin-left:0px;
}

#left_content{
padding: 223px 5px 0 5px;
text-align: left;
font-size: 14px;
z-index:1000;
}

#left_content_pa{
padding: 255px 5px 0 5px;
text-align: left;
font-size: 14px;
z-index:1000;
}

#flipping{
position: absolute;
bottom: 10px;
left:30px;
}

#floor_plate{
width: 200px;
height: 500px;
float:left;
margin-left:20px;
color: #8D1523;
}

.terms_title{
color:#00245D;
font-weight:bold;
font-size:16px;
}

.terms_red{
color:#8D1523;
font-weight:bold;
}

#terms_left_column{
float:left;
width:350px;
padding-right:20px;
font-size:11px;
color: #000;
}

#terms_right_column{
float:left;
width:350px;
font-size:11px;
color: #000;
padding-right:20px;
}

#building-features{
background: url('../images/background_bf.png') no-repeat;
float:left;
padding: 5px;
margin: 60px 0 0 3px;
}

#site-plan{
background: url('../images/site_plan.png') no-repeat;
float:left;
height: 426px;
width: 755px;
margin: 60px 0 0 10px;
}

#site-plan-pa{
background: url('../images/site_plan_pa.png') no-repeat;
float:left;
height: 426px;
width: 755px;
margin: 60px 0 0 10px;
}


#unit-features{
background: url('../images/background_bf.png') no-repeat;
float:left;
padding: 5px;
margin: 60px 0 0 3px;
}

.red{
color: #8D1523;
}

#content_auction_day{
float:left;
width: 320px;
text-align:left;
margin:20px;
line-height: 20px;
}

#documents{
float:left;
margin: 10px;
text-align:left;
}

#documents > td{
text-align:left;
}

#floor_plan{
float:left;
margin-left:20px;
}

.red_big{
color: #8D1523;
font-size: 20px;
font-weight: bold;
}

.inside_left{
padding-left:6px;
}

#toh_body{
float:left;
height:460px;
width: 760px;
overflow-y: auto;
overflow-x: hidden;
}

#toh_header{
float:left;
clear:right;
padding-left:10px;
}



#table_bg{
background: url('../images/sample_table3.png') no-repeat;
width: 660px;
height: 175px;
padding-top: 5px;
color: #666;
font-style: italic;
}

#table_bg_pa{
background: url('../images/sample_table_pa.png') no-repeat;
width: 660px;
height: 175px;
padding-top: 5px;
color: #666;
font-style: italic;
}

#header{
width: 980px;
height:60px;
padding: 0 10px 3px 10px;
clear:right;
}

#nav{
float:left;
clear:left;
width: 225px;
height:400px;
background-color: #a7af39;
border-top: 1px solid #F6DBA9;
border-right: 1px solid #F6DBA9;
border-bottom: 1px solid #F6DBA9;
}

#sample_homes{
position:relative;
clear:left;
float:left;
width:655px;
text-align: left;
margin:10px 0 0 10px;
}

#email_friend{
position:absolute;
right:0;
top:0;
}

#email_friend > a{
text-decoration: none;
}

#email_friend_div{
float:left;
}

.sample_text{
font-family: georgia;
font-size: 21px;
font-weight: bold;
color: #00245D;
}

#title_block{
float:left;
clear:right;
padding: 10px 0 0 8px;
}


#navigation{
clear:both;
}

#spacer{
clear:both;
width: 900px;
height:10px;
}

.navbutton{
float:left;
padding: 5px 25px;
border: 1px solid #F6DBA9;
border-left: 0px;
background-color: #00245D;
}

.navbutton > a{
color: #FFF;
text-decoration: none;
font-size: 13px;
font-weight: bold;

}

.navbutton > a:hover{
color: #F8C803;
text-decoration: none;
font-size: 13px;
font-weight: bold;

}

.nav_leftover{
float:left;
clear:right;
margin-top:13px;
width:278px;
border-top: 1px solid #00245D;
}

.nav_leftover_pa{
float:left;
clear:right;
margin-top:13px;
width:430px;
border-top: 1px solid #00245D;
}

.nav_leftover_inside{
float:left;
clear:right;
margin-top:13px;
width:180px;
border-top: 1px solid #00245D;
}


#login{
float:left;
width: 320px;
text-align:center;
padding:10px 0 0 0;
margin-left:10px;

}

.title {
	font-size:19px;
	color:#074987;
}

.recentnews2 { border-bottom:1px solid #074987; }
.recentnews2 a:hover { color:#074987; text-decoration:underline; }
.recentnews2 a { color:#074987;	text-decoration:none;}

.news {
	height:250px;
	width: 250px;
	overflow:auto;
	padding-right:15px;
	}

.list_login{
text-align:left;
line-height: 16px;

}

.list_login > li{
list-style-type: square;
}

#phone{
font-size: 26px;
font-weight: bold;
padding: 0 5px 0 5px;
color: #8D1523;
}

#email > a{
padding: 0 0 5px 0;
}

#bottom{
position:absolute;
width:300px;
bottom:6px;
left:6px;
text-align: left;
}

#bottom > a{
text-decoration: none;
}

#popup{
position: relative;
width: 600px;
overflow: auto;
}

#popup_pr{
position: relative;
width: 290px;
overflow: auto;
}

#login_form{
padding: 5px;
}


#form_labels{
width: 100px;
float:left;
line-height: 30px;
}

#form_inputs{
float:left;
line-height: 8px;
padding: 7px 0 0 15px;
width: 142px;
}

#login_img{
float:right;
display:inline;
margin-top:20px;
margin-right:12px;
position:relative;
}

#tab_container{
width: 300px;
padding: 10px 0 0 10px;
float:left;
}

#popup_title{
background: url('../images/blue_drop.png') repeat-x;
height: 28px;
color: #FFF;
padding: 6px 10px;
font-size: 18px;
font-style: italic;
position: relative;
}

#close_link{
position: absolute;
top: 5px;
right: 5px;
z-index:1000;
}

#close_link > a{
color: #FFF;
text-decoration: none;
font-size: 12px;
font-style: normal;
}

.submit{
clear:both;
padding: 10px 14px 0 0;
text-align: right;
}

.cancel_button			{
						position:absolute;
						right:10px;
						bottom:10px;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 text-align:left;
 padding: 3px 0;
 border-bottom: 1px solid #aaa;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #00245D;
 text-decoration: none;

}

ul.tabbernav li a:link { color: #FFF; }
ul.tabbernav li a:visited { color: #FFF; }

ul.tabbernav li a:hover
{
 color: #F8C803;
 background: #00245D;
 border-color: #000;
}

ul.tabbernav li.tabberactive a
{
 background-color: #00245D;
 color: #F8C803;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #F8C803;
 background: #00245D;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 font-size: 14px;
 line-height:18px;
 text-align: left;
 background-color: #FFF;
 color: #000;
}
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
 
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
}

/*End Tabber Styles */