@charset "utf-8";
/* CSS Document */



html, body {
margin:0;
padding:0;
border:0;
background:#272425;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/brandon-calder-background.jpg) repeat;

}

h1 {
margin:0;
padding-bottom:15px;
}



a:hover {
color:#ffffff;
}


img { 
border: none; 

} 

img a{ 
border: none; 
}
 
img a:hover{
 border: none; 
 } 


#clearing {
clear:both;
}

#wrapper {
width:805px;
margin:0 auto;

}





#nav {
width:805px;
height:28px;
background:#666666;
margin-top:46px;
}



#nav ul{

list-style: none;
padding: 0;
margin: 0;
display: inline;
} 

#nav li{
 float: left;
}


#nav li a {
display: block;
} 



#nav li a:hover {
display: block;
} 

body#home #home-nav-active
{
   width:65px;
height:28px;
background:url(../images/home-nav-over.gif) no-repeat
}


#home-nav {
width:65px;
height:28px;
background:url(../images/home-nav.gif) no-repeat;
}

#home-nav a {
width:65px;
height:28px;
background:url(../images/home-nav.gif) no-repeat;
}

#home-nav a:hover {
width:65px;
height:28px;
background:url(../images/home-nav-over.gif) no-repeat;
}


body#about-us #about-us-nav-active {
width:72px;
height:28px;
background:url(../images/about-us-nav-over.gif) no-repeat;
}


#about-us-nav {
width:72px;
height:28px;
background:url(../images/about-us-nav.gif) no-repeat;
}

#about-us-nav a {
width:72px;
height:28px;
background:url(../images/about-us-nav.gif) no-repeat;
}

#about-us-nav a:hover {
width:72px;
height:28px;
background:url(../images/about-us-nav-over.gif) no-repeat;
}


body#custom-built-homes #custom-built-homes-nav-active {
width:131px;
height:28px;
background:url(../images/custom-built-homes-nav-over.gif) no-repeat;
}

#custom-built-homes-nav {
width:131px;
height:28px;
background:url(../images/custom-built-homes-nav.gif) no-repeat;
}

#custom-built-homes-nav a {
width:131px;
height:28px;
background:url(../images/custom-built-homes-nav.gif) no-repeat;
}

#custom-built-homes-nav a:hover {
width:131px;
height:28px;
background:url(../images/custom-built-homes-nav-over.gif) no-repeat;
}


body#renovations #renovations-nav-active {
width:88px;
height:28px;
background:url(../images/renovations-nav-over.gif) no-repeat;
}

#renovations-nav {
width:88px;
height:28px;
background:url(../images/renovations-nav.gif) no-repeat;
}

#renovations-nav a {
width:88px;
height:28px;
background:url(../images/renovations-nav.gif) no-repeat;
}

#renovations-nav a:hover {
width:88px;
height:28px;
background:url(../images/renovations-nav-over.gif) no-repeat;
}	


body#residential-developments #residential-developments-nav-active {
width:168px;
height:28px;
background:url(../images/residential-developments-nav-over.gif) no-repeat;
}

#residential-developments-nav {
width:168px;
height:28px;
background:url(../images/residential-developments-nav.gif) no-repeat;
}

#residential-developments-nav a {
width:168px;
height:28px;
background:url(../images/residential-developments-nav.gif) no-repeat;
}

#residential-developments-nav a:hover {
width:168px;
height:28px;
background:url(../images/residential-developments-nav-over.gif) no-repeat;
}

body#our-approach #our-approach-nav-active {
width:103px;
height:28px;
background:url(../images/our-approach-nav-over.gif) no-repeat;
}

#our-approach-nav {
width:103px;
height:28px;
background:url(../images/our-approach-nav.gif) no-repeat;
}

#our-approach-nav a {
width:103px;
height:28px;
background:url(../images/our-approach-nav.gif) no-repeat;
}

#our-approach-nav a:hover {
width:103px;
height:28px;
background:url(../images/our-approach-nav-over.gif) no-repeat;
}


body#testimonials #testimonials-nav-active {
width:89px;
height:28px;
background:url(../images/testimonials-nav-over.gif) no-repeat;
}

#testimonials-nav {
width:89px;
height:28px;
background:url(../images/testimonials-nav.gif) no-repeat;
}

#testimonials-nav a {
width:89px;
height:28px;
background:url(../images/testimonials-nav.gif) no-repeat;
}

#testimonials-nav a:hover {
width:89px;
height:28px;
background:url(../images/testimonials-nav-over.gif) no-repeat;
}

body#contact-us #contact-us-nav-active {
width:89px;
height:28px;
background:url(../images/contact-us-nav-over.gif) no-repeat;
}

#contact-us-nav {
width:89px;
height:28px;
background:url(../images/contact-us-nav.gif) no-repeat;
}

#contact-us-nav a {
width:89px;
height:28px;
background:url(../images/contact-us-nav.gif) no-repeat;
}

#contact-us-nav a:hover {
width:89px;
height:28px;
background:url(../images/contact-us-nav-over.gif) no-repeat;
}


#header {
width:805px;
height:108px;
background:url(../images/header-image.gif) no-repeat;
}



body#home #header {
width:805px;
height:400px;
background:url(../images/brandon-calder-home-page.jpg) no-repeat;
}


#logo {
width:335px;
height:97px;
margin-top:11px;
float:left;
margin-left:23px;
display: inline;


}

#slogan {
width:292px;
height:97px;
margin-top:11px;
margin-right:41px;
float:right;
display: inline;
}

#content {
background:#ffffff;
width:736px;
min-height:274px;
height:auto !important;
height:274px;
padding-left:23px;
padding-right:46px;
padding-top:18px;
text-align:justify;
}

body#gallery #content {
background:#231f20 !important;
padding-right:0px;
width:782px;
}

#content p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#383838;
line-height:16px;
padding-left:25px;
margin:0;
padding-bottom:9px;


}

body#contact-us p {
font-size:12px ;
line-height:15px;
padding-bottom:21px;

}

#contact-details {
padding-left:25px;
padding-bottom:8px;
font-size:13px;
}

#contact-details a{
font-size:17px; 
font-weight:bold; 
color:#2659a4;
text-decoration:none;

}

#contact-details a:hover{
font-size:17px; 
font-weight:bold; 
color:#2659a4;
text-decoration:underline;

}

body#gallery img {
margin-right:5px;
margin-bottom:5px;


}

body#gallery a  img{
border:1px solid #231f20;

}

body#gallery a:hover img{
border:1px solid #ffffff;

}

body#gallery  #inner-footer {
background:#231f20;
}






#hia-logo {
float:right;
position:relative;
top:180px;
}

body#contact-us #hia-logo {
float:right;
position:relative;
top:150px;
}

#inner-footer {
width:805px;
height:28px;
background:#666666;
}

#gallery-slider {
width:762px;
height:118px;
background:#1f2226;
float:left;
position:relative;
left:22px;
top:-59px;

}

#gallery-slider-button {
background:url(../images/gallery-slider-button.gif) no-repeat;
width:67px;
height:23px;
display: inline;
float:left;
margin-left:13px;
margin-top:42px;

}

#gallery-slider-button a {
background:url(../images/gallery-slider-button.gif) no-repeat;
width:67px;
height:23px;
display:block;


}

#gallery-slider-button a:hover {
background:url(../images/gallery-slider-button-over.gif) no-repeat;
width:67px;
height:23px;
display:block;


}


#gallery-slider-images {
width:670px;
height:97px;
float:left;
margin-top:10px;


}

#gallery-slider-images img{

margin-left:10px;

}
#gallery-slider-images a img{

margin-left:10px;
border:1px solid #1f2226 !important;
}

#gallery-slider-images a:hover img {

border:1px solid #ffffff !important;
}


#footer {
width:805px;
float:left;
position:relative;
top:-50px;
text-align:center;
color:#b2b2b2;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}


#footer a{
text-decoration:none;
color:#b2b2b2;
}

#footer a:hover{
color:#ffffff;
}

body#gallery #footer {
float:left;
position:relative;
top:13px;
}

body#gallery #copyright {
float:left;
position:relative;
top:15px;
}

#copyright {
color:#808080;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
width:805px;
float:left;
position:relative;
top:-48px;
text-align:center;

}

#copyright a{
text-decoration:none;
color:#808080;
}

#copyright a:hover{
color:#ffffff;
}


#email-spacing {

margin-left:19px;
}

#spacing {
margin-left:9px;
margin-right:9px;
}

#phone-spacing {
margin-left:20px;
}
#fax-spacing {
margin-left:18px;
}

#mobile-spacing {
margin-left:17px;
}