/*----------------------------- /
/  Zombie 0.2.0 – 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: 13px; 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; }

/* 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; }
h2 {
	font-size: 20px;
	padding-bottom: 8px;
	
}

h3  {
	color: #fff;
}

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

	body {
		text-align: center;
		margin: 0 auto;
		color: #fff;
		font-size: 14px !important;
		background: #000 url('../images/body_bg.jpg') repeat-x;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
		#logo {
			display: block;
			position: absolute;
			width: 290px;
			height: 115px;
			background: url('../images/logo.png');
			top: 0px;
			left: 37px;
			z-index: 999;
		}
		#logo a {
			width: 100%;
			height: 100%;
			display: block;
			text-indent: -10000px;
			background: transparent;
		}
		#header {
			position: absolute;
			display: block;
			width: 100%;
			height: 75px;
		}
		#nav {
				position: absolute;
				display: block;
				width: 1000px;
				height: 35px;
				background: rgba(0,0,0,.74);
			}
			#nav ul {
				float: right;
			}
			#nav ul li {
				display: block;
				float: left;
				padding: 0px 10px 0px 10px;
				list-style: none;
			}
			#nav ul li a {
				font-family: "Arial Black";
				text-decoration: none;
				text-transform: uppercase;
				font-size: 12px;
				color: #fff;
				display: block;
				padding: 9px;
			}
			#nav ul li a:hover {
				background-color: #e08a00;
			}
			.index #home, #capabilities #capa_nav, #about #about_nav, #clients #clients_nav, #our_work #work_nav, #contact #contact_nav {
				background-color: #e08a00;
			}
			#capabilities #content ol li {
				font-weight: bold !important;
			}
		#login {
			float: right;
			display: block;
			position: relative;
			top: 35px;
			right: 0px;
			background: url('../images/login_box.png') no-repeat top left;
			width: 351px;
			height: 30px;
		}
		#login form {
			float: right;
			margin-top: 2px;
		}
			#login form input {
				width: 100px;
			}
			#login form input#submit_button {
/*				display: block;*/
				border: none !important;
				text-transform: uppercase;
				color: #fff;
				width: auto !important;
				font-size: 10px;
				background-color: #000;
				padding: 3px;
/*				float: right;*/
				margin-top: 2px;
				margin-left: 5px;
				margin-right: 5px;
			}
	#container {
		width: 100%;
		margin: 0px auto;
		min-height: 100%;
		position: absolute;
		
	}
	#content {
		position: relative;
		width: 1000px;
		margin: 0 auto;
		text-align: left;
		padding-bottom: 100px; /* Must match #footer height */
	}

		#flash{
			display: block;
			width: 1000px;
			height: 501px;
			background: url('../images/flash_bg.jpg') no-repeat center center;
		}
		.homepage_q {
			font-size: 22px !important;
			text-transform: uppercase;
			font-style: italic;
			margin: 10px;
			float: left;
		}
			.homepage_q span {
				font-style: normal;
				color: yellow;
			}
		#learn_more {
			float: right;
			position: relative;
			top: -20px;
		}
	#footer {
		/* Locks footer to the bottom */
			position: absolute;

		/* -------------------------- */
		font-size: 9px;
		color: #5f5f5f;
		margin: 0 auto;
		width: 1000px ;
		height: 100px; /* Must match #content padding-bottom */
		text-align: left;
		border-top: 1px solid #373737;
		padding-top: 20px;
		bottom: -20px;
	}
	#footer a{
			color: #5f5f5f;
	}
	.right {
		float: right;
	}
	.left {
		float: left;
	}
	.clear {
		clear: both;
	}	
	#subpage_img {
		width: 1000px;
		height: 172px;
		background: url('../images/subpage_banner.jpg') no-repeat top left;
	}
	#left_content {
		margin-top: -40px;
		width: 900px;
		background-color: #fff;
		color: #000;
		padding: 20px;
		padding-top: 0px;
		margin-left: 36px;
		margin-right: 24px;
		position: relative;
		float: left;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.5em;
	}
		#left_content p {
			margin: 10px 0px 10px 0px;
		}
		#left_content ul {
			display: block;
			background-color: #ECECEC;
			padding: 10px;
			margin: 10px 0px;
		}
		#left_content ul li{
			list-style: none;
		}
		.subpage_h4 {
			text-transform: uppercase;
			color: #2e9a2e;
			cursor: pointer;
			background: url('../images/add.jpg') no-repeat top left;
			padding-left: 20px;
			margin-bottom: 10px;
			margin-top: 10px;
		}
			h4.active {
				background: url('../images/remove.jpg') no-repeat top left;
			}
		.subpage_h3 {
			display: block;
			background: url('../images/subpage_h3.png') no-repeat top left;
			text-transform: uppercase;
			font-size: 16px;
			width: 290px;
			padding: 5px 0px 5px 10px;
			position: relative;
			top: -15px;
			vertical-align: center;
		}
	#right_content {
		display: none;
		position: relative;
		float: left;
		background-color: #1d1d1d;
		width: 300px;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 30px;
		font-size: 12px;
	}
	#right_content hr {
		background-color: #363636;
		border: #363636;
	}
		.right_col_h3 {
			display: block;
			background: url('../images/right_col_h3.png') no-repeat top left;
			text-transform: uppercase;
			font-size: 16px;
			width: 290px;
			padding: 5px 0px 5px 10px;
			position: relative;
			top: -20px;
			vertical-align: center;
		}
		.right_col_h4 {
			font-size: 22px;
			font-family: "Arial Black";
		}
			#level_1 {
				color: #ffc200;
			}
			#level_2 {
				color: #e08a00;
			}
			#level_3 {
				color: #b71800;
			}
		ol li {
			list-style-position: inside;
			}
			.nested {
				 margin-left: 15px;
			}
		td {
			padding: 5px;
			border-bottom: 1px dashed #CFCFCF;
		}
	#left_content	form label {
			display: block;
			float: left;
			width: 200px;
			clear: both;
		}
#left_content form input{
			float: left;
			clear: both;
			margin-bottom: 10px;
		}
		#left_content textarea { float: left !important;
			clear: both;}
		#thumbnails a {
			display: block;
			width: 100px;
			height: 100px;
			vertical-align: bottom;
			float: left;
			margin-right: 10px;
			text-decoration: none;
			margin-bottom: 25px;
		}	
		#thumbnails a span {
			font-weight: bold;
			color: #162544;
		}
		#thumbnails h4 {
			float: left;
			font-weight: bold;
			font-size: 18px;
			width: 100%;
			margin-bottom: 20px;
		}
			#movie, #movie2, #movie3, #movie4, #movie5, #movie6, #movie7, #movie8, #movie9, #movie10, #movie11, #movie12, #movie13, #movie14, #movie15, #movie16, #movie17, #movie18 {
				display: none;
				width: 400px;
				float: left;
				height: 300px;
				margin-right: 15px;
				margin-bottom: 15px;
				background: transparent;
			}
#player_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff ;
	z-index: 10000;
	background: url('../images/shade.png');
}
#player {
	left: 50%;
	margin-left: -300px;
	position: absolute;
	top: 100px;
	width: 600px;
	z-index: 10001;
	text-align: center;
}
	#player object {
		background: white;
		border: 1px solid #333;
		padding: 5px;
	}
.logo {
	width: 200px;
	height: 200px;
	margin: 40px;
	float: left;
}
.part {
	display: block;
	width: 330px;
	float: left;
	margin: 10px;
	background-color: #F6F6F6;
	border: 1px solid #C3C3C3;
	padding: 4px;
	height: 270px;
	list-style-position: outside !important;
}
.part img {
	width: 330px;
	height: 100px;
}
.part span {
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}
.part blockquote {
	width: 300px;
	margin: 0 auto;
}

.part p {
	background: #E5E5E5;
	padding: 5px;
}
td span {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-weight: bold;
	display: block;
	padding: 5px;
	font-style: italic;
	margin-bottom: 10px;
}
#front_end-capabilities .part {
	width: 150px;
	height: 150px;
}
#front_end-capabilities .part img{
	width: auto;
	height: auto;
}
#front_end-capabilities #content h5{
	width: 900px;
	margin-top: 15px;
	height: 50px;
	float: left;
}
#quicky_navigation ul {
	height: 38px;
}
#quicky_navigation ul li {
	float: left;
	border-right: 1px solid #000;
	margin: 10px;
	padding-right: 10px;
	margin-left: 0px;
	list-style: none;
}
	#quicky_navigation ul li a{
		font-weight: bold;
		font-size: 14px;
		color: #000;
		text-decoration: none;
	}
	#quicky_navigation ul li a:hover {
		color: #E08a00;
	}
.client_li {
	font-weight: bold;
	color: #E08a00;
	font-size: 18px;
	text-transform: uppercase;
}
	.client_li a {
		text-transform: none;
	}
	.client_li p, .client_li span {
		font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		font-style: italic;
		text-transform: none;
		color: #000;
	}
	.client_li span {
		font-size: 11px;
		color: #5f5f5f !important;
	}
	.client_li li {
		float: left;
		border-bottom: 1px dashed #5f5f5f;
		border-left: 1px dashed #5f5f5f;
		padding: 5px;
		width: 250px;
		margin: 10px;
	}