/********* Layout **********/
html {
  height:100%;
  background:#F1F6F7 url(/images/front/bg_gradient.png) repeat-x;
}
body {
  font:12px/1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin:0;
  height:100%;
  background: transparent url(/images/front/header_bg.png) no-repeat 0 0;
}
#main_container {
	position:relative;
	min-height: 100%;
}
#logo {
  margin:30px auto 0 40px;
}
#menubar {
  font:100 21px/18px "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", "Helvetica-UltraLight", "Helvetica UltraLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica-Light", "Helvetica Light", "ArialMTStd-Light", "Arial MT Light", "Arial MT Std Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-size:21px;
    line-height:18px;*/
  height:50px;
  margin:20px 0 0;
  padding:7px 0 7px 40px;
  background: transparent url(/images/front/menubar_bg.png) repeat-x;
  vertical-align:middle;
  white-space:nowrap;
  overflow:hidden;
  
}
#menubar a {
  display:block;
  float:left;
  color:white;
  text-decoration:none;
  border-left:1px solid #507F8B;
  border-left:1px solid rgba(255,255,255,0.3);
  margin:7px 0 11px 0;
  padding:7px 1ex;
}
#menubar a:first-child {
  border-left:none;
  padding-left:0;
}
#menubar a.with_br {
  padding:0 10px;
}
#menubar a:hover {
  color:#B6D1DA;
}
.contentarea {
  width:700px;
  margin:20px auto 0 40px;
  padding-bottom:100px;
}
#footer_container {
	position:relative;
  font-size:10px;
  color:#046380;
  background-color:#B6D1DA;
  height:70px;
  margin-top:-80px;
  padding-left:40px;
  padding-top:10px;
}
#footer_container p {
  position:relative;
	z-index:1;
}
#footer_menu a {
  position:relative;
  padding:0 1ex;
  border-left:1px solid #046380;
  border-left:1px solid rgba(4,99,128,0.3);
}
#footer_menu a:first-child {
  border-left:none;
  padding-left:0;
}
#footer_bg {
  position:absolute;
	z-index:0;
  left:0;
  top:-10px;
}
#signature {
  position:absolute;
  left:645px;
  top:24px;
  opacity:0.66;
}
/********* Common Elements **********/
a img {
  border:none;
}
a:link, a:visited {
  color:#046380;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
.panel {
  padding:10px;
  margin-bottom:10px;
  background-color:#E6EFF2;
  background-color:rgba(230,239,242,0.8);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.panel#intro {
  padding:20px;
}
.panel img {
  float:left;
}
#intro p {
  text-align:justify;
}
#intro img {
  float:right;
  margin:1ex 0 0 1ex;
  -moz-box-shadow:#666 0px 1px 3px;
  -webkit-box-shadow:#666 0px 1px 3px;
  box-shadow:#666 0px 1px 3px;
}
h2 {
  font:normal 21px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica-Light", "Helvetica Light", "ArialMTStd-Light", "Arial MT Light", "Arial MT Std Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h3 {
  font:normal 18px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica-Light", "Helvetica Light", "ArialMTStd-Light", "Arial MT Light", "Arial MT Std Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h4 {
  font:normal 15px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica-Light", "Helvetica Light", "ArialMTStd-Light", "Arial MT Light", "Arial MT Std Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p {
  letter-spacing:0.2ex;
}
li {
  letter-spacing:0.2ex;
}
ul, ol {
  padding-left:4ex;
  margin-top:0;
}
/********* Front Page **********/
#frontpage_foto {
  float:left;
  -moz-box-shadow:#666 0px 1px 3px;
  -webkit-box-shadow:#666 0px 1px 3px;
  box-shadow:#666 0px 1px 3px;
}
#index .panel {
  line-height:1.2em;
  margin-left:396px;
  height:66px;
  padding:0 10px;
  margin-bottom:9px;
}
.panel img {
  margin-right:10px;
}
#index .panel h3 {
  margin:0px;
  padding-top:5px;
}
#index .panel p {
  margin:0;
  letter-spacing:0;
}
/********* Project Listing **********/
.project_list_item {
  height:66px;
  padding:0 15px;
}
.project_list_item h3 {
  margin:0 0 0 114px;
  padding-top:5px;
}
.project_list_item p {
  margin:0 0 0 114px;
  line-height:1.2em;
}

/********* Project Details **********/
#project {
  padding:15px;
  display:table;
}
#project > span {
  display:table-cell;
	vertical-align:top;
}
#project_description {
  text-align:justify;
}
#project_pictures {
  width:165px;
  padding:0;
}
#project_pictures p {
  margin:0 0 15px 15px;
  font-size:10px;
  text-align:center;
  letter-spacing:0;
}
#project_pictures img {
  display:block;
  margin:0;
  -moz-box-shadow:#666 0px 1px 3px;
  -webkit-box-shadow:#666 0px 1px 3px;
  box-shadow:#666 0px 1px 3px;
}
#project_pictures img:first-child {
  margin-top:0;
}

/********* Property Management **********/
#property_management h4 {
  margin-bottom:1ex;
}

/********* Rentals **********/
img#hip_banner {
  float:none;
  display:block;
  width:368px;
  margin:0 auto;
}

/********* About Us **********/
img#jdr_logo {
  float:left;
  margin-left:-7px;
  margin-right:5px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}