/*
	Name: Hose Hanger PRO
	Description: This website was coded for Hose Hanger PRO by Stickcore.
	Author: Stickcore
	Author URI: http://www.stickcore.com/
*/



/*****CSS RESET*******/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,code,em,img,small,
fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,ol,ul,li, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; 
	border: none;
}

body { font-family: kalinga, arial, verdana, sans-serif; }

ol, ul { list-style-type: none; }

blockquote,q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { 
	content: '';
	content: none;
}

form { }

input { 
	width: 420px;
	height: 40px;
	color: #c7ddf4;
	background-color: #105aa5;
	font-family: kalinga, arial, verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0 5px 25px 0; 
	padding: 0 0 0 10px; 
	float: left;
}
	input.submit_btn { 
		width: 135px;
		height: 50px;
		background-color: #fff;
		background-image: url(../images/submit-btn.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 0;
	}
		input.submit_btn:hover { 
			background-image: url(../images/submit-btn-hover.jpg); 
			cursor: pointer;
		}

textarea { 
	color: #c7ddf4;
	background-color: #105aa5;
	font-family: kalinga, arial, verdana, sans-serif;
	font-size: 20px;
	margin: 0; 
	padding: 8px 10px 5px 10px; 
	resize: none;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

tr { }

p { margin: 0 0 5px 0; }

a { 
	color: #64a7eb;
	text-decoration: none; 
}
	a:hover { color: #8cbef2; }

.clear { clear: both; }

h3 {
	width: 100%; 
	color: #4a627b; 
	font-size: 24px; 
	font-weight: bold; 
	text-align: center; 
	margin-top: 20px;
}

h4 { font-size: 25px; }
	
	

/***** HEADER STYLES*******/

header {
	height: 100px;
	background-color: #fff;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 5px solid #dad6d6; 
}

#main {
	position: absolute;
	top: 100px;
	right: 0;
	bottom: 0; 
	left: 0; 
	overflow-y: scroll;
}

article { padding-top: 40px; }

article#home { padding-top: 0px; }

	#header_container { 
		width: 930px;
		height: 100px;
		margin: 0 auto;
	}
			#header_container img.logo { 
				margin-top: 17px; 
				float: left;
			}
			
		#header_container ul#navigation { 
			width: 370px;
			font-family: tahoma, arial, sans-serif;
			float: right;
			margin-top: 12px;
		}
			#header_container ul#navigation li {
				text-align: center;
				float: left;
				margin-left: 22px;
				padding: 8px;
				border: 1px solid #fff;
			}
				#header_container ul#navigation li:hover{
					background-color: #2379c4;
					padding: 8px;
					border: 1px solid #fff;
				}
				
				ul#navigation li p.top {
					color: #1c66a7;
					font-size: 20px;
					font-weight: bold;
					padding: 0 4px 4px 4px;
					border-bottom: 1px solid #c6c6c6;
				}
					ul#navigation li:hover p.top { 
						color: #fff;
						border-bottom: 1px solid #bbb; 
					}
				
					ul#navigation li:hover p.bottom { color: #fff; }
				
				ul#navigation li p.bottom {
					color: #565555;
					font-size: 16px;
					font-weight: normal;
				}
	
	

/***** YOUTUBE SECTION STYLES*******/

#youtube_section {
	height: 378px;
	background-image: url(../images/youtube-section-bg.png);
	background-repeat: repeat-x;
	position: relative;
	padding: 32px 0 0 0;
	z-index: 1;
}
	#youtube_video_container {
		width: 930px;
		height: 351px;
		margin: 0 auto;
		position: relative; 
		z-index: 2
	}
			#youtube_video_container iframe.youtube {
				margin: 20px 0 0 6px;
				position: relative; 
				z-index: 2;
				border: 1px solid #000;
				float: left;
			}
		
		#youtube_video_container h1 {
			width: 100%;
			color: #fff;
			font-size: 37px;
			text-align: center;
		}
		
		#youtube_video_container h2 {
			width: 350px;
			color: #fff;
			font-size: 21px;
			text-align: center;
			float: left;
			margin: 15px 0 0 30px;
		}
		
		#youtube_video_container ul {
			width: 325px;
			float: left;
			margin: 0 0 0 45px;
			padding: 6px 0 0 0;
			border-top: 1px solid #ccc;
		}
			#youtube_video_container ul li {
				width: 226px;
				height: 54px;
				margin: 0 auto 10px auto;
				overflow: hidden;
			}
	
	

/***** SECTION STYLES*******/

.section_rows {
	width: 930px;
	margin: 30px auto 0 auto;
}
	.section_rows .section_row {
		width: 930px;
		margin: 15px auto 0 auto;
		float: left;
	}
	
		.section_row h1 {
			width: 450px;
			color: #1c66a7;
			font-family: "Franklin Gothic Heavy", kalinga, tahoma, arial, sans-serif;
			font-size: 32px;
			padding-bottom: 8px;
			border-bottom: 1px solid #136ac2;
		}	
		
			.section_row p.special { margin-top: 35px; }
	
		.section_row .header_and_image_left, .section_row .header_and_image_right { width: 450px; }
		
			.header_and_image_left h1, .header_and_image_right h1 { 
				width: 100%;
				color: #1c66a7;
				font-family: "Franklin Gothic Heavy", kalinga, tahoma, arial, sans-serif;
				font-size: 32px;
				padding-bottom: 8px;
				border-bottom: 1px solid #136ac2;
			}
			
			.header_and_image_left img, .header_and_image_right img { margin-top: 30px; }
			
		.section_row .description_right, .section_row .description_left { 
			width: 450px;
			margin-top: 80px;
		}
		
		.section_row .header_and_image_left { float: left; }
		.section_row .header_and_image_right { float: right; }
		
		.section_row .description_right { float: right; }
		.section_row .description_left { float: left; }
	
	

/***** CONTACT STYLES*******/

#contact_form {
	width: 100%;
	height: 448px;
	background-color: #e9e9e9;
	float: left;
	margin-top: 100px;
	border-top: 10px solid #dad6d6;
}
	#contact_form #contact_container { 
		width: 930px;
		height: 410px;
		margin: 0 auto;
	}
		#contact_container h2 { 
			width: 100%;
			font-size: 32px;
			font-weight: normal;
			text-align: center;
			margin-top: 20px;
		}
		
		#contact_container h4 { 
			width: 100%;
			color: #4a627b;
			font-size: 17px;
			font-weight: normal;
			text-align: center;
			margin-top: 10px;
		}
		
		#contact_container #contact_left {
			width: 430px;
			float: left;
			margin-top: 30px;
		}
		
		#contact_container #contact_right {
			width: 432px;
			float: right;
			margin-top: 30px;
		}
		
#thank_you { 
	width: 930px;
	text-align: center;
	margin: 70px auto 0 auto;
}

#order_completed { 
	width: 930px;
	text-align: left;
	margin: 70px auto 0 auto;
}
	#order_completed h2 { font-size: 20px; }
	
	#order_completed a { color: #337cc6; }
	
	

/***** FOOTER STYLES*******/

#footer { 
	width: 100%;
	height: 45px;
	background-color: #353535;
	float: left;
	padding-top: 26px;
}
	#footer_container { 
		width: 930px;
		height: 45px;
		margin: 0 auto;
	}
		#footer_container p {
			color: #fff;
			font-size: 14px;
		}