/*
*********************************************************************
Language:       CSS 2.1
Web Site:       www.ovpmanagement.com
File Path:      http://www.ovpmanagement.com
Copyright:      �2006 Jeff Fongemie (www.fongemie.com)
Created:        5/4/2006
Created by:     Jeff Fongemie
*********************************************************************
*******************************************************************************
NOTES:
This document contains styles which are compatible with CSS-1
and higher compliant web browsers.
*******************************************************************************
*/	
	
	
	
/* Layout */	
/* Set all margins + padding to 0 to start with a clean slate */
* {margin:0;padding:0;}

body {background-color:#b79d00; background-image:url(../img_layout/background.gif);
      background-repeat:repeat-y; margin:5px; padding:0px; font: 1.0em verdana, arial, sans-serif;
      behavior:url(css/csshover.htc);}
	
div#mainwrap img {border:none;}
div#mainwrap {width:996px; margin-left:auto; margin-right:auto;
              /*border:2px solid #606060;*/ background-color:#ffffff;}
div#imagebox {width:996px; line-height:10px; background-color:#ffffff; border:1px solid #606060; }
div#pic1 {width:398px;  background-color:#ffffff;  float:left;}
div#pic2 {width:398px;  background-color:#ffffff; float:left;}
div#pic3 {width:200px;  background-color:#ffffff; float:left;}


div#pic4 {width:332px;  background-color:#ffffff;  float:left;}
div#pic5 {width:332px;  background-color:#ffffff; float:left;}
div#pic6 {width:332px;  background-color:#ffffff; float:left;}






div#header {width:996px; background-color:#ffffff; border-top:1px solid #606060;
            border-left:1px solid #606060; border-right:1px solid #606060; }
div#header1 {width:395px;   float:left; padding: 4px 4px 4px 30px;}
div#header2 {position:relative;  top:98px; width:250px;   float:left;}

div#copybox {width:936px; padding: 4px 30px 4px 30px; border-left:1px solid #606060;
              border-right:1px solid #606060; background-color:#ffffff;}


div#sxpress {
	width:450px;
		background-color:#fefef0;
	border: 2px solid #C90;

	padding: 5px 5px 5px 5px; 

	float:right;}

div#sxpress h1 {font-size: 1.1em; line-height: 1.1; margin:2px 0px; font-weight:bold;}




  div#copyboxgrey {width:989px; padding: 7px 0px 4px 7px; border-left:1px solid #606060;
              border-right:1px solid #606060; background-color:#868686;}            
              
div#privacy {padding: 4px 30px 4px 30px; 
               background-color:#ffffff;}              
              
              
div#prteaser {
	width:480px;
	padding: 4px 4px 4px 10px;
	margin: 10px 3px 3px 3px;
	background-color:#fefef0;
	border: 2px solid #C90;
}
div#contact {width:440px; padding: 4px 4px 4px 45px; margin: 10px 3px 3px 3px; background-color:#ffffff;}
div#thumbnails {text-align:center; background-color:#ffffff;}


div#prteaser h3{font-size:.8em; font-variant:small-caps; padding: 0px 0px 4px 0px;}
div#prteaser p{font-size:.7em;}
div#captionboxright {width:200px; float:right; margin-left:.5em;padding: 4px 4px 4px 10px; background-color:#eeeeee;}

div#contentarea {
	width:996px;
	background-color:#ffffff;
	border-left:1px solid #606060;
	border-right:1px solid #606060;
	margin-top: 50px;
}
div#green {width:332px; text-align:center; background-color:#ffffff;  float:left; }
div#crossing{width:332px; text-align:center; background-color:#ffffff; float:left;}
div#corner {width:332px; text-align:center; background-color:#ffffff; float:left;}

div#footer {width:992px; padding: 2px 2px 2px 2px;  border-top:1px solid #606060; border-left:1px solid #606060; border-right:1px solid #606060; border-bottom:1px solid #606060;text-align:center; background-color:#eeeeee; font-size: .7em;}
div#propertylogo {
	width:375px;
	background-color:#ffffff;
	float:left;
	text-align: center;
}
div#propertycopy {width:500px;  background-color:#ffffff; float:left; padding: 2px 0px 20px 10px;}
div#propertycopy ul{font-size: .9em; line-height: 1.4; margin:6px 20px;}
div#demographicsdata {width:550px;  background-color:#ffffff; float:left; padding: 5px 0px 20px 370px;}
div#demographicsdata table{padding:6px;  width:220px;}
div#demographicsdata td { vertical-align: top }

div#demographicsdata tr.grey{padding:3px; color: #ffffff;background-color:#606060; font-weight:bold;font-size: .8em; }
div#demographicsdata tr.white{color: #000000;background-color:#ffffff; font-weight:normal ;font-size: .8em;}

	

img.right30 {float:right;margin:4px 0px 4px 30px;}





.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;      /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





/* Typography */	
P {font-size: .8em; line-height: 1.4; margin:6px 5px;}
h1 {font-size: 1.5em; line-height: 1.4; margin:6px 0px; font-weight:bold;}
h2 {font-size: 1em; line-height: 1.4; margin:5px 0px; font-weight:bold;}
h3 {font-size: .9em; line-height: 1.4; margin:6px 0px; font-weight:bold;}
a:link {text-decoration:underline; color:black;}
a:visited {text-decoration:underline; color:black;}
a:hover {text-decoration:underline;color:black;}
a:active {text-decoration:underline;color:black;}


.tenants {color:#606060; font-size: .9em; line-height: 1.7; margin:6px 5px; font-weight:bold; border-left:1px solid #ffffff; padding:10px;}
.prcontact {font-size:.7em; font-weight:bold; }
.caption {font-size:.7em; font-weight:bold; }
.captionauthor {font-size:.6em;  }
.bigtext {font-size:1em; font-weight:bold; }


img.right {float:right;}
img.left {float:left;}
img.large {padding:0px;}
img.rightems {
	float:right;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.footer {font-size: .7em;}


div#propertycopy ul{
	font-size: .8em; 
	line-height: 1.4; 
		margin:0 0 0 10px;   }
div#propertycopy li{
	margin:20px 0 0 10px;   }

 div#event{ 
 font-size: .8em; 
	line-height: 1.6; 
 margin:30px 0 0 10px;  
  background-color:#ffffff;
             background-image:url(../img_presentation/asterisk1.jpg); background-repeat:no-repeat;
             background-position:top left;}


/* the horizontal menu starts here */
div#listmenu {
	
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	font-weight:bold;
	font-size:.7em;	/* SET FONT-SIZE HERE */
	background-color:#fff; /* colors the div */
	}
div#listmenu ul {margin:0 0 0 10px;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFF; /*sets the background of the menu items */

	}

div#listmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block;
	padding:2px 2px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#5a5504;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#2f2f27;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {

	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:12em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-12px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #606060; /*  three sides of each drop-down item */
	border-bottom:1px solid #606060;
	border-right:1px solid #606060;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #606060; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	
	margin-left:15px; /* IE doubles the given value above - why? */
	}
* html a.menulink {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */