/*----------------------------- /
/  Zombie 0.1.1 – It's Alive!  	/
/  Gatorworks Web Design     	/
/  David Link & Chase Swindler  /
/  www.gatorworks.net        	/
/ -----------------------------*/

/* Browser Reset via Blueprint ------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
/*table { border-collapse: separate; border-spacing: 0; }*/
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
em {
	font-style: italic;
}
td {
	padding-bottom: 25px !important;
}
table {
	margin-top: 20px;
}

/* Layout ---------------------------------------------------- */

	body {
		text-align: center;
		margin: 0 auto;
		background: #c2c5c6 url('../images/body_bg.jpg') repeat-x;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	#container {
		width: 100%;
		margin: 0px auto;
		min-height: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
	#content {
		width: 865px;
		margin: 0 auto;
		text-align: left;
		background-color: #fff;
		margin-top: 40px;
		position: relative;
		padding-bottom: 108px; /* Must match #footer height */
	}
		#header {
			border: 1px solid #fff;
			height: 40px;
			background: #e6e6e6;
			position: relative;
			z-index: 99;
		}
		#logo {
			width: 76px;
			height: 89px;
			background: url('../images/logo.jpg') no-repeat top left;
			position: relative;
			top: -20px;
			left: 20px;
			float: left;
			z-index: 9999;
		}
		#tagline { 
			float: left;
			margin-left: 35px;
			margin-top: 14px;
			display: block;
			background: url('../images/tagline.jpg') no-repeat top left;
			text-indent: -10000px;
			width: 239px;
			height: 13px;
			position: relative;
			}
		#monitech #tagline {
			background: url('../images/monitechtagline.jpg') no-repeat top left;
		}
			#logo a {
				display: block;
				text-indent: -10000px;
				width: 100%;
				height: 100%;
			}
			#nav ul {
				float : right;
				margin-top: 10px;
			}
	  	 	#nav ul li {
	  	 		float: left;
	  	 		list-style: none;
	  	 		border-right: 1px dashed #d4d5d6;
	  	 		display: block;
	  	 		padding: 0px 10px;
	  	 	}	
			#nav ul li a {
				text-decoration: none;
				color: #878b8d;
			}
			#nav ul li a:hover {
				color: #000;
			}
			#contact_info {
				font-size: 12px;
				float: right;
				margin: 5px 10px 0px 0px;
			}
			#careers #sub_content ul li {
				list-style-position: inside;
			}
			.indented {
				margin-left: 30px !important;
			}
		#main {
			width: 815px;
			margin: 0 auto;
		}
		#main_js {
			display: block;
			width: 815px;
			height: 237px;
			margin: 0 auto;
			position: relative;
			overflow: hidden;
		}
		#js_nav {
			display: block;
			width: 738px;
			height: 37px;
			background: url('../images/nav_bg.jpg') no-repeat top left;
			overflow: hidden;
		}
			#js_nav ul {
				float: left;
				display: block;
				height: 37px;
			}
			#js_nav ul li {
				float: left;
				list-style: none;
				display: block;
				
				border-right: 1px solid #c4bfbf;
				border-left: 1px solid #e1e0e0;

				width: 116px;
				text-align: center;
			}
				#welcome_nav {
					border-left: none !important;
				}
				#innovations_nav {
						width: 132px !important;
				}
				#js_nav ul li a{
					width: 100%;
					height: 100%;
					text-indent: -10000px;
					display: block;
					padding: 9px 0px;
				}
				#welcome_nav a{
					display: block;
					background: url('../images/welcome_nav.png') no-repeat center center;

				}
				#slides {
					position: relative;
				}
				div#js_nav	.active {
						background: #e3e6ea;
						-moz-border-radius: 0px 0px 9px 9px; 	
						-webkit-border-radius: 9px;
						-webkit-border-top-left-radius: 0;
						-webkit-border-top-right-radius: 0;
						border-radius: 0 0 9px 9px;
					}
					div#js_nav li:hover {
						background: #D9DDDF;
						-moz-border-radius: 0px 0px 9px 9px; 	
						-webkit-border-radius: 9px;
						-webkit-border-top-left-radius: 0;
						-webkit-border-top-right-radius: 0;
						border-radius: 0 0 9px 9px;
					}
				#industries_nav {
					width: 132px !important;
				}
				#innovations_nav {
										border-right: none !important;
				}
				#training_nav a{
					background: url('../images/training_nav.png') no-repeat center center;
				}
				#services_nav a{
					background: url('../images/halo_nav.png') no-repeat center center;
				}
				#careers_nav_2 a{
					background: url('../images/careers_nav.png') no-repeat center center;
				}
				#innovations_nav a{
					background: url('../images/innovations_nav.png') no-repeat center center;
					margin-left: 4px;

				
				}
				#industries_nav a{
					background: url('../images/industries_nav.png') no-repeat center center;
				}
				
			#buckets .bucket{
				width: 266px;
				height: 213px;
				float: left;
				display: block;
				position: relative;
				margin-right: 8px;
				background: url('../images/bucket_bg.jpg') repeat-x top left;
			}
			#buckets {
				margin-top: 20px;

			}
			#current_news {
				width: 110px;
				height: 11px;
				float: left;
				background: url('../images/current_news.jpg') no-repeat center left;
				text-indent: -10000px;
				margin-top: 10px;
				margin-left: 5px;
			}
			#rss {
				float: left;
				height: 10px;
				margin-top: 6px;
				margin-left: 2px;
			}
				#buckets .bucket hr {
					width: 238px;
					height: 2px;
					position: relative;
					left: -5px;
					top: 4px;
					margin: 0 auto;
					background: url('../images/bucket_hr.jpg') no-repeat top left;
					border: none !important;
				}
				#news_bucket {
					font-size: 11px;
				}
					#buckets h4, #buckets p, #buckets select {
						margin-left: 8px;
						width: 250px;
					}
					.date {
						margin-top: 8px;
						color: #904101;
					}
					a.date {
						position: relative;
						left: 8px;
					}
				#our_locations {
					width: 239px;
					height: 19px;

					background: url('../images/our_locations.jpg') no-repeat center left;
					text-indent: -10000px;
					margin-top: 10px !important;
					margin: 0 auto;
				}
				#locations #locations_bucket {
					display: none;
				}
					#map {
						display: block;
						width: 197px;
						height: 126px;
						background: url('../images/locations_map.png') no-repeat top left;
						margin: 0 auto;
						position: relative;
					}
					#map_sub {
						display: block;
						width: 526px;
						height: 360px;
						background: url('../images/map_sub.jpg') no-repeat top left;
						position: relative;
					}
					#locations .map_link {
						width: 11px !important;
						height: 11px !important;
					}
					#locations #sub_content form {
						text-align: center;
						border-bottom: 1px solid #999;
						padding: 10px;
						margin: 0 10px 15px 0;
					}
						#locations #sub_content form p {
							margin-bottom: 3px;
						}
					#locations #locationslist div {
						float: left;
						width: 50%;
					}
					#locations #locationslist h4 {
						font-size: 14px;
						font-weight: bold;
						margin-top: 10px;
						border-bottom: 1px dotted #bbb;
						margin-right: 10px;
						background: url('../images/add.jpg') no-repeat left center;
						padding-left: 20px;
					}
					#news #sub_content h4 {
						font-weight: bold;
						font-size: 13px;
						margin-top: 10px;
					}
					#locations #locationslist h4.active {
						color: #98C74E;
						border: none;
						background: url('../images/remove.jpg') no-repeat left center;
					}
					#locations #locationslist h4.hasjs {
						cursor: pointer;
					}
					#locations #locationslist p {
						background: #ddd;
						margin-right: 10px;
						padding: 10px;
					}
				#sign_up {
					width: 239px;
					height: 19px;
					margin: 0 auto;
					background: url('../images/newsletter_header.jpg') no-repeat center left;
					text-indent: -10000px;
					margin-top: 8px;
					margin-bottom: 10px;
				}
				#newsletter_bucket input {
					margin: 10px 0px;
				}
				#latest_newsletter {
					width: 239px;
					height: 19px;
					margin: 0 auto;
					background: url('../images/latest_newsletter.jpg') no-repeat center left;
					text-indent: -10000px;
					margin-top: 8px;
					margin-bottom: 8px;
				}
				#newsletter_bucket span {
					margin-left: 10px;
					display: block;
				}
				#newsletter_bucket span a {
					color: #000;
				}
				#newsletter_bucket p{
					margin-left: 15px;
				}
				#newsletter_bucket {
					margin: 0 !important;
					width: 267px !important;
					background-repeat: repeat-x !important;
				}
				#newsletter_bucket img {margin-right: 5px; margin-left: 10px;}
				.map_link {
					display: block;
					width: 6px;
					height: 6px;
					text-indent: -10000px;
					background: transparent;
					position: absolute;
				}
					#new_orleans {
						bottom: 33px;
						right: 73px;
					}
					#baton_rouge {
						bottom: 36px;
						right: 76px;
					}
					#monroe {
						bottom: 39px;
						right: 81px;
					}
					#beaumont {
						bottom: 33px;
						right: 88px;
					}
					#houston {
						bottom: 29px;
						right: 96px;
					}
					#mobile {
						bottom: 36px;
						right: 64px;
					}
					#thomasville {
						bottom: 45px;
						right: 62px;
					}
					#jacksonville {
						bottom: 36px;
						right: 45px;
					}
					#charlotte {
						bottom: 56px;
						right: 45px;
					}
					#cleveland {
						bottom: 79px;
						right: 51px;
					}
					#indy {
						bottom: 70px;
						right: 64px;
					}
					#philly {
						bottom: 76px;
						right: 37px;
					}
					
					#new_orleans_sub {
						bottom: 93px;
						right: 185px;
					}
					#baton_rouge_sub {
						bottom: 98px;
						right: 198px;
					}
					#monroe_sub {
						bottom: 111px;
						right: 204px;
					}
					#beaumont_sub {
						bottom: 95px;
						right: 224px;
					}
					#houston_sub {
						bottom: 89px;
						right: 240px;
					}
					#mobile_sub {
						bottom: 100px;
						right: 161px;
					}
					#thomasville_sub {
						bottom: 115px;
						right: 154px;
					}
					#jacksonville_sub {
						bottom: 104px;
						right: 104px;
					}
					#charlotte_sub {
						bottom: 167px;
						right: 93px;
					}
					#cleveland_sub {
						bottom: 199px;
						right: 164px;
					}
					#indy_sub {
						bottom: 231px;
						right: 119px;
					}
					#philly_sub {
						bottom: 221px;
						right: 73px;
					}
					#submit_button {
						display: block;
						text-indent: -10000px;
						text-transform: lowercase;
						border: none;
						background: url('../images/submit_button.jpg') no-repeat top left;
						position: relative;
						width: 78px;
						height: 22px;
						float: right;
						right: 15px;
					}
					#email {
						position: relative;
						left: 15px;
						float: left;
					}
					#careers #email4 {
						left: 0px;
					}
					.js_slide {
						display: block;
						width: 815px;
						height: 237px;
						float: left;
					}
					.slide_content {
						text-indent: -10000px;
					}
					.js_slide a{
						display: block;
						width: 100%;
						height: 100%;
						text-indent: -10000px;
					}
					#welcome_slide {
						background: url('../images/HoistCraneWelcome.jpg') no-repeat top left;
					}
					#training_slide {
						background: url('../images/HoistCraneTraining.jpg') no-repeat top left;
					}
					#services_slide {
						background: url('../images/HoistCraneHALO.jpg') no-repeat top left;
					}
					#careers_slide {
						background: url('../images/HoistCraneCareers.jpg') no-repeat top left;
					}
					#innovations_slide {
						background: url('../images/HoistCraneInnovations.jpg') no-repeat top left;
					}
					#industries_slide {
						background: url('../images/HoistCraneIndustries.jpg') no-repeat top left;
					}
	#footer {
		/* Locks footer to the bottom */
			position: relative;
		/* -------------------------- */
		width: 856px;
		margin-top: 15px !important;
		margin: 0 auto;
		height: 100px; /* Must match #content padding-bottom */
		text-align: left;
		font-size: 10px;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
		#footer blockquote, #footer a#foot_logo {
			float: left;
		}
		#footer p, #footer ul {
			float: right;
		}
		#foot_nav {
			position: relative;
			top: -15px;
		}
			#foot_nav li {
				float: left;
				list-style: none;
				border-left: 1px solid #000;
				padding: 0px 5px;
			}
			#foot_nav li a{
				color: #000;
				text-decoration: none;
			}
				#home_nav_foot {
					border: none !important;
				}
			#foot_logo {
				position: relative;
				top: 5px;
				margin-right: 10px;
			}
.clear {
	clear: both;
}	
.sub #buckets .bucket {
	float: none !important;
	height: 260px;
}	
.sub #buckets {
	float: left;
}
.sub .bucket {
	margin-bottom: 15px;
	padding-top: 5px;
}
.sub .page_header {
	display: block;
	width: 815px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0 auto;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #2f363a;
	font-size: 22px;
	font-weight: bold;
	background: url('../images/header_img.jpg') no-repeat top left;
}
#sub_content {
	width: 500px;
	float: left;
	margin-right: 40px;
}
.sub #sub_content h3 {
	font-weight: bold;
	margin: 10px 0px;
	font-size: 13px;
	background: url('../images/add.jpg') no-repeat left center;
	padding-left: 20px;
}
#services h3.hasjs {
	cursor: pointer;
}
#services h3.active, #industries h3.active, #innovations h3.active {
	background: url('../images/remove.jpg') no-repeat left center;
	color: #98C74E;
}
#contact form label {
	display: block;
	float: left;
	width: 200px;
	clear: both;
}
#contact #sub_content form input{
	float: left;
	clear: both;
	margin-bottom: 10px;
}
textarea { float: left !important;
	clear: both;}
	#one_liner {
		float: left;
		position: relative;
		top: 2px;
		font-size: 15px;
		left: 30px;
	}
	#inter ul li {
		list-style-position: inside;
	}
	.sub #sub_content p {
		margin-bottom: 15px;
		margin-top: 5px;
	}
	.sub #sub_content img {
		margin-top: 15px;
		
	}
	.sub #sub_content hr {
		margin-bottom: 15px;
		margin-top: 15px;
	}
#safety #sub_content ul li{
	list-style-position: inside;
	float: left;
	margin-right: 5px;
	list-style: none;
	clear: both;
}
 #industries #sub_content ul li {
	list-style-position: inside;
}
 #industries #sub_content ul {
	margin-left: 20px;
}
#careers form label {
	float: left;
	clear: left;
	width:90px;
}
textarea {
	margin-bottom: 15px;
}
#careers form input{
	float: left;
	margin-bottom: 10px;
} 
#subnit {
	clear: both;
}
#login_popup {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999999;
	background: rgba(0,0,0,0.7);
}
#login_popup div#bg_div {
	display: block;
	width: 300px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 45%;
	margin-left: -150px;
	margin-top: -150px;
	height: 300px;
	background: url('../images/pop_up.png') no-repeat top left;
}
#login_popup div a {
	display: block;
	color: #000;
	padding: 10px;
	width: 200px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
}
#login_popup #bg_div #relative div {
	padding-left: 40px;
	padding-top: 40px;
}
#relative div a {
	margin-bottom: 15px;
}
#relative div a:hover {
	background-color: #f3f3f3;
}
}	
#relative {
	position: relative;
	width: 100%;
	height: 100%;
}
#close_popup {
	padding: none !important;
	display: block;
	width: 30px !important;
	top: 0px !important;
	right: -20px !important;
	height: 30px !important;
	position: absolute !important;
	background: transparent url('../images/close.png') no-repeat top left !important;
	text-indent: -10000px;
	border: none !important;
}
#links2 {
	margin-top: 18px;
}
#links2 img {
	position: relative;
	top: 4px;
}
.foot_nav_last {
	padding-right: 0!important;
}
