@charset "UTF-8";
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/baground_gradient.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	background-color: #FFFFFF;
	height: 780px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#menu {
	height: 160px;
	width: 800px;
	position: relative;
	top: 0px;
	margin-bottom: 10px;
}
#logo {
	background-image: url(../images/hpg-logo.gif);
	background-repeat: no-repeat;
	height: 74px;
	width: 356px;
	position: absolute;
	left: 33px;
	top: 36px;
}
#slogan {
	background-image: url(../images/slogan_line.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 714px;
	position: absolute;
	left: 33px;
	bottom: 10px;
}
#small_menu {
	height: 17px;
	width: 250px;
	right: 33px;
	top: 70px;
	position: absolute;
}
#small_menu a:hover {
	background-position: bottom;
}
.selected2 a{
	background-position: bottom !important;
}
#about_us {
	background-image: url(../images/about_us_but.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 19px;
	width: 68px;
}
#about_us a {
	background-image: url(../images/about_us_but.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 19px;
	width: 68px;
}
.small_stick {
	background-image: url(../images/stick.gif);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 8px;
}
#contact_us {
	background-image: url(../images/contact_us_but.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 19px;
	width: 81px;
}
#contact_us a {
	background-image: url(../images/contact_us_but.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 19px;
	width: 81px;
}
#phone_number {
	background-image: url(../images/phone_number.gif);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 85px;
}
.clear_floats {
	clear: both;
}
#centre {
	width: 734px;
	position: relative;
	left: 33px;
	height: 540px;
}
#centre    a:hover {
	background-position: bottom;
}
#forms {
	height: 210px;
	width: 366px;
	float: right;
	padding-left: 12px;
}

#forms a:hover {
	background-position: bottom;
}
.form_bucket {
	height: 210px;
	width: 182px;
	float: left;
	position: relative;
	margin-right: 1px;
}
.form_bucket_img {
	float: left;
	height: 17px;
	width: 182px;
}
.form_bukt_title {
	height: 16px;
	width: 110px;
	float: left;
	margin-bottom: 6px;
}
.form_bukt_text {
	float: left;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding-right: 4px;
	font-weight: bold;
}

#send_but {
	background-image: url(../images/send_but.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 17px;
	width: 41px;
	margin-left: -3px;
}
#send_but a {
	background-image: url(../images/send_but.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 17px;
	width: 41px;
}
#map_link {
	background-image: url(../images/map_ti_find_ing.jpg);
	background-repeat: repeat;
	background-position: top;
	display: block;
	height: 115px;
	width: 180px;
	float: left;
	margin-bottom: 12px;
	margin-top: 16px;
}
#map_link a {
	background-image: url(../images/map_ti_find_ing.jpg);
	background-repeat: repeat;
	background-position: top;
	display: block;
	height: 115px;
	width: 180px;
}

#footer {
 height: 70px;
 width: 734px;
 position: absolute;
 bottom: -55px;
 left: 0px;
}
#partners {
	height: 50px;
	width: 400px;
	position: relative;
	left: 0px;
}
#partners a:hover {
	background-position: bottom;
}
#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	margin-top: 12px;
	padding-bottom: 12px;
}
#our_partners {
	background-image: url(../images/our_partners.gif);
	background-repeat: no-repeat;
	float: left;
	height: 10px;
	width: 127px;
	margin-bottom: 12px;
}
#franke {
	background-image: url(../images/logo1.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 17px;
	width: 87px;
}
#franke a {
	background-image: url(../images/logo1.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 17px;
	width: 87px;
}
#kindred {
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 17px;
	width: 87px;
	margin-right: 12px;
	margin-left:10px;
}
#kindred a {
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 17px;
	width: 87px;
}
#portatec {
	/*background-image: url(../images/portatec_logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 17px;
	width: 87px;
	margin-right: 12px;*/
}
#portatec a {
	/*background-image: url(../images/portatec_logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 17px;
	width: 87px;*/
}
#laflamme {
	/*background-image: url(../images/laflamme_logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 17px;
	width: 87px;*/
}
#laflamme a {
	/*background-image: url(../images/laflamme_logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 17px;
	width: 87px;
	margin-right: 12px;*/
}
#bottom_navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4B4B4B;
	background-image: url(../images/bottom_menu_gradient.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 606px;
	position: absolute;
	top: -5px;
	right: 0px;
	float: right;
}
#bottom_navigation a {
	text-decoration: none;
	color: #4B4B4B;
	height: 20px;
}
#bottom_navigation a:hover {
	color: #000000;
}

#sub_menu {
	float: right;
	height: 10px;
	width: 600px;
	text-align: right;
	margin-top: 5px;
}
.red {
	color: #EE3224;
}
.input {
	width: 170px;
	float: left;
}
.styled {
	width: 170px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#big_menu {
	height: 19px;
	width: 492px;
	position: absolute;
	right: -13px;
	bottom: 0px;
}
#big_menu a:hover {
	background-position: bottom;
}
.selected a{
	background-position: bottom !important;
}
.small_stick2 {
	background-image: url(../images/7_pages/red_stick_menu.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 5px;
}
#kitchen_but {
	background-image: url(../images/7_pages/kitchen_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 19px;
	width: 92px;
}
#kitchen_but a {
	background-image: url(../images/7_pages/kitchen_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 19px;
	width: 92px;
}
#bath_but {
	background-image: url(../images/7_pages/bath_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 19px;
	width: 85px;
}
#bath_but a {
	background-image: url(../images/7_pages/bath_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 19px;
	width: 85px;
	display: block;
}
#doors_but {
	background-image: url(../images/7_pages/doors_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 19px;
	width: 108px;
}
#doors_but a {
	background-image: url(../images/7_pages/doors_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 19px;
	width: 108px;
}
#window_but {
	background-image: url(../images/7_pages/windows_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 19px;
	width: 52px;
	margin-left:4px;
}

#window_but_selected{
	display: block;
	float: left;
	height: 21px;
	width: 52px;
	padding-left:2px;
	margin-left:4px;
}

#window_but a {
	background-image: url(../images/7_pages/windows_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 19px;
	width: 51px;

}
#services {
	background-image: url(../images/7_pages/services_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 19px;
	width: 78px;
	margin-left:4px;
}
#services a {
	background-image: url(../images/7_pages/services_but.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 19px;
	width: 78px;
}
#title {
	height: 19px;
	width: 250px;
	position: absolute;
	bottom: 0px;
	left: 33px;
}
#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 704px;
	margin-left: 14px;
	float: left;
	margin-right: 14px;
}
.red_line_left {
	background-image: url(../images/red_line.gif);
	background-repeat: repeat-y;
	float: left;
	width: 1px;
	height: 210px;
}
.red_line_right {
	background-image: url(../images/red_line.gif);
	background-repeat: repeat-y;
	float: left;
	width: 1px;
	height: 210px;
}
.big_image {
	float: left;
	height: 183px;
	width: 364px;
}
.big_image_right {
	float: right;
	height: 183px;
	width: 364px;
	margin-bottom: 20px;
}
#click_here {
	background-image: url(../images/7_pages/click_line_img.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 300px;
}
#tambs_position {
	position: absolute;
	left: 14px;
	top: 0px;
}
#tambnails {
	height: 72px;
	width: 360px;
	margin-top: 10px;
}
#tamb1 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 72px;
	margin-right: 12px;
}

#tamb1 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 72px;
}

#tamb2 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
	margin-right: 12px;
}

#tamb2 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb3 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
	margin-right: 12px;
}

#tamb3 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb4 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
}

#tamb4 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb5 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
		margin-top:10px;
}

#tamb5 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb6 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
	margin-left:13px;
	margin-top:10px;
}

#tamb6 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb7 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
	margin-left:12px;
		margin-top:10px;
}

#tamb7 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb8 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
	margin-left:12px;
		margin-top:10px;
}

#tamb8 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb9 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
	margin-top:10px;
}

#tamb9 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb10 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
	margin-left:13px;
	margin-top:10px;
}

#tamb10 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb11 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
	margin-left:12px;
	margin-top:10px;
}

#tamb11 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}

#tamb12 {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 72px;
	width: 71px;
	margin-left:12px;
	margin-top:10px;
}

#tamb12 a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 72px;
	width: 71px;
}