/* CSS Document */

body { background-color: #FFF; padding:0; margin:0; }
div.menu_header { height:88px; width:1000px; margin:0 auto; z-index:9999; }

/* all buttons same height */
div.home_button , div.properties_button, div.commercial_button, div.dorms_button, div.residents_button { height:88px; float:left; position:relative; }
div.home_button-innovation , div.properties_button-innovation, div.commercial_button-innovation, div.dorms_button-innovation, div.residents_button-innovation { height:88px; float:left; position:relative; }

/* hide all navigations until hover */
div.navi  { display:none; position:absolute; top:80px; font-family: 'Droid Sans', sans-serif; font-size:13px; z-index:100; -moz-box-shadow: 0 0 30px 5px #444; -webkit-box-shadow: 0 0 30px 5px #444; border-radius:8px; }
div.navi ul { margin:0; padding:0; }
div.navi ul li { list-style:none; margin-bottom:3px; }

div.navi span { padding:2px 10px; background-color:#2d5c96; color:#fff; text-shadow:1px 1px #15376f; margin-bottom:10px; display:block; text-align:left; font-size:13px; border-bottom:1px solid #15376f; }

div.real_contain { background-color:#ffffff; border:3px solid #c7d2e0; width:100%;  border-radius:8px;  }
div.real_contain div.padding { padding:10px; border:1px solid #b8c0cb; border-radius:8px;  }

/* all buttons different widths */
div.home_button { width:242px; background-image:url(/Menus/images/theMenu.png); border-bottom-left-radius:8px; }
div.home_button-innovation { width:242px; background-image:url(/Menus/images/theMenu-innovation.png); border-bottom-left-radius:8px; }
div.properties_button { width:229px;  background-image:url(/Menus/images/theMenu.png); background-position:-242px 0; }
div.properties_button:hover { cursor:pointer;  background-position:-242px -88px; }
div.properties_button:hover div.navi { display:block; }
div.properties_button div.navi { width:760px; }

div.properties_button-innovation { width:229px;  background-image:url(/Menus/images/theMenu-innovation.png); background-position:-242px 0; }
div.properties_button-innovation:hover { cursor:pointer;  background-position:-242px -88px; }
div.properties_button-innovation:hover div.navi { display:block; }
div.properties_button-innovation div.navi { width:760px; }
div.verticalCenterCol { width:180px; display:table-cell; vertical-align:middle; height:68px; text-align:left; }

div.commercial_button { width:159px;  background-image:url(/Menus/images/theMenu.png); background-position:-471px 0; }
div.commercial_button:hover {  cursor:pointer; background-position:-471px -88px; }
div.commercial_button:hover div.navi { display:block; }
/* edits with for commercial menu navigation */
div.commercial_button div.navi {  width:400px; }

div.commercial_button-innovation { width:159px;  background-image:url(/Menus/images/theMenu-innovation.png); background-position:-471px 0; }
div.commercial_button-innovation { width:159px;  background-image:url(/Menus/images/theMenu.png); background-position:-471px 0; }
div.commercial_button-innovation:hover {  cursor:pointer; background-position:-471px -88px; }
div.commercial_button-innovation:hover div.navi { display:block; }
/* edits with for commercial menu navigation */
div.commercial_button-innovation div.navi {  width:400px; }


div.dorms_button { width:234px;  background-image:url(/Menus/images/theMenu.png); background-position:-630px 0;   }
div.dorms_button:hover { cursor:pointer; background-position:-630px -88px; }
div.dorms_button:hover div.navi { display:block; }
div.dorms_button div.navi {  width:200px; }

div.dorms_button-innovation { width:234px;  background-image:url(/Menus/images/theMenu-innovation.png); background-position:-630px 0;   }
div.dorms_button-innovation:hover { cursor:pointer; background-position:-630px -88px; }
div.dorms_button-innovation:hover div.navi { display:block; }
div.dorms_button-innovation div.navi {  width:200px; }


div.residents_button { width:136px;  background-image:url(/Menus/images/theMenu.png); background-position:-864px 0; border-bottom-right-radius:8px;   }
div.residents_button:hover { cursor:pointer; background-position:-864px -88px; }
div.residents_button:hover div.navi { display:block; }
/* edits with for residents menu navigation */
div.residents_button div.navi {  width:300px; right:0px; }


div.residents_button-innovation { width:136px;  background-image:url(/Menus/images/theMenu-innovation.png); background-position:-864px 0; border-bottom-right-radius:8px;   }
div.residents_button-innovation:hover { cursor:pointer; background-position:-864px -88px; }
div.residents_button-innovation:hover div.navi { display:block; }
/* edits with for residents menu navigation */
div.residents_button-innovation div.navi {  width:300px; right:0px; }

div.clear { clear:both; }