/* Major CSS */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: url(../images/bg.jpg) #FFF no-repeat top;	
	font: 0.7em Tahoma,Arial,Helvetica,sans-serif;
	overflow-x: hidden;
}

.asterix {
	color: #F00;	
}

a img {
	border: none;
}

.none {
	display: none;
}

a {
	color: #000;	
}

a:hover {
	text-decoration: none;	
}

/* END */

/* Website Template CSS */
#wrap {
	width: 1003px;
	margin: auto;
	min-height: 100px;
}
	
	#header {
		float: left; 
		margin-left: 2px;
		display: inline;
		width: 999.75px;
		height: 157px;
	}
	
		#header_left {
			float: left;
			width: 271px;
			height: 121px;
		}
		
		#header_right {
			background: url(../images/contact.png);
			text-indent: -20000px;
			float: right;
			width: 274px;
			height: 121px;
		}

		.innerwrap_header {
			background: #FFF;
			opacity:0.8;
			filter:alpha(opacity=80);
			width: 951px;
			margin: auto;
			height: 125px;
		}
		
		.innerwrap_menu {
			background: url(../images/nav/nav_bg.jpg) repeat-x;
			border-top: 3px solid #435b46;	
			float: left;
			width: 1002.25px;
			height: 29px;
		}
		
	
	#nav {
	width: 990px;
	float: left;
	margin-left: 25.5px;
	display: inline;
	color: #FFF;
	font-size: 12px;
	cursor: pointer;
	height: 29px;
	list-style: none;
	}
	
		#nav li {
		float: left;
		margin-right: 6.70px;
		}
		
			/* Second Level */
			#nav li ul {
				display: none;
			}
			
			#nav li:hover ul {
				z-index: 2;
				list-style-type: none;
				display: block; 
				cursor: pointer;
				position: relative;
				height: auto;
				width: 129px;
			 } 
			 
			#nav li:hover ul a {
				cursor: pointer;
				background: #435b46;
				text-align: left;
				text-indent: 0px;
				width: 129px;
				padding: 12px;
				height: 14px;
				color: #fff;
			}
			
			
			#nav li:hover ul:hover li:hover a {
				background: #5c7a60;
				color: #FFF;
				cursor: pointer;
			}
 
 			#nav li:hover ul .bottom {
			}	
			
				/* Third Level */
				#nav li:hover ul li ul {
					display: none;
				}
				
				#nav li:hover ul li:hover ul {
					z-index: 20;
					list-style-type: none;
					display: block; 
					cursor: pointer;
					margin-top: -38px;
					position: absolute;
					left: 153px;
					height: auto;
					color: #000;
					width: 129px;
				 } 
				 
				#nav li:hover ul li:hover ul a {
					cursor: pointer;
					background: #5c7a60;
					text-align: left;
					text-indent: 0px;
					width: 129px;
					padding: 12px;
					height: 14px;
					color: #fff;
				}
				
				#nav li:hover ul li:hover ul a:hover {
					background: #749878;
					color: #FFF;
					cursor: pointer;
				}
	 
				#nav li:hover ul .bottom {
				}
			
		#nav a {
		text-align: center;
		padding-top: 4px;
		outline: none;
		display: block;
		text-decoration: none;
		color: #FFF;
		cursor: pointer;
		height: 25px;
		}
		
		#nav a:hover, #nav .selected {
		background: #435b46;
		text-decoration: underline;
		}
		
		#nav-homepage a {
		width: 153px;
		margin-left: -2px;
		}
		
		#nav-about a {
		width: 153px;
		background: url(../images/menu/about.jpg);
		cursor: pointer;
		}
		
		#nav-about:hover {
		color: #FFF;
		text-decoration: inherit;
		background: #435b46;
		cursor: pointer;
		}	
		
		#nav-gear a {
		width: 153px;
		}
		
		#nav-gear:hover {
		color: #FFF;
		text-decoration: inherit;
		background: #435b46;
		cursor: pointer;
		}		
		
		#nav-suppliers a {
		width: 153px;
		}
		
		#nav-reclaimed a {
		width: 153px;
		}
		
		#nav-contact a {
		width: 153px;
		}

	#content {
		float: left; 
		margin-left: 2px;
		display: inline;
		width: 999.75px;
	}
	
		.innerwrap_content {
			width: 951px;
			margin: auto;
			min-height: 400px;
		}
		
			.gap_1 {
				float: left;
				width: 951px;
				height: 6px;
			}
			
			.gap_2 {
				float: left;
				width: 951px;
				height: 10px;
			}
			
#footer {
	width: 951px;
	float: left;
	height: 25px;
}

	#footer a {
		color: #000;	
		text-decoration: underline;
	}
	
		#footer a:hover {
			text-decoration: none;	
		}

	.footer_left {
		float: left;
		width: 475.5px;
	}
	
	.footer_right {
		text-align: right;
		float: right;
		width: 475.5px;
	}
	
.slide, .top_image {
	background: #000;
	float: left;
	width: 951px;
	height: 210px;
}
/* END */

/* Home CSS */
.two_box {
	float: left;
	width: 951px;
	height: 236px;
}

	.left_box {
		float: left;
		background: #FFF url(../images/logo_small_boxes.jpg) no-repeat 452px 159px;
		width: 615px;
		height: 236px;
	}	
	
		.left_box_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 615px;
			margin: auto;
			font-family: Verdana;
			height: 23px;
		}
		
			.left_box_title_content {
				width: 600px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.left_box_content {
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 597px;
			padding: 6px;
			height: 198px;
		}
	
	.right_box {
		float: right;
		background: #FFF /*url(../images/logo_small_boxes.jpg)*/ no-repeat 147px 159px;
		width: 310px;
		height: 236px;
	}
	
		.right_box_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 310px;
			font-family: Verdana;	
			margin: auto;
			height: 23px;
		}
		
			.right_box_title_content {
				width: 297px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.right_box_content {
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			padding: 6px;
			width: 292px;
			height: 198px;	
		}
.suppliers {
	float: left;
	width: 951px;
}		

	.suppliers_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 951px;
	}	
	
		.suppliers_box_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 951px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.suppliers_box_title_content {
				width: 937px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.suppliers_box_content {
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 933px;
			padding: 6px;
			height: 108px;
		}
		
		.suppliers_image {
			background: url(../images/header/suppliers.png) no-repeat;
		}
		
	.myForm td, input, select, textarea, checkbox  {
		font-family: tahoma;
	}

	.required {
		color: red;
	}
	
.home_scroll {
	float: left;
	width: 2242px;
	height: 107.5px;
	background: url(../images/suppliers_scroll.jpg);	
}

.home_scroll_2 {
	float: right;
	width: 1820px;
	height: 107.5px;
	background: url(../images/suppliers_scroll_2.jpg);	
}

.welcome_image {
	background: url(../images/header/welcome_to_roofing_gear.png) no-repeat ;
}
/* END */

/* About CSS */
.about_company {
	float: left;
	width: 951px;
}		

	.about_company_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 951px;
	}	
	
		.about_company_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 951px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.about_company_title_content {
				width: 937px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.about_company_content {
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 933px;
			padding: 6px;
		}
		
		.about_company_image {
			background: url(../images/header/about_roofing_gear.png) no-repeat;
		}
		
		.about_team_image {
			background: url(../images/header/meet_the_team.png) no-repeat;
		}
		
.about_team {
	float: left;
	width: 951px;
}		

	.about_team_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 951px;
	}	
	
		.about_team_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 951px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.about_team_title_content {
				width: 937px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.about_team_content {
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 945px;
		}
		
		.about_team_photo {
			float: left;
			width: 308px;
			height: 250px;
		}
		
		.about_team_bio {
			float: left;
			padding: 6px;
			width: 625px;
		}
/* END */

/* Reclaimed */

.reclaimed {
	float: left;
	width: 350px;
	margin-left: 80px;
	display: inline;
	margin-top: 10px;
}		

	.reclaimed_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 350px;
	}	
	
		.reclaimed_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 350px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.reclaimed_title_content {
				width: 343px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.reclaimed_content {
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 344px;
		}
		
		.reclaimed_photo {
			float: left;
			width: 344px;
			height: 235px;
		}
		
		.reclaimed_bio {
			float: left;
			padding: 6px;
			width: 625px;
		}

	.reclaimed_image {
		background: url(../images/header/reclaimed.png);	
	}

/* END */

/* Contact */

.contact_left {
	float: left;
	width: 455.5px;
	display: inline;
	margin-top: 10px;
}		

	.contact_left_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 455px;
	}	
	
		.contact_left_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 455px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.contact_left_title_content {
				width: 446px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.contact_left_content {
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			line-height: 20px;
			border-bottom: 3px solid #426248;	
			padding: 6px;
			float: left;
			width: 437px;
		}
		
		.contact_left_content input[type='text'] {
			padding: 4.5px;
			background: #F9F9F9;
			font-family: Verdana, Geneva, sans-serif;
			border: 1px solid #CCC;
		}
		
		.contact_left_content .button {
			margin-top: 3px;
		}
		
		.contact_left_content textarea {
			padding: 4.5px;
			background: #F9F9F9;
			font-family: Verdana, Geneva, sans-serif;
			border: 1px solid #CCC;
			width: 320px;
			height: 100px;
			font-size: 11.5px;
		}
		
.contact_map_right {
	float: right;
	width: 455.5px;
	display: inline;
	margin-top: 10px;
}		

	.contact_map_right_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 455px;
	}	
	
		.contact_map_right_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 455px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.contact_map_right_title_content {
				width: 446px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.contact_map_right_content {
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 449px;
			height: 300px;
		}
		
		#map {
			width: 449px;
			height: 300px;
			overflow: hidden;
		}

	.contact_image {
		background: url(../images/header/contact_us.png);	
	}
	
		fieldset {
			border: 0px;
		}
		
		legend {
			display: none;	
		}
		
		label {
			font-weight: bold;	
		}
		
	.contact_error {
		font: "Lucida Grande",Helvetica,"Lucida Sans Unicode",Arial,Verdana,sans-serif;
		background:none repeat scroll 0 0 #A61535;
		border:2px solid #D88497;
		float:left;
		height:23.5px;
		margin-bottom:5px;
		padding-left:5px;
		padding-top:9px;
		width:942px;	
	}
	
	.contact_error_txt {
		color:#FFFFFF;
		display:inline;
		float:left;
		margin-left: 10px;
	}
	
	.contact_success {
		font: "Lucida Grande",Helvetica,"Lucida Sans Unicode",Arial,Verdana,sans-serif;
		background:none repeat scroll 0 0 #A8EAA6;
		border:2px solid #339966;
		float:left;
		height:23.5px;
		margin-bottom:5px;
		padding-left:5px;
		padding-top:9px;
		width:942px;	
	}
	
	.contact_success_txt {
		color:#000000;
		display:inline;
		float:left;
		margin-left: 10px;
	}
		
	

/* END */

/* Fibre Glass */

.fibre_image {
		background: url(../images/header/fibre_glass.png);	
}
	
.gear_fibre {
	float: left;
	width: 951px;
}		

	.gear_fibre_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 951px;
	}	
	
		.gear_fibre_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 951px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.gear_fibre_title_content {
				width: 937px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.gear_fibre_content {
			background: url("../images/fibre_roof.png") no-repeat top right;
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 933px;
			padding: 6px;
		}
		
		.gear_content_borders {
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 933px;
			padding: 6px;
		}
		
			.gear_fibre_content ul li {
				list-style-position: inside;
			}

/* END */

/* Torch On */

.pour_image {
		background: url(../images/header/torch-pour-roll.png);	
}
	
.gear_pour {
	float: left;
	width: 951px;
}		

	.gear_pour_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 951px;
	}	
	
		.gear_pour_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 951px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.gear_pour_title_content {
				width: 937px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.gear_pour_content {
			background: url("../images/pour_roof.png") no-repeat top right;
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 933px;
			padding: 6px;
		}
		
			.gear_pour_content ul li {
				list-style-position: inside;
			}


/* END */

/* Liquid Rubber */

.liquid_image {
		background: url(../images/header/liquid-rubber.png);	
}
	
.gear_liquid {
	float: left;
	width: 951px;
}		

	.gear_liquid_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 951px;
	}	
	
		.gear_liquid_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 951px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.gear_liquid_title_content {
				width: 937px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.gear_liquid_content {
			background: url("../images/liquid_roof.png") no-repeat top right;
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 933px;
			padding: 6px;
		}
		
			.gear_liquid_content ul li {
				list-style-position: inside;
			}

/* END */

.farmscape_image {
		background: url(../images/header/farmscape.png);	
}

.profile_6_image {
		background: url(../images/header/profile_6.png);	
}

.profile_3_image {
		background: url(../images/header/profile_3.png);	
}

.box_profile_image {
		background: url(../images/header/box_profile.png);	
}

.corrugated_image {
		background: url(../images/header/corrugated.png);	
}

.onduline_image {
		background: url(../images/header/onduline.png);	
}

.image_404 {
		background: url(../images/header/404.png);	
}

/* Suppliers */

.suppliers_page {
	float: left;
	width: 951px;
	height: 146px;
}		

	.suppliers_page_box {
		float: left;
		background: #FFF;
		font-family: Verdana;
		width: 951px;
	}	
	
		.suppliers_page_box_title {
			background: url(../images/box_top.jpg) repeat-x;
			width: 951px;
			font-family: Verdana;
			margin: auto;
			height: 23px;
		}
		
			.suppliers_page_box_title_content {
				width: 937px;
				margin: auto;
				color: #FFF;
				padding-top: 2.5px;
			}
		
		.suppliers_page_box_content {
			background: url("../images/suppliers.png") no-repeat top left;
			border-left: 3px solid #426248;
			border-right: 3px solid #426248;
			border-bottom: 3px solid #426248;	
			float: left;
			width: 933px;
			padding: 6px;
			height: 290px;
		}

/* END */