/*----------------------------- /
/  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: middle; }

/* 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; }


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

	body {
		text-align: center;
		margin: 0 auto;
		background-color: #f2f7fc;
	}
	#container {
		width: 100%;
		margin: 0px auto;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#content {
		width: 974px;
		margin: 0 auto;
		position: relative;
		text-align: left;
		
	}
	#header{
		display: block;
		position: relative;
		width: 961px;
		height: 169px;
		padding-top: 30px;
	}
	#nav {
		display: block;
		width: 961px;
		height: 68px;
		position: absolute;
		bottom: 0px;
		background: url('../images/nav_bar.jpg') no-repeat top left;
	}
		#nav ul {
			float: left;
			width: 500px;
			display: block;
			height: 68px;
		}
			#nav ul li {
				float: left;
				list-style: none;
			}
			#nav ul li a{
				display: block;
				height: 66px;
				text-indent: -10000px;
			}
			#home_nav a{
				background: url('../images/home_nav.png') no-repeat top left;
				width: 98px;
			}
				#home_nav a:hover {
					background-position: bottom left;
				}
		   #about_nav a{
		   	background: url('../images/about_nav.png') no-repeat top left;
		   	width: 100px;
		   }
		   	#about_nav a:hover {
		   		background-position: bottom left;
		   	}
			 #services_nav a{
			 	background: url('../images/services_nav.png') no-repeat top left;
			 	width: 126px;
			 }
			 	#services_nav a:hover {
			 		background-position: bottom left;
			 	}
			#contact_nav a{
				background: url('../images/contact_nav.png') no-repeat top left;
				width: 150px;
			}
				#contact_nav a:hover {
					background-position: bottom left;
				}
		#logo {
			display: block;
			position: relative;
			width: 259px;
			height: 50px;
			text-indent: -10000px;
			background: url('../images/surgir_logo.jpg') no-repeat top left;
		}
			#logo a {
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -10000px;
			}
			#email_form {
				margin-top: 18px;
				float: right;
				margin-right: 20px;
			}
			#email_form input {
				float: left;
				margin-right: 5px;
			}
				#go_button {
					display: block;
					text-transform: lowercase;
					background: url('../images/go_button.jpg') no-repeat top left;
					text-indent: -10000px;
					border: none;
					width: 27px;
					height: 25px;
					margin-top: -2px;
				}
			#main_area	{
				display: block;
				height: 335px;
				width: 962px;
			}
			div#buckets div {
				float: left;
			}
			div#buckets div a {
				display: block;
				text-indent: -10000px;
				width: 100%;
				height: 100%;
			}
				#left_bucket, #mid_bucket, #right_bucket {
					display: block;
					width: 320px;
					height: 70px;
				}
					#left_bucket {
						background: url('../images/what_is.jpg') no-repeat top left;
					}
					#mid_bucket {
						background: url('../images/what_do.jpg') no-repeat top left;
					}
					#right_bucket {
						width: 324px !important;
						background: url('../images/who_is.jpg') no-repeat top left;
					}
			body#about #subcontent {
				width: 920px;
				margin: 0 auto;
				margin-top: 40px;
				font-size: 12px;
			}
			#subcontent p{
				margin-bottom: 15px;
			}
			body#about #left_bucket {
				height: 87px;
				background: url('../images/what_is_active.jpg') no-repeat top left;
			}
			body#about #main_area {
				background: url('../images/about_img.jpg') no-repeat top left;
			}
			body#services #mid_bucket {
				height: 87px;
				background: url('../images/what_do_active.jpg') no-repeat top left;
			}
			#services #subcontent ul {
				float: left;
				width: 300px;
				list-style-position: inside;
				margin-left: 15px;
				margin-top: 30px;
				font-size: 12px;
			}
			#services #subcontent ul li {
				margin-bottom: 10px;
			}
			#contact #subcontent {
				float: right;
				position: relative;
				right: 100px;
				top: 40px;
			}
			body#contact #right_bucket {
				height: 87px;
				background: url('../images/who_is_active.jpg') no-repeat top left;
			}
			body#contact #main_area {
				background: url('../images/who_img.jpg') no-repeat top left;
			}
			body#services #main_area {
				background: url('../images/services_img.jpg') no-repeat top left;
			}
	#footer {
		/* Locks footer to the bottom */
			position: absolute;
			left: 0;
			bottom: 0;
		/* -------------------------- */
		width: 100%;
		height: 100px; /* Must match #content padding-bottom */
		text-align: center;
	}
.clear {
	clear: both;
}		
/* Horizontal Tuck */	
#horizontal_tuck {
	margin: 0 auto;
	width: 962px;
	height: 335px;
	position: relative;
	overflow: hidden;
}
	#horizontal_tuck ul {
		width: 5000px;
		height: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		left: 0;
		top: 0;
	}
		#horizontal_tuck ul li {
			float: left;
			margin: 0;
			padding: 0;
		}
	#horizontal_tuck .shadow {
		display: block;
		width: 11px;
		height: 100%;
		position: absolute;
		top: 0;
	}
	#horizontal_tuck span.first {
		background-position: center left;
		left: 0;
	}
	#horizontal_tuck span.second {
		background-position: center right;
		right: 0;
	}
