/* CSS Document */

body {
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
background-color:#b4b4b4;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}

#container {
width:900px;
margin:50px auto 10px auto;
border:1px solid #333;
height:664px;
}

.home {
background-image:url(../images/container-bg.jpg);
background-repeat:no-repeat;
}

.menu {
height:34px;
}

.menu ul {
list-style:none;
margin-top:-14px;
font-size:14px;
padding:0px 0px 0px 40px;
}

.menu ul li {
width:100px;
text-align:center;
padding:10px 0px;
float:left;
font-weight:bold;
border:1px solid #fff;
margin-right:15px;
border-top:0px solid #fff;
}

.menu ul li:hover {
background-color:#8287bf;
}

.menu ul li a:link, .menu ul li a:visited {
color:#fff;
text-decoration:none;
}

.projects .menu ul li:hover {
background-color:#1b3f95;
}

.home .content p {
font-size:13px;
line-height:110%;
}

.content {
padding-left:40px;
width:420px;
padding-top:20px;
float:left;
clear:left;
}

.home a:link, .content a:visited, .content a:link, .content a:visited {
color:#fff;
text-decoration:none;
font-weight:bold;
}

.home a:hover, .content a:hover {
text-decoration:underline;
}

.content p {
line-height:120%;
}
.home h1 {
color:#fff;
}

h1 {
clear:both;
font-size:50px;
margin-top:20px;
font-family:tahoma;
margin-bottom:10px;
color:#1b3f95;
}

.footer {
width:902px;
margin:0px auto;
}

.footer p {
padding:0px;
margin:0px;
}

.footer p.nhbc {
width:150px;
float:left;
}

.footer p.address {
text-align:right;
float:right;
width:450px;
color:#333;
}

.normal-weight {
font-weight:normal;
}

.builds {
width:400px;
height:80px;
}

p.button {
width:200px;
float:left;
margin:0px;
padding:3px 0px;
}

h2 {
font-weight:normal;
margin-top:25px;
font-size:27px;
}

.bold {
font-weight:bold;
font-size:45px;
}

.boldtext {
font-weight:bold;
}

.italic {
font-style:italic;
color:#ddd;
}

.large {
font-size:49px;
}


/*----- About.php / Contact.php ---*/
.about {
background-image:url(../images/alternative-container-bg.jpg);
background-repeat:no-repeat;
color:#000;
}

.about a:link, .about a:visited, .contact a:link, .contact a:visited {
color:#000;
text-decoration:none;
font-weight:bold;
}

.about a:hover, .contact a:hover {
text-decoration:underline;
}

.contact {
background-image:url(../images/contact-container-bg.jpg);
background-repeat:no-repeat;
color:#000;
}

p.welcome-enquiries {
padding-top:15px;
}
form {
padding-top:20px;
}

form p {
font-weight:bold;
}

form input, form textarea {
width:350px;
border:1px solid #666;
font-family:Arial, Helvetica, sans-serif;
padding:7px 0px;
margin-top:3px;
font-size:12px;
}

form textarea {
height:50px;
}

form input.submit {
background-color:#1b3f95;
color:#fff;
}

form input:hover, form textarea:hover {
background-color:#c5c7e3;
}

.projects {
background-image:url(../images/project-container-bg.jpg);
background-repeat:no-repeat;
color:#000;
}

.build-header {
padding-left:40px;
padding-top:10px;
}
.projects .build-header h1 {
color:#1b3f95;
font-size:60px;
}

.click-project {
margin-top:40px;
margin-bottom:50px;
}

.projects .content {
color:#fff;
float:left;
clear:left;
padding-top:0px;
} 

.right-column {
width:365px;
float:right;
padding-right:25px;
}

.right-column .build-name {
float:right;
width:110px;
border:1px solid #fff;
margin-top:50px;
margin-right:7px;
}

.right-column .build-name:hover {
background-color:#8287bf;
}

.right-column .build-name img {
border-bottom:1px solid #fff;
}

.right-column .build-name a:link, .right-column .build-name a:visited {
display:block;
width:110px;
height:40px;
text-align:center;
color:#fff;
text-decoration:none;
font-size:14px;
margin-top:5px;
}
.right-column .build-name a:hover {
}

.right-column .build-gallery {
width:390px;
border:3px solid #fff;
margin-top:50px;
float:right;
}

.address-holder {
text-align:right;
width:250px;
float:right;
margin-top:300px;
padding-right:20px;
}

.image-links {
width:424px;
float:right;
margin-top:452px;
}

.image-links-contact {
width:424px;
float:right;
margin-top:26px;
}

.image-links-main {
width:424px;
float:right;
margin-top:152px;
clear:right;
}

.image-links-external {
width:424px;
float:right;
margin-top:152px;
clear:right;
}

.image-links-internal {
width:424px;
float:right;
margin-top:152px;
clear:right;
}

.image-links-extensions {
width:424px;
float:right;
margin-top:152px;
clear:right;
}

.image-links-project {
width:424px;
float:right;
margin-top:15px;
margin-right:-25px;
clear:right;
}