body
{
  background:#fff  no-repeat;
  font:normal 12px verdana,arial,helvetica,sans-serif;
  color:#202020;
  margin:0;
  padding:0;
}


/* some defaults */

div
{
  float:left;
  clear:both;
}

iframe
{
  float:left;
  padding:0;
  margin:0;
}

img
{
  float:left;
  border:none;
  margin:0;
  padding:0;
}


h1
{
  font: bold 14px verdana,arial,helvetica,sans-serif;
  letter-spacing:1px;
  margin:0 0 6px 0;
  float:left;
/* if you float h tags ie can't handle them properly unless you also provide a width! */
  width:100%;
}

h2
{
  font: normal 15px "Lucida Sans Unicode", verdana, helvetica, sans-serif;
  letter-spacing:1px;
  float:left;
  width:100%;
  margin:0;
  line-height:32px;
}

h3
{
  font: bold 12px verdana,arial,helvetica,sans-serif;
  float:left;
  width:100%;
  margin:12px 0 0 0;
  padding:0;
}

h4
{
  font: bold 11px verdana,arial,helvetica,sans-serif;
  color:#22407B;
  float:left;
width:267px;
  margin:15px 0 0 15px;
  padding:0;
}




p
{
  float:left;
  clear:both;
  line-height:14px;
  width:100%;
}

ul
{
  clear:both;
  float:left;
  padding:0;
  list-style:none;
  margin:0;
}

li
{
  padding:0px;
  font-size:100%;
}



a, a:visited
{
  text-decoration:none;
  color:#000;
}

a:hover
{
  text-decoration:underline;
  color:#000;
}


a.more, a.more:visited
{
  text-decoration:underline;
  color:#404040;
}

a.more:hover
{
  text-decoration:none;
  color:#000;
}

a.white, a.white:visited
{
  color:#fff;
  text-decoration:none;
}

a.white:hover
{
  color:#fff;
  text-decoration:underline;
}

a.white2, a.white2:visited
{
  color:#fff;
  text-decoration:underline;
}

a.white2:hover
{
  color:#FCB040;
  text-decoration:none;
}

a.blue, a.blue:visited
{
  color:#22407B;
}

a.blue:hover
{
  color:#22407B;
  text-decoration:underline;
}

a.blackinv, a.blackinv:visited
{
  color:#000;
  text-decoration:underline;
}

a.blackinv:hover
{
  color:#000;
  text-decoration:none;
}

a.leftnav, a.leftnav:visited
{
  text-decoration:none;
  color:#000; 
  height:30px;
  line-height:30px;
}

a.leftnav:hover
{
  text-decoration:underline;
  color:#214096; 
  height:30px;
  line-height:30px;
}



/* THE MAIN CONTAINER */

#container
{
  text-align:center;
  float:none;
}

#content
{
  float:none;
  width:979px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  margin-top:3px;
  text-align:left;
}


#header
{
  width:100%;
  height:130px;
  background:url('images/header_bk.gif') repeat-x;
}

#logo
{
  float:none;
  margin:31px 0 0 25px;
}





#nav_top
{
  float:right;
  margin:20px 25px 0 0; 
}

#nav_top li
{
  display:inline;
  font: normal 12px arial,helvetica,sans-serif;
  letter-spacing:1px;
  padding:6px 2px 6px 2px;
}



#header_telno
{
/*
  font: normal 32px arial,helvetica,sans-serif;
  color:#00902E;
*/
  float:right;
  margin:34px 29px 0 0; 
}

.nav_top_button
{
  margin:0px 0 0 0;
  clear:none;
  width:323px;
}

.nav_top_caption
{
  height:32px;
  line-height:32px;
  width:323px;
  color:#fff;
  background: url('images/top_nav_bk.gif') repeat-x;
  padding:0 0 0 0px;
}

#nav_top_caption
{
  height:32px;
  line-height:32px;
  width:100%;
  color:#fff;
  background: url('images/top_nav_bk.gif') repeat-x;
  padding:0 0 0 0px;
}




#nav_left
{
  margin:0px 0 0px 0;
  float:left;
  clear:none;
  width:187px;
  height:650px;
  padding:20px 10px 10px 20px;
  background:url('images/left_nav_bk.gif') repeat-x;
}

#nav_left li
{
  width:177px;
  border-bottom:dotted 1px #ADC4E9;
  font: normal 12px verdana,arial,helvetica,sans-serif;
  letter-spacing:1px;
  color:#00902E;
}






#main_text
{
  background:#fff;
  width:421px;
  padding:25px 30px 10px 35px; 
  clear:none;
}

#main_text p
{
  margin:8px 0 6px 0;
  line-height:18px;
}

#gallery
{
  margin:20px 0 15px 0;
  width:409px;
  border:solid 1px #ADC4E9;
}

#gallery img
{
  margin:0 5px 5px 0;
  padding:0;
  width:133px;
  height:96px;
}

.gallery_bttn
{
  width:108px;
  height:26px;
  background:url('images/gallery_bttn_bk.gif');
  margin:5px 0 10px 285px;
  line-height:25px;
  padding:0 0 0 16px;
  color:#fff;
}





#right_panel
{
  width:274px;
  clear:none;
}

.panel
{
  width:272px;
  margin:20px 0 0 0;
  border:solid 1px #ADC4E9;
}

.panel p
{
  margin:15px 5px 0px 15px;
  width:238px;
  font-size:11px;
}

.panel h3
{
  width:257px;
  margin:15px 0 0 15px;
}


/* ------------------------------------------------ */


/*

.panel_heading
{
  font: normal 24px arial,helvetica,sans-serif;
  letter-spacing:2px;
  width:214px;
  height:45px;
  line-height:45px;
  background:url('images/panel_heading_bk.gif') repeat-x;
  color:#fff;
  padding:0px 0 0px 10px;
  -webkit-border-bottom-right-radius:15px;
  -moz-border-radius-bottomright:15px;
  border-bottom-right-radius:15px;  
}

*/

.panel_heading
{
  font: normal 24px arial,helvetica,sans-serif;
  letter-spacing:2px;
  width:214px;
  height:45px;
  line-height:45px;
  background:url('images/r_panel_head.gif');
  color:#fff;
  padding:0px 0 0px 10px;
 
}



.more_bttn
{
  width:108px;
  height:26px;
  background:url('images/more_bttn_bk.gif');
  margin:8px 0 0px 148px;
  line-height:24px;
  padding:0 0 0 16px;
}


#gallery_img1
{
  height:69px;
  margin:10px 0 0 0;
}

#gallery_img2
{
  height:68px;
}

.more_link
{
  width:262px;
  text-align:left;
  font:normal 11px verdana,arial,helvetica,sans-serif;
  margin:4px 10px 1px 15px;
}


#gomc
{
  width:270px;
}

#gomc img
{
  margin-top:25px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  display:block;
}

/* rollovers */
/* ---------------------------------------------- */

a.rollover_gallery1
{
  width:90px;
  height:68px;
  text-decoration: none;
  float:left;
  background: url('images/gallery/rollover_gallery1.jpg');
  margin:0 1px 1px 0;
  clear:none;
  display:inline;
}

a.rollover_gallery1:hover
{
  background-position: -90px 0;
  float:left;
}

a.rollover_gallery2
{
  width:90px;
  height:68px;
  text-decoration: none;
  float:left;
  background: url('images/gallery/rollover_gallery2.jpg');
  margin:0 1px 1px 0;
  clear:none;
  display:inline;
}

a.rollover_gallery2:hover
{
  background-position: -90px 0;
  float:left;
}

a.rollover_gallery3
{
  width:90px;
  height:68px;
  text-decoration: none;
  float:left;
  background: url('images/gallery/rollover_gallery3.jpg');
  margin:0 0px 1px 0;
  clear:none;
  display:inline;
}

a.rollover_gallery3:hover
{
  background-position: -90px 0;
  float:left;
}


a.rollover_gallery4
{
  width:90px;
  height:68px;
  text-decoration: none;
  float:left;
  background: url('images/gallery/rollover_gallery4.jpg');
  margin:0 1px 0px 0;
  clear:none;
  display:inline;
}

a.rollover_gallery4:hover
{
  background-position: -90px 0;
  float:left;
}

a.rollover_gallery5
{
  width:90px;
  height:68px;
  text-decoration: none;
  float:left;
  background: url('images/gallery/rollover_gallery5.jpg');
  margin:0 1px 0px 0;
  clear:none;
  display:inline;
}

a.rollover_gallery5:hover
{
  background-position: -90px 0;
  float:left;
}

a.rollover_gallery6
{
  width:90px;
  height:68px;
  text-decoration: none;
  float:left;
  background: url('images/gallery/rollover_gallery6.jpg');
  margin:0 0px 0px 0;
  clear:none;
  display:inline;
}

a.rollover_gallery6:hover
{
  background-position: -90px 0;
  float:left;
}


.displace
{
  position: absolute;
  left: -5000px;
}




#social_bttns
{
  width:272px;
  margin:5px 0px 8px 7px;
}



/* -------------------------------------- */





#footer_panels
{
  margin:20px 0 10px 0;
  width:100%;
}

.footer_panel
{
  width:238px;
  height:136px;
  margin:0 5px 0 0;
  font:normal 11px verdana,arial,helvetica,sans-serif;
  border:solid 1px #ADC4E9;
  clear:none;
}

.footer_panel_heading
{
  font:normal 12px arial,helvetica,sans-serif;
  width:228px;
  height:25px;
  line-height:25px;
  background:url('images/footer_panel_heading_bk.gif') repeat-x;
  color:#fff;
  letter-spacing:1px;
  padding:0px 0 0px 10px;
}

.footer_panel img
{
  width:58px;
  height:65px;
  margin:15px 10px 2px 0px;
  clear:none;
}

.footer_panel p
{
  float:left;
  width:160px;
  clear:none;
  margin:10px 0 0 0;
}

#footer_contact
{
  position:relative;
  width:100%;
  height:80px;
  background:url('images/exelby-developments-footer.png');
}

#nhbc_logo {
  position:absolute;
  width:110px;
  top:4px;
  left:10px;
}

#address
{
  width:100%;
  text-align:center;
  margin:15px 0 10px 0;
}

#contact_details
{
  width:100%;
  text-align:center;
}


#footer
{
  width:100%;
  margin:15px 0 0px 0;
  padding:0 0 40px 0;
}

#nav_bottom
{
  float:left;
  clear:none;
  width:590px;
  margin:0; 
}

#nav_bottom li
{
  display:inline;
  font:normal 12px arial,helvetica,sans-serif;
  letter-spacing:1px;
  padding:6px 2px 6px 2px;
}


#copyright
{
  width:380px;
  height:15px;
  background:url('images/balanced_concepts_ta.gif') no-repeat right bottom;
  clear:none;
/*    
  margin:0px 0px 0px 0; 
  font:normal 11px arial,helvetica,sans-serif;
  text-align:right;
  float:left;
*/
}