/*---------------------------*/
/* --------- RESET --------*/
/*---------------------------*/



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
body {
        line-height:1;
		background: #094E7B url('images/bg-2011.gif') repeat-y;
		
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}

nav ul {
        list-style:none;
}

blockquote, q {
        quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}

a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}

ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}

mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}

del {
        text-decoration: line-through;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

table {
        border-collapse:collapse;
        border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
        vertical-align:middle;
}


/*---------------------------*/
/* --------- CONATINER  --------*/
/*---------------------------*/
.container{
 	background-color:#FFFFFF;
	border-right:1px solid #fff;
	border-left:1px solid #fff;	
	width: 970px; 
	margin: 0 auto;
	font-size: 12px ;
	font-family: "arial";
	background-image: url(images/content-bg-2011.jpg);
	background-repeat: repeat-y;
}

.container p{
	font-size: 12px;
	line-height: 16px;
	font-family: "arial";
	margin-bottom: 16px;
	
}

.container li.about{
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 10px;
	margin-left: 25px;	
}


/*---------------------------*/
/* --------- HEADER  --------*/
/*---------------------------*/
.header{
background-image: url(images/topheader.jpg);
background-repeat: no-repeat;
height:146px;
}
.headersearch{
background-image: url(images/topheadersearch2011.jpg);
background-repeat: no-repeat;
height:146px;
}

.headermetro{
background-image: url(images/metro-header-2011.jpg);
background-repeat: no-repeat;
height:146px;
}




/*---------------------------*/
/* --------- NAV     --------*/
/*---------------------------*/
.navcontainer{
width: 160px;
float: left;
}


.nav-notes{
width: 160px;
border-right: 20px solid white;
}



/*---------------------------*/
/* --------- CONTENT --------*/
/*---------------------------*/
.content, .emailContent{
margin-top: 20px;
}

.contentgallery{
margin-right: 20px;
margin-top: 20px;
float: right;
width: 770px;
}


.content h1, .contentgallery h1, .emailContent h1
{
font-size: 20px;
color: #4877B5;
margin-bottom: 20px;
padding: 7px 0;
}

.emailContent h2
{
color: #E24A00;
}

.content h2, .contentgallery h2
{
color: #415370;
}

.content h3, .contentgallery h3, .emailContent h3
{
color: #415370;
}

.content label{
padding: 1px;
width: 142px;
float: left;
}

.content p, , .contentgallery p, .emailContent p
{
font-size: 12px; 
color: black;
line-height: 20px;
margin: 4px 12px 4px 12px;
}

.team{
margin-top: 20px;
}


.contentMetro{
float: right;
width:770px;
z-index:100;
font-size:12px;
}

.contentMetro p{

}

.bodyText{
line-height: 17px; font-size: 12px; color: #666666;
}

.contentMetro A:link {text-decoration: underline; color: #97B1D2;}
.contentMetro A:visited {text-decoration: underline; color: #97B1D2;}
.contentMetro A:active {text-decoration: underline; color: #97B1D2;}
.contentMetro A:hover {text-decoration: none; color: #DCD0C0;}


.contentMetro table td{
color:#D3DDF1;
font-family:arial;
font-size:12px;

}


.contentListing{
float: right;
width:570px;
z-index:100;
font-size:12px;
}

.contentListing A:link {text-decoration: underline; color: #97B1D2;}
.contentListing A:visited {text-decoration: underline; color: #97B1D2;}
.contentListing A:active {text-decoration: underline; color: #97B1D2;}
.contentListing A:hover {text-decoration: none; color: #DCD0C0;}

.contentListing table td{
color:#D3DDF1;
font-family:arial;
font-size:12px;
}

.content table td{
color:#000;
font-family:arial;
font-size:11px;
line-height: 16px;
}

.content table td A:link {
text-decoration: underline; 
color: #4D5B79;
font-family:arial;
}

.content table td A:visited {
text-decoration: underline; 
color: #4D5B79;
font-family:arial;
}

.content table td A:active {
text-decoration: none; 
color: #4D5B79;
font-family:arial;
}

.content table td A:hover {
text-decoration: none; 
color: #97B1D2;
font-family:arial;
}

/*---------------------------*/
/* --------- FOOTER --------*/
/*---------------------------*/
.footer{
background-image: url(images/footer-2011.jpg);
background-repeat: no-repeat;
height:84px;
}

.footer A:link {text-decoration: underline; color: #FFFEEC;}
.footer A:visited {text-decoration: underline; color: #FFFEEC;}
.footer A:active {text-decoration: underline; color: #FFFEEC;}
.footer A:hover {text-decoration: none; color: #ffffff;}

.footerlinks{
padding:37px 0px 10px 10px;
}

.copyright {
color:#FFFFFF;
font-size:10px;
margin:39px 0 10px 10px;
}



/*---------------------------*/
/* ----- TOOLS & HELPERS ----*/
/*---------------------------*/


.clear{
clear: both;
}

.align-left{
float: left;
}

.align-right{
float: right;
}













  
  /*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}





/* styles for dynamic tooltips */
div#rolltipDiv {
  position:absolute; visibility:hidden;
  left:0; top:0; z-index:1000;
  padding:3px; font-size:12px;
  font-family: tahoma;
	color: #fff;
  background-color:#1B4572; border:1px solid #000000; 
  }

div#rolltipDiv_Price {
  position:absolute; visibility:hidden;
  left:0; top:0; z-index:1000;
  width: 120; padding:3px; font-size:12px;
  font-family: tahoma;
color: D3DDF1;
  background-color:#1B4572; border:1px solid #000000; 
  }
  
  
  
  
 .propertyHomePage
  {
width: 572px; 
border: solid 1px #116BA5;
float: right;
padding: 0;
background: url(images/gray-bg.jpg) repeat-y;
} 


/* classed link styles, appropriate for navigation area */
a.listingPropTitle {color: white; text-decoration: none; font-size: 16px;}
a.listingPropTitle:link {color: blue; text-decoration: none; }
a.listingPropTitle:visited {color: yellow; text-decoration: none; }
a.listingPropTitle:hover {color: orange; text-decoration: underline; }
a.listingPropTitle:active {color: fuschia; text-decoration: none; }

/* classed link styles, appropriate for navigation area */
a.homePropTitle {color: white; font-size: 14px;}
a.homePropTitle:link {color: #085C95; text-decoration: none; }
a.homePropTitle:visited {color: yellow; text-decoration: none; }
a.homePropTitle:hover {color: #58666F; text-decoration: underline; }
a.homePropTitle:active {color: fuschia; text-decoration: underline; }