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

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

a { outline: none; }

.clearFloat { clear: both; font-size: 0; height: 0; line-height: 0px; }

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; margin: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#FFF; margin-top:0; padding:0; font-weight:normal; }
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#919191; margin-top:0; font-weight:normal; }
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666666; margin-top:0; font-weight:normal; }

A:link { text-decoration: none; font-weight:normal; color:#CC0; }
A:visited {text-decoration: none; font-weight:normal; color:#D6D6D6; }
A:active {text-decoration: none; font-weight:normal; color:#D6D6D6; }
A:hover { text-decoration: none; font-weight:normal; color: #900; }

h4 A:link { text-decoration: none; font-weight:bold; color:#666666; }
h4 A:visited {text-decoration: none; font-weight:bold; color:#666666; }
h4 A:active {text-decoration: none; font-weight:bold; color:#666666; }
h4 A:hover {text-decoration: none; font-weight:bold; color: #CC0; }

ul { list-style-image:url(../images/common/bullet-point.png); padding-left: 50px; }
li { margin-bottom: 4px; }

#nav_home { display: block; width: 91px; height: 83px; background: url("../images/common/nav/nav-home.png") no-repeat 0 0; float:left; }
#nav_home:hover { background-position: 0 -83px; }
#nav_home span { display: none; }

#nav_about { display: block; width: 100px; height: 83px; background: url("../images/common/nav/nav-about.png") no-repeat 0 0; float:left; }
#nav_about:hover { background-position: 0 -83px; }
#nav_about span { display: none; }

#nav_contact { display: block; width: 139px; height: 83px; background: url("../images/common/nav/nav-contact.png") no-repeat 0 0; float:left; }
#nav_contact:hover { background-position: 0 -83px; }
#nav_contact span { display: none; }#hd_con { height: 487px; width: 850px; margin: 0 auto; text-align: center; }

#hd_bg { height: 487px; width: 100%; background-image: url(../images/common/hd-bg.png); background-repeat: repeat-x; }
#footer_bg { background-image: url(../images/common/footer-bg.png); background-repeat: repeat-x; height: 300px; width: 100%; background-color: #272727; }
#footer_con { width: 850px; margin: 0 auto; text-align: center; padding-top: 25px; }
.main_img { width:491px; height:376px; padding-top: 47px; }
.nhbc_img { padding-top: 20px; float: left; padding-right: 29px; }
.masterbond_img { float: left; padding-top: 9px; }
#nav_con { padding-top: 29px; padding-left:17px; }
#nav_reflection { background-image: url(../images/common/nav-reflection.png); background-repeat: no-repeat; height: 39px; width: 330px; margin-left: 17px; }

.left_col { float:left; width:500px; }
.right_col { float:left; width:350px; }

#index_mid_bg { width: 100%; background-image: url(../images/common/mid-bg.png); background-repeat: repeat-x; background-color: #6A7481; height: 276px; }
#index_mid_con { width: 850px; margin: 0 auto; text-align: center; background-image: url(../images/common/white-bg.png); background-repeat: repeat-y; height: 276px; }
.index_left_col_mid { float:left; width:334px; text-align: left; padding-left: 30px; padding-top: 25px; height: 251px; }
.index_right_col_mid { float:left; width:481px; padding-right: 5px; height: 276px; }

#about_mid_bg { width: 100%; background-image: url(../images/common/mid-bg.png); background-repeat: repeat-x; background-color: #6A7481; height: 404px; }
#about_mid_con { width: 850px; margin: 0 auto; text-align: center; background-image: url(../images/common/white-bg.png); background-repeat: repeat-y; height: 404px; }
.about_left_col_mid { float:left; width:334px; text-align: left; padding-left: 30px; padding-top: 35px; height: 369px; }
.about_right_col_mid { float:left; width:481px; padding-right: 5px; height: 404px; }

#contact_mid_bg { width: 100%; background-image: url(../images/common/mid-bg.png); background-repeat: repeat-x; background-color: #6A7481; }
#contact_mid_con { width: 850px; margin: 0 auto; text-align: center; padding-bottom: 25px; }
.contact_left_col_mid { float:left; width:275px; text-align: left; background-image: url(../images/contact/left-col-bg.png); padding: 15px; margin-top: 15px; background-repeat: no-repeat; height: 371px; color: #D6D6D6; }
.contact_right_col_mid { float: left; width: 450px; padding-top: 25px; text-align: left; padding-left: 90px; }

#contact_left_col { float:left; width:275px; text-align: left; background-image: url(../images/contact/left-col-bg.png); padding: 15px; margin-top: 15px; background-repeat: no-repeat; height: 371px; color: #D6D6D6; }
#contact_left_col h1 { color:#FFF; }
#contact_right_col { float: left; width: 450px; padding-top: 25px; text-align: left; padding-left: 90px; }

.contact_form_left_col { text-align:left; width:80px; font-size:12px; }
.contact_form_right_col { width:200px; }
input {width:200px; }
select {width:200px; }
textarea {width:300px; height:85px; }
.white_txt { color: #FFF; }
.yellow_txt { color: #CC0; }
.txt_12px { font-size:13px; }

.contact_error_con { color:#900; font-size:10px; }

#success_mid_con { width: 850px; margin: 0 auto; text-align: center; padding-bottom: 50px; padding-top:40px; }