/* --------------------------------  common style ----------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	background: #fff url(http://www.hackneyroofing.com/includes/images/body_bg.jpg) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c3c3c
}
img {
	border:none
}
fieldset {
	border:none
}
.clear {
	clear:both
}
.curv {
	float:left
}
.curv img {
	float:left
}

/* --------------------------------  wrapper style ----------------------------------------- */

#wrapper {
	width:1009px;
	margin:0 auto
}

/* --------------------------------  header style ----------------------------------------- */

#header {
	width:1009px;
	float:left;
	overflow:hidden!important
}

/* --------------------------------  menu style ----------------------------------------- */

#header #menu {
	width:1009px;
	float:left;
	list-style:none;
	height:55px;
}
#header #menu li {
	float:left;
	font-size:16px;
	background:url(http://www.hackneyroofing.com/includes/images/menu_sep.jpg) no-repeat left center;
	height:55px;
	padding-left:1px
}
#header #menu li.last {
	background:url(http://www.hackneyroofing.com/includes/images/menu_sep.jpg) no-repeat right center;
	padding-right:1px
}
#header #menu li a {
	float:left;
	color:#fff;
	height:40px;
	padding:15px 17px 0 17px;
	text-decoration:none
}
#header #menu li a:hover {
	background:url(http://www.hackneyroofing.com/includes/images/menu_hv.jpg) repeat-x 0 0;
}
#header #menu li.current a {
	float:left;
	color:#fff;
	height:40px;
	padding:15px 17px 0 17px;
	text-decoration:none;
	background:url(http://www.hackneyroofing.com/includes/images/menu_hv.jpg) repeat-x 0 0;
}

/* --------------------------------  header mid style ----------------------------------------- */

#header .mid {
	width:1009px;
	float:left
}
#header .mid .logo {
	float:left
}
#header .mid .BBB {
	float:right;
	margin:40px 30px 0 0;
	display:inline;
}
#header .mid .MidHeader {
	float:right;
	color:#d7d9d9;
	font-style:italic;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	margin:70px 30px 0 0;
	display:inline;
	line-height:26px
}

/* --------------------------------  banner container style ----------------------------------------- */

#banner_container {
	width:1009px;
	float:left
}
#banner_container #banner {
	width:993px;
	float:left;
	background:url(http://www.hackneyroofing.com/includes/images/main_rotate_bg.png) repeat-y 0;
	padding:0 8px
}

/* --------------------------------  body container style ----------------------------------------- */

#body_container {
	width:1009px;
	float:left;
	margin:5px 0 0 0;
}

/* --------------------------------  content container style ----------------------------------------- */

#content_container {
	width:990px;
	float:left;
	background:url(http://www.hackneyroofing.com/includes/images/main_rotate_bg.png) repeat-y 0 0;
	padding:0px 11px 8px 8px;
}
#content_container .no_space {
	padding-top:0px
}
#content_container #top_box_container {
	width:990px;
	float:left;
}
#content_container #top_box_container .box_container {
	width:321px;
	float:left;
	margin-right:13px;
	display:inline
}
#content_container #top_box_container .box_container.last {
	margin:0;
	float:right
}
#content_container #top_box_container .box_container .details {
	float:left;
	width:301px;
	background:url(http://www.hackneyroofing.com/includes/images/small_gray_box_repeat_bg.jpg) repeat-y 0 0;
	padding:10px;
	height:225px
}
#content_container #top_box_container .box_container .details h2 {
	padding-bottom:7px;
}
#content_container #top_box_container .box_container .details p {
	padding-bottom:10px
}

/* --------------------------------  left container style ----------------------------------------- */

#left_container {
	float:left;
	width:650px;
	padding:12px 5px 5px 5px;
	font-size:14px;
	line-height:18px;
	overflow:hidden
}
#left_container.gray_container {
	float:left;
	width:650px;
	padding:12px 5px 5px 5px;
	font-size:14px;
	line-height:18px;
	overflow:hidden;
	background:#d7d9d9;
	border:1px solid #c4c4c4;
}
#left_container h1 {
	float:left;
	width:625px;
	font-size:23px;
	color:#020202;
	text-transform:uppercase;
	margin:20px 0 10px 0;
	line-height:23px;
}
#left_container h2 {
	float:left;
	width:625px;
	font-size:23px;
	color:#020202;
	text-transform:uppercase;
	margin:20px 0 10px 0;
	line-height:23px;
}
#left_container h3 {
	float:left;
	width:625px;
	font-size:16px;
	color:#3c3c3c;
	text-transform:uppercase;
	line-height:16px;
	margin-bottom:10px
}
#left_container p {
	padding-bottom:10px;
	float:left;
	width:625px;
}
#left_container ul {
	margin:0px 0 20px 15px;
	float:left;
	width:600px;
}

/* --------------------------------  right  style ----------------------------------------- */

#right_container {
	float:right;
	width:321px;
	padding:12px 0 0 0
}
#right_container .box_container {
	width:321px;
	float:left;
	display:inline;
	margin-bottom:12px;
}
#right_container .box_container .head_box {
	width:301px;
	float:left;
	background:#7a7b7b;
	padding:10px;
	color:#e9eded
}
#right_container .box_container .head_box span {
	font-size:16px;
	display:block;
	text-transform:uppercase
}
#right_container .box_container .head_box small {
	font-size:14px;
	text-transform:uppercase
}
#right_container .box_container.last {
	margin:0;
	float:right
}
#right_container .box_container .details {
	float:left;
	width:301px;
	background:url(http://www.hackneyroofing.com/includes/images/small_gray_box_repeat_bg.jpg) repeat-y 0 0;
	padding:10px
}
#right_container .box_container .details ul {
	list-style:none;
	float:left;
	width:301px;
	font-size:14px;
	color:#3c3c3c
}
#right_container .box_container .details ul li {
	list-style:none;
	float:left;
	width:301px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #898a8a
}
#right_container .box_container .details ul li.last {
	border:none;
	margin-bottom:0px;
	padding-bottom:0px
}
#right_container .box_container .details ul li .name {
	display:block;
	text-align:right;
	padding:10px 0
}

/* --------------------------------  contact form style ----------------------------------------- */

.form_container {
	float:left;
	width:650px;
}
.form_container .top_container {
	float:left;
	width:650px;
	text-align:center;
	border-bottom:1px solid #898a8a;
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden
}
.form_container .top_container h2 {
	margin:0 0 15px 0!important;
	padding:0;
	display:block
}
.form_container .top_container img {
	float:none
}
.form_container .top_container p {
	font-size:16px;
	padding:10px 0
}
.form_container .top_container h3 {
	font-size:20px
}
.form_container .row {
	float:left;
	width:640px;
	padding-left:10px
}
.form_container .top_row {
	float:left;
	width:640px;
	padding:15px 0 15px 10px
}
.form_container .top_row input {
	float:left;
	margin:2px 5px 0 0;
	display:inline
}
.form_container .top_row label {
	float:left;
	width:150px
}
.form_container .top_row label.last {
	width:auto;
	padding-right:20px
}
.form_container .top_row span {
	float:left;
	font-size:11px;
	width:300px
}
.form_container .row.button {
	text-align:center;
	font-size:11px;
}
.form_container .row.button a {
	color:#3c3c3c;
	text-decoration:underline
}
.form_container .row.button a:hover {
	text-decoration:none
}
.form_container .row.button input {
	border:none;
	width:auto;
	padding:0;
	height:auto;
	margin:20px 0 10px 0
}
.form_container .row .box {
	float:left;
	width:295px;
	padding-right:25px;
	overflow:hidden
}
.form_container .row .box label {
	width:295px;
	display:block;
	margin-bottom:5px
}
.form_container .row .box label span {
	font-size:14px;
	color:#cb332c
}
.form_container .row .box input {
	float:left;
	width:289px;
	background:#fff;
	border:none;
	padding:3px;
	margin-bottom:5px
}
.form_container .click_bg {
	background:#666d79;
	color:#fff
}
.form_container .row .box select {
	float:left;
	width:289px;
	padding:3px;
	margin-bottom:5px
}
.form_container .row .box textarea {
	float:left;
	width:289px;
	padding:3px;
	height:100px;
	margin-bottom:5px;
}
.form_container .row h4 {
	text-align:center;
	display:block;
	padding:10px 0;
	font-size:16px;
}
.form_container .row h5 {
	padding:3px 0;
	font-size:16px;
	font-weight:normal
}

/* --------------------------------  main gray container style ----------------------------------------- */

.main_gray_container {
	float:left;
	width:660px;
	padding:0 0px 5px 0px;
	font-size:14px;
	line-height:18px;
	overflow:hidden;
	background:#d7d9d9;
	border:1px solid #c4c4c4;
}
.main_gray_container #product_nav {
	float:left;
	width:660px;
	background:#7a7b7b;
	height:70px
}
.main_gray_container #product_nav li {
	display:inline;
	font-size:14px;
	font-weight:bold;
}
.main_gray_container #product_nav li a {
	color:#fff;
	text-decoration:none;
	float:left;
	padding:10px 19px 10px 18px;
	height:50px
}
.main_gray_container #product_nav li.last a {
	padding:10px 25px 10px 18px;
}
.main_gray_container #product_nav li a:hover {
	background:#363636
}
.main_gray_container #product_nav li.current a {
	background:#363636
}
.main_gray_container #product_content_container {
	float:left;
	width:640px;
	padding:10px
}
.main_gray_container #product_content_container .image_container {
	float:left;
	width:640px;
}
.main_gray_container #product_content_container h2 {
	float:left;
	width:625px;
	font-size:23px;
	color:#020202;
	text-transform:uppercase;
	margin:20px 0 10px 0;
	line-height:23px;
	font-weight:bold
}
.main_gray_container #product_content_container h4 {
	float:left;
	width:625px;
	font-size:16px;
	color:#3c3c3c;
	text-transform:uppercase;
	line-height:16px;
	margin-bottom:10px
}
.main_gray_container #product_content_container p {
	padding-bottom:15px;
	float:left;
	width:625px;
}
.main_gray_container #product_content_container p a {
	color:#3c3c3c;
	text-decoration:underline
}
.main_gray_container #product_content_container p a:hover {
	text-decoration:none
}
.main_gray_container #product_content_container p.center_text {
	padding-bottom:15px;
	float:left;
	width:625px;
	font-weight:bold;
	text-align:center;
	font-size:16px;
}
.main_gray_container #product_content_container ul.list {
	margin:0px 0 20px 15px;
	float:left;
	width:600px;
}
.main_gray_container #product_content_container #gallery {
	float:left!important;
	width:610px!important;
	list-style:none!important;
	padding:60px 0 0 30px!important
}
.main_gray_container #product_content_container #gallery li {
	float:left!important;
	margin-right:5px!important;
	display:inline!important
}

/* --------------------------------  footer container style ----------------------------------------- */

#footer_container {
	float:left;
	width:100%;
	background:url(http://www.hackneyroofing.com/includes/images/footer_bg.jpg) repeat-x 0 0;
	margin-top:20px
}
#footer_container #footer {
	width:1009px;
	margin:0 auto;
	text-align:center;
}
#footer_container #footer a {
	color:#fff;
	text-decoration:none
}
#footer_container #footer a:hover {
	text-decoration:underline
}
#footer_container #footer ul {
	list-style:none;
	margin:15px 0
}
#footer_container #footer ul li {
	padding:0 5px;
	display:inline
}
#footer_container #footer ul.link_box {
	list-style:none;
	margin:15px 0;
	font-size:11px;
}
#footer_container #footer ul.link_box li {
	padding:0 2px;
	display:inline
}
#footer_container #footer ul.link_box a {
	color:#a6aaab;
	text-decoration:none
}
#footer_container #footer ul.link_box a:hover {
	text-decoration:underline
}
#footer_container #footer .bottom_box {
	width:1009px;
	float:left;
	color:#a6aaab;
	font-size:11px
}
#footer_container #footer .bottom_box p {
	float:left;
	padding:30px 70px 0 0
}
#footer_container #footer .bottom_box span {
	float:left
}
#footer_container #footer .bottom_box span .logo1 {
	float:left;
	margin-right:10px;
	display:inline
}
#footer_container #footer .bottom_box span .logo2 {
	float:left;
	margin:30px 10px 0 0;
	display:inline
}
#footer_container #footer .bottom_box span .logo3 {
	float:left;
	margin:30px 10px 0 0;
	display:inline
}
#footer_container #footer .bottom_box span .logo4 {
	float:left;
	margin:20px 10px 0 0;
	display:inline
}
#footer_container #footer .bottom_box span .logo5 {
	float:left;
	margin:20px 10px 0 0;
	display:inline
}
#footer_container #footer .bottom_box ul {
	float:right;
	list-style:none;
	padding:15px 0 0 0
}
#footer_container #footer .bottom_box ul li {
	display:inline;
	padding:0 6px
}
#footer_container #footer .bottom_box ul li a {
	color:#a6aaab
}