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


/* Generic --------------------------------------------------- */
a {
	color: #2360b3;
	text-decoration: none;
}
	a:hover, a:active {
		color: #184583;
	}
form input, form textarea, form select {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
form label {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #777;
}
form input[type="text"], form textarea {
	width: 100%;
	margin: 5px 0 10px;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #ccc;
	border-top-color: #999;
}
form textarea {
	resize: vertical;
}
form input[type="submit"] {
	padding: 5px 10px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	background: #579F1B;
	text-shadow: 0 -1px 0 #3A6B13;
	border: none;
	border-bottom: 1px solid #3A6B13;
}

	
	
	
	

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

	body {
		text-align: center;
		margin: 0 auto;
		background: url('../images/bg.jpg');
		text-shadow: 0 1px 0 #fff;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
	}
	#container {
		width: 100%;
		margin: 0px auto;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		/*padding-bottom: 120px;*/
	}
	#content {
		width: 1000px;
		margin: 0 auto;
		text-align: left;
		padding-bottom: 100px; /* Must match #footer height */
	}
		#header {
			width: 1000px;
			padding: 0;
			margin-top: 30px;
			border-bottom: 1px solid #fff;
			position: relative;
		}
			#header #logo a {
				display: block;
				width: 221px;
				height: 37px;
				background: url('../images/gatorworks_logo.png') no-repeat;
				text-indent: -10000em;
				margin-bottom: 40px;
				margin-left: 20px;
			}
			#header h3 {
				float: right;
				position: absolute;
				right: 0;
				top: 5px;
				font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
				color: #888;
				font-size: 16px;
			}
			.hasJS #header h3 {
				background: #ff5d04 url('../images/custom_websites.png') no-repeat 12px center;
				border-bottom: 1px solid #cd6a1e;
				width: 1000px;
				text-indent: -10000em;
				padding: 5px 0 4px;
				position: absolute;
				float: left;
				top: 0px;
				left: 660px;
			}
			#header .nav {
				border-bottom: 1px solid #dcdcdc;
				height: 31px;
				padding: 0 0 0 20px;
			}
			#header .nav li {
				list-style: none;
				display: inline;
				margin: 0;
				padding: 0;
			}
				#header .nav li a {
					display: block;
					width: 160px;
					height: 31px;
					margin: 0;
					padding: 0;
					float: left;
					background-position: left top;
					background-repeat: no-repeat;
					text-indent: -10000em;
					border-bottom: 1px solid #dcdcdc;
				}
					#header .blog a {
						background-image: url('../images/nav_blog.png');
					}
					#header .our_work a {
						background-image: url('../images/nav_our_work.png');
					}
					#header .contact a {
						background-image: url('../images/nav_contact.png');
					}
					#header .about a {
						background-image: url('../images/nav_about.png');
					}
					#header .press a {
						background-image: url('../images/nav_press.png');
					}
					#header .jobs a {
						background-image: url('../images/nav_jobs.png');
					}
						#header .nav li a:hover, #header .nav li a:active {
							background-position: left bottom;
							border-bottom-color: #ff5d04;
						}
						body#work #header .nav .our_work a, body#project #header .nav .our_work a, body#contact #header .nav .contact a, body#about #header .nav .about a, body#press #header .nav .press a, body#jobs #header .nav .jobs a {
							background-position: left bottom;
						}
	#featured_wrapper {
		padding-bottom: 16px;
		background: url('../images/featured_shadow.png') no-repeat bottom center;
	}
	#featured_projects {
		padding: 19px;
		background: #fff;
		border: 1px solid #e7e7e7;
		margin-top: 35px;
		position: relative;
		border-bottom: 2px solid #c5c5c5;
		margin: 30px 0 0px;
	}
		#featured_image {
			width: 960px;
			height: 300px;
			list-style: none;
			position: relative;
		}
			#featured_image li {
				position: absolute;
				top: 0;
				left: 0;
			}
			#featured_image .active {
				z-index: 9;
			}
			#featured_image .next {
				z-index: 8;
			}
		#featured_overlay {
			position: absolute;
			left: 19px;
			top: 19px;
		}
		#featured_description {
			opacity: 0.95;
			-moz-opacity: 0.95;
			filter:alpha(opacity=95);
			width: 280px;
			padding: 10px 20px;
			height: 115px;
			position: absolute;
			z-index: 10;
			background: #72d021 url('../images/featured_description_bg.png') repeat-x top center;
			border-top: 1px solid #d3ffac;
			bottom: 70px;
			color: #fff;
			text-shadow: 0px -1px 0px #63b51c;
			-moz-box-shadow: 1px 1px 4px #333;
			-webkit-box-shadow: 1px 1px 4px #333;
			box-shadow: 1px 1px 4px #333;
		}
			#featured_description h3 {
				width: 127px;
				height: 18px;
				background: url('../images/featured_projects.png') no-repeat;
				text-indent: -10000em;
				margin-bottom: 10px;
			}
			#featured_description ul {
				position: relative;
			}
			#featured_description li {
				list-style: none;
				position: absolute;
				top: 0;
				left: 0;
				display: none;
			}
				#featured_description .active {
					display: block;
				}
				#featured_description h4 a {
					font-size: 18px;
					color: #fff;
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-weight: bold;
					text-decoration: none;
				}
				#featured_description ul p {
					font-size: 13px;
				}
		#featured_footer {
			height: 20px;
			background: #72d021;
			border-top: 1px solid #d3ffac;
		}
			#featured_footer .stops {
				float: left;
				margin: 3px 0 0 5px;
			}
			#featured_footer .stops li {
				float: left;
				list-style: none;
			}
			#featured_footer .stops li a {
				display: block;
				width: 8px;
				height: 8px;
				background: url('../images/featured_stops.png') no-repeat right center;
				text-indent: -10000em;
				margin: 3px 2px;
			}
				#featured_footer .stops li.active a {
					background-position: left center;
				}
			#featured_footer .readmore {
				float: right;
				display: block;
				width: 117px;
				height: 11px;
				background: url('../images/featured_readmore.png') no-repeat;
				text-indent: -10000em;
				margin: 4px 6px 0 0;
			}
	
	#main {
		width: 1000px;
		padding-bottom: 40px;
	}
		#main #maincontent {
			float: left;
			width: 600px;
		}
		#slogan {
			font-size: 50px;
			margin: 4px 0 25px;
			text-align: center;
			text-shadow: 0px 1px 0px #fff;
		}
			#slogan a {
				font-weight: normal;
				color: #7DBE30;
				text-shadow: 0px -1px 0px #6BA62D;
			}
				#slogan a:hover, #slogan a:active {
					color: #679F29;
					cursor: pointer;
				}
		#main #blog_excerpts {
			border-top: 1px solid #dcdcdc;
		}
			#blog_excerpts .from_the_blog {
				height: 20px;
				background: url('../images/from_the_blog.png') no-repeat 20px 20px;
				text-indent: -10000em;
				padding: 20px 20px 0;
				border-top: 1px solid #fff;
			}
			#blog_excerpts .post {
				padding: 20px 20px 3px;
				border-bottom: 1px solid #dcdcdc;
				border-top: 1px solid #fff;
			}
				#blog_excerpts .first_post {
					border-top: none;
				}
				.post h2, h2.noposts {
					font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
					font-size: 36px;
					line-height: 1.3em;
					margin-bottom: 10px;
				}
					.post h2 a {
						color: #555;
						text-decoration: none;
					}
						.post h2 a:hover, .post h2 a:active {
							color: #000;
						}
				.post .date {
					font-size: 11px;
					display: block;
					margin-bottom: 10px;
				}
					.post .date strong {
						color: #67bc1e;
						font-size: 13px;
					}
				.post p, .post ul, .post ol, .post blockquote {
					margin: 10px 0;
				}
				.post h4, #maincontent h4 {
					font-size: 22px;
					font-weight: normal;
					margin: 15px 0 5px;
				}
					#maincontent h4 {
						margin: 15px 20px 5px;
					}
				.post em, #maincontent p em {
					font-size: 1.075em;
					font-style: italic;
					font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
				}
				.post .readmore {
					color: #67bc1e;
					font-size: 13px;
					font-weight: bold;
					display: block;
					margin-top: 30px;
					text-decoration: none;
				}
					.post .readmore:hover, .post .readmore:active {
						color: #59A21B;
					}
	#work #main #maincontent {
		width: 100%;
	}
	.subpage h2 {
		color: #ff5d04;
		font-size: 30px;
		margin-left: 20px;
		margin: 25px 0 25px 20px;
		font-family: "droid-serif-1", "droid-serif-2", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	}
	.subpage #maincontent p, .subpage #maincontent ul, .subpage #maincontent ol {
		margin: 10px 20px;
	}
	.subpage #maincontent ul, .subpage #maincontent ol {
		background: #eee;
		background: rgba(230, 230, 230, .2);
		border: 1px solid #e5e5e5;
		list-style-position: outside;
		padding: 10px 10px 10px 25px;
	}
	#clientlist ul {
		background: none !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}
		ul ul, ul ol, ol ul, ol ol {
			background: none !important;
			border: none !important;
			padding: 0 !important;
		}
	#work #work_selector {
		font-family: "droid-serif-1", "droid-serif-2", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	}
		#work #work_selector h2 {
			float: left;
		}
		#work #work_selector #work_nav {
			float: left;
			color: #999;
			font-size: 20px;
			margin: 35px 0 0 10px;
		}
			#work #work_selector #work_nav a {
				color: #999;
				padding: 0 5px;
				text-decoration: underline;
			}
				#work #work_selector #work_nav a:hover, #work #work_selector #work_nav a:active {
					color: #777;
				}
	#work #projects {
		min-height: 340px;
	}
	#work .loading {
		background: url('../images/loader.gif') no-repeat 160px 100px;
	}
		#work #projects .project {
			width: 320px;
			position: relative;
			float: left;
			padding-bottom: 15px;
			margin-bottom: 20px;
			border-bottom: 1px solid #ddd;
			margin-left: 10px;
		}
			#work #projects .middle {
				margin: 0 5px 20px 15px;
			}
			#work #projects .project .project_image {
				display: block;
				width: 300px;
				height: 200px;
				background: #fff;
				padding: 9px;
				border: 1px solid #e7e7e7;
				border-bottom-color: #dfdfdf;
				position: absolute;
				top: 0;
				left: 0;
			}
				#project .project_image {
					display: block;
					width: 580px;
					height: 300px;
					background: #fff;
					padding: 15px;
					border: 1px solid #e7e7e7;
					border-bottom-color: #dfdfdf;
					position: relative;
				}
				#project .project_shadow {
					display: block;
					width: 606px;
					height: 16px;
					position: relative;
					left: 3px;
					background: url('../images/work_shadow.png') no-repeat;
				}
				#work #projects .project .project_image:hover, #work #projects .project .project_image:active {
					border-color: #ccc;
					border-bottom-color: #aaa;
					-webkit-box-shadow: 0px 0px 3px #ccc;
					-moz-box-shadow: 0px 0px 3px #ccc;
					box-shadow: 0px 0px 3px #ccc;
				}
				#work #projects .project .project_image span {
					display: block;
					width: 300px;
					height: 200px;
					position: absolute;
					top: 9px;
					left: 9px;
					z-index: 8;
					background: url('../images/projectshadow.png') no-repeat -10px -10px;
				}
					#project .project_image span {
						
					}
			#work #projects .project_description {
				position: relative;
				z-index: 9;
				background: url('../images/projectshadow.png') no-repeat center -220px;
				margin-top: 220px;
				width: 300px;
				padding: 5px 10px 0 10px;
				text-shadow: 0 1px 0 #fff;
			}
				#work #projects .project_description h3 {
					color: #67bc1e;
					font-weight: normal;
					font-size: 18px;
					font-family: "droid-serif-1", "droid-serif-2", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
				}
					#work #projects .project_description h3 a {
						color: #67bc1e;
					}
						#work #projects .project_description h3 a:hover, #work #projects .project_description h3 a:active {
							color: #579F1B;
						}
				#work #projects .project_description p {
					font-size: 11px;
					margin: 0 0 5px;
					color: #555;
				}
				
	#work #clientlist {
		padding-bottom: 25px;
	}			
	#work #clientlist ul li {
		padding-left: 25px;
		font-size: 13px;
		list-style: none;
		padding: 4px 0 4px 25px;
	}
		#work #clientlist .award {
			background: url('../images/award.png') no-repeat left center;
		}
		#work #clientlist p.award {
			padding-left: 25px;
			padding: 15px 0 15px 25px;
			font-size: 12px;
			color: #777;
		}
			#work #clientlist p.award em {
				font-style: italic;
			}
			
	#contact #contact_form {
		margin: 10px 20px;
	}
		#contact .success {
			color: #5A8824;
		}
		#contact .error {
			color: #992626;
		}
			#contact #contact_form .error {
				color: #fff;
				background: #E15745;
				padding: 2px 3px;
				font-weight: normal;
				text-shadow: none;
			}
		#contact #sidebar h5 {
			font-family: "droid-serif-1", "droid-serif-2", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
			font-size: 12px;
			color: #777;
			margin-top: 10px;
		}
		#contact #sidebar #contact_info address, #contact #sidebar #contact_info span {
			display: block;
			color: #333;
			font-size: 13px;
		}
	
			
					
	#sidebar {
		width: 360px;
		float: left;
		margin-left: 40px;
	}
		.subpage #sidebar {
			margin-top: 25px;
		}
		#sidebar .sidebox {
			padding: 20px 20px 15px;
			background: #eee url('../images/sidebar_box_bg.jpg') repeat-x top center;
			border: 1px solid #ccc;
			border-bottom-color: #aaa;
			margin-bottom: 5px;
		}
		#sidebar .sidebox h3 {
			background-position: left center;
			background-repeat: no-repeat;
			text-indent: -10000em;
			margin-bottom: 15px;
			height: 20px;
		}
			#sidebar #contact_info h3 {
				background-image: url('../images/contact_info.png');
				height: 20px;
			}
			#sidebar #in_the_news h3 {
				background-image: url('../images/in_the_news.png');
				height: 16px;
			}
				#sidebar #in_the_news .newspost {
					border-bottom: 1px dotted #ccc;
					padding-bottom: 10px;
					margin: 10px 0;
				}
					#sidebar .newspost .date {
						color: #777;
						font-size: 12px;
					}
					#sidebar .newspost h4 {
						font-size: 12px;
						font-weight: bold;
					}
						#sidebar .newspost h4 a {
							color: #555;
							text-decoration: none;
						}
							#sidebar .newspost h4 a:hover, #sidebar .newspost h4 a:active {
								color: #000;
							}
			#sidebar #testimonials h3 {
				background-image: url('../images/what_our_clients_are_saying.png');
			}
				#testimonials blockquote {
					font-size: 12px;
					font-weight: bold;
					text-indent: -10px;
					margin-bottom: 10px;
				}
				#testimonials cite {
					font-size: 14px;
					font-weight: bold;
					font-style: normal;
					color: #67bc1e;
				}
					#testimonials cite span {
						font-weight: normal;
						font-style: italic;
						color: #777;
					}
			#sidebar #twitter h3 {
				background-image: url('../images/twitter.png');
				height: 16px;
			}
				#twitter p {
					font-size: 13px;
					font-weight: bold;
					margin-bottom: 10px;
				}
				#twitter .date {
					font-size: 11px;
					color: #999;
				}
				.sidebox .followus {
					float: right;
					color: #2360b3;
					font-weight: bold;
					text-decoration: none;
					font-size: 12px;
				}
					#twitter .followus:hover, #twitter .followus:active {
						color: #184583;
					}
			#sidebar #flickr h3 {
				background-image: url('../images/flickr.png');
			}
				#sidebar #flickr .flickr_badge_image {
					float: left;
					margin-right: 4px;
				}
				
	#project #sidebar {
		margin-top: 0;
		float: right;
		width: ;
	}
		#project #sidebar #project_details {
			padding: 0 20px;
			font-size: 13px;
		}
			#project_details dt, #project_details dd {
				margin-bottom: 10px;
				float: left;
			}
				#project_details dt {
					width: 90px;
					font-family: "droid-serif-1", "droid-serif-2", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
					clear: both;
					color: #7DBE30;
				}
				#project_details dd {
					color: #666;
					font-size: 12px;
					font-weight: bold;
					width: 200px;
					margin-left: 30px;
				}
			
			
			
	
	
	#footer {
		/* Locks footer to the bottom */
			position: absolute;
			left: 0;
			bottom: 0;
		/* -------------------------- */
		width: 100%;
		height: 100px; /* Must match #content padding-bottom */
		text-align: left;
		background: url('../images/footer_bg.jpg') repeat-x top center;
		border-top: 1px solid #ccc;
	}
		#footercontent {
			width: 1000px;
			height: 100px;
			margin: 0 auto;
		}
			#footer_nav {
				list-style: none;
				float: left;
				width: 200px;
				position: relative;
				top: 10px;
				margin-left: 20px;
			}
				#footer_nav li {
					width: 100px;
					float: left;
					margin-top: 5px;
				}
					#footer_nav li a {
						font-size: 11px;
						color: #fff;
						text-shadow: 0px -1px 0px #DB5005;
						background: #ff5d04;
						border-bottom: 1px solid #C64904;
						padding: 2px 5px;
						width: 60px;
						display: block;
					}
						#footer_nav li a:hover, #footer_nav li a:active {
							background: #DB5005;
							text-shadow: 0px -1px 0px #C64904;
						}
			#footernotes {
				margin-top: 15px;
				font-size: 12px;
				float: right;
				text-align: right;
			}




		
		
.clear {
	clear: both;
}
.punctuation {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	padding: 0 2px;
}