/*---------------------
VANILLA 1.0
GATORWORKS WEB DESIGN
www.gatorworks.net
---------------------*/


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

/* --------------------------------------------------------------
== Begin CSS =================================================
-------------------------------------------------------------- */

/* Fonts Elements
-------------------------------------------------------------- */
p{
	margin-bottom:10px;
}
h2.big_underline{
	display:block;
	font-size: 24px;
	font-family: "Myriad Pro", "Swiss721BT LightExtended", sans-serif;
	border-bottom: 1px solid #999;
	width:100%;
	margin-bottom:10px;
	text-transform: uppercase;
}

h3.small_bold{
	display:block;
	font-size: 14px;
	font-family: "Myriad Pro", "Swiss721BT LightExtended", sans-serif;
	border-bottom: 1px solid #999;
	width:98%;
	margin-bottom:10px;
	text-transform: uppercase;	
}

h3.small_bold a, h3.small_bold a:hover{
	display:block;
	width:100%;
	text-decoration: none !important;
}
h3.bold_medium{
	font-size: 16px;
	font-family: "Myriad Pro", "Swiss721BT LightExtended", sans-serif;
	display:block;
	text-decoration: underline;
}

#sub_text_box a{ color:#666; text-decoration: none;}
#sub_text_box a:hover{ color:#666; text-decoration: underline;}
/* Layout Elements

#sub_text_box ul li{
	margin-left:60px !important;
}
-------------------------------------------------------------- */

body {
	background: #f2f2f2;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #878787;
}
	#container {
		width: 100%;
		background: #f2f2f2 url('../img/body_bg.jpg') repeat-x top center;
		
		margin: 0px auto;
		min-height: 100%;
		text-align: center;
		display: block;
		margin-bottom: 20px;
		position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
	}
	body.sub #kontainer {
		width: 100%;
		background: #FFFFFF url('../img/keystone_sub_footer.jpg') repeat-x bottom center !important;
		margin: 0px auto;
		min-height: 100%;
		text-align: center;
		display: block;
		margin-bottom: 20px;
		position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
	}
	#kontainer {
		width: 100%;
		background: #f2f2f2;
		
		margin: 0px auto;
		min-height: 100%;
		text-align: center;
		display: block;
		margin-bottom: 20px;
		position: relative;
			top: 0px;
			left: 0px;
			z-index: 0;
	}
	#subBanner {
		margin-top:10px;
		width:100%;
		height:253px;	
	}
	#formWrap {
		width:993px;
		margin-top:10px;
		padding-top:15px;
		padding-bottom:15px;
	}
	div#header {
		display: block;
		background: url('../img/headBackground.jpg') repeat-x top center;
		height: 120px;
		position: relative;
		z-index: 9999;
	}
	div#headerWrap {
		display: block;
		position: relative;
		height: 98px;
		width: 985px;
		background: transparent;
		margin: 0 auto;
		top: 15px;
	}
	 h1#keystone_logo {
			width: 167px;
			height: 33px;
			display: block;
			text-indent: -10000px;
			background: url('../img/keystoneLogo.png') no-repeat top center;
			float: left;
			margin-top:20px;
			margin-right: 5px;
		}
			h1#keystone_logo a{
				width: 100%;
				height: 100%;
				text-indent: -10000px;
				text-decoration: none;
				display: block;
			}
		div.navitem {
			display: block;
			width: 99px;
			height: 68px;
			float: left;
			position: relative;
			top: 10px;
		}	
			div.navitem a{
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -10000px;
			}
				#home_nav {
					background: url('../img/home_Nav.png') no-repeat center center;
					border-right: 1px solid #808080;

				}
				
				#home_nav a:hover {
					background: url('../img/home_nav_hov.jpg') no-repeat center center;
					border-right: 1px solid #808080;
				}
				
				#services_nav {
					
				background: url('../img/services_nav.png') no-repeat center center;
				border-right: 1px solid #808080;
				}
				
				#services_nav a:hover {
					background: url('../img/services_nav_hov.jpg') no-repeat center center;
					border-right: 1px solid #808080;
				}

				#careers_nav {
					background: url('../img/careers_Nav.png') no-repeat center center;
					border-right: 1px solid #808080;
				}
				
				#careers_nav a:hover {
					background: url('../img/careers_nav_hov.jpg') no-repeat center center;
					border-right: 1px solid #808080;
				}

				#projects_nav {
					background: url('../img/projects_Nav.png') no-repeat center center;
					border-right: 1px solid #808080;
				}
				
				#projects_nav a:hover {
					background: url('../img/projects_nav_hov.jpg') no-repeat center center;
					border-right: 1px solid #808080;
				}
				
				#clients_nav {
					background: url('../img/clients_Nav.png') no-repeat center center;
					border-right: 1px solid #808080;
				}
				
				#clients_nav a:hover {
					background: url('../img/clients_nav_hov.jpg') no-repeat center center;
					border-right: 1px solid #808080;
				}
							
				#news_nav {
					background: url('../img/news_Nav.png') no-repeat center center;
					border-right: 1px solid #808080;
				}
				
				#news_nav a:hover {
					background: url('../img/news_nav_hov.jpg') no-repeat center center;
					border-right: 1px solid #808080;
				}
				
				#about_nav {
					background: url('../img/about_Nav.png') no-repeat center center;
					border-right: 1px solid #808080;
				}
				
				#about_nav a:hover {
					background: url('../img/about_nav_hov.jpg') no-repeat center center;
					border-right: 1px solid #808080;
				}
							
				#contact_nav {
					background: url('../img/contact_Nav.png') no-repeat center center;
					left: 5px !important;
				}
	
				#contact_nav a:hover {
					background: url('../img/contact_nav_hov.jpg') no-repeat center center;
				}				
				
		#content {
			text-align: left;
			width: 1000px;
			margin: -3px auto 85px;
			padding: 0px;
			min-height: 643px;
		}
		body#index div#content {
			padding-bottom: 95px;
		}
		#content_wrap {
			position: relative;
		}
		body.sub #content_wrap{
	min-height: 100%;
	display: block;

		}
		#sub_text_box{
			position:relative;
			left:40px;
			display:block;
			width:915px;
			padding-bottom: 10px;
			padding-top: 15px;
		}
		#contact_sub_text_box{
			position:relative;
			left:40px;
			display:block;
			width:915px;
			padding-bottom: 10px;
			padding-top: 275px;
		}
			div#flash_content {
				display: block;
				width: 1000px;
				height: 458px;
				position: relative;
				margin-bottom: 35px;
				background: url('../img/flash_img.jpg') no-repeat top center;
			}
			div#sub_flash_content {
				display: block;
				width: 1000px;
				height: 225px;
				position: relative;
				margin-bottom: 35px;
				background: url('../img/flash_img.jpg') no-repeat top center;
			}
			div#content_bar {
				width: 100%;
				display: block;
				background: url('../img/subpageflashbg.jpg') repeat-x top left;
				margin-top: -15px;

			}
				body#index div#content_bar {
					background: none;
					margin-top: 0px;
				}
		div#left_bucket {
				display: none;
				float: left;
				height: 143px;
				width: 476px;
				margin-left: 8px;
				/*border-right: 5px solid #f1f1f1;*/
				background: url('../img/bucketBackground.png') no-repeat top left;
				margin-top: 10px;
			}	
			div#left_bucket p {
				font-size:11px;
				float: left;
				margin-left: 20px;
				padding-top:8px;
				color:#000000;
			}
			#contact_us {
				display: block;
				width: 155px;
				height: 17px;
				background: url('../img/contactus_subhead.png') no-repeat top left;
				text-indent: -10000px;
				margin-top:10px;
				margin-left:20px;
			}
		  div#right_bucket {
			  	display: none;
			  	float: left;
			  	height: 143px;
			  	width: 475px;
			  	margin-left: 18px;
			  	/*border-left: 5px solid #f1f1f1;*/
	 			background: url('../img/bucketBackground.png') no-repeat top left; 
				padding-left: 10px;
				padding-right: 10px;
				margin-top: 10px;
			  }	
			#apply_now {
				display: block;
				width: 148px;
				height: 17px;
				background: url('../img/applynow_subhead.png') no-repeat top left;
				text-indent: -10000px;
				margin-bottom: 15px;
				margin-top:10px;
				margin-left:8px;
			}
			div#right_bucket p {
				font-size:11px;
				float: left;
				margin-left: 10px;
				width:420px;
				color:#000000;
			}
			div#tollFree {
				width:200px;
				text-align:right;
				float:left;
				font-weight:bold;
				margin-top:-8px;
				margin-left:40px;
				color:#000000;
			}
			div#contactEmail {
				width:200px;
				text-align:left;
				float:left;
				font-weight:bold;
				margin-top:-8px;
				margin-left:20px;
				color:#000000;
			}

/*					#learn_more a{
						display: block;
						width: 100%;
						height: 100%;
					}*/
			
		#footer { 			/* Footer on bottom but dependent on content */
			position: absolute;
			/*line-height: 45px; helps with padding on top*/
			left: 50%;
			margin-left: -500px;
			width: 1000px;
			display: block;
			height: 70px;
			z-index: 999;
			padding: 0px;
			bottom: 25px;
			background: url('../img/footer_bg.jpg') no-repeat center center;
			text-align: center;
			bottom: 10px;
		}
			#footer ul {
				display: none;
				width: 471px;
				text-align: center;
				margin-left: auto;
				margin-right:auto;
				position: relative;
				top: 5px;
				padding: 0px;
			}
				#footer ul li {
					list-style: none;
					display: block;
					width: 100px;
					margin: 0px;
					padding: 0px;
					float: left;
				}	
					#footer ul li a {
						margin : 0 15px;
						color: #939393;
						text-decoration: none;
						text-transform: uppercase;
						font-style: italic;
					}
				#footer ul li a:hover {
					text-decoration: underline;
				}
		#footer p {
			float: right;
			text-align: right;
			text-transform: uppercase;
			font-size: 10px;
		top:10px;
		position: relative;
		}
		body#index div#content {
			margin-bottom: 10px !important;
		}
/* Dropdown
--------------------------------------------------------------*/
.dropdown ul li a:hover {
background: #fff !important;
color: #042E5B;
}
.navitem .dropdown {
	display: none;
	position: absolute;
	width: 397px;
	left: 0;
}
.hover .dropdown {
	display: block !important;
}
	.dropdown_list {
		background: #3d91e9 url('../img/dropdown_repeatbg.png') repeat-x top left;
		display: block;
		width: 401px;
	}
	.navitem .dropdown ul {
		display: block;
		width: 200px;
		float: left;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 15px;
		margin-left: 0px;
		margin-right: 0px;
	}
		.dropdown ul li {
			list-style: none;
			margin-bottom: 15px;
		}
		.dropdown ul li a{
			text-indent: 0;
			text-align: left;
			color: #fff;
			display: block;
			width: 180px;
			padding: 3px 10px;
			text-decoration: none;
		}	
	.dropdownrightcol {
		border-left: 1px solid #fff;
	}	
	
div.boxtop {
	display: block;
	width: 372px;
	height: 40px;
	background: url('../img/dropdown_box_top.png') no-repeat top left;
}
 /* Projects Classes
 -------------------------------------------------------------- */
 div.project_box{
 	display:block;
 	width:30%;
	float: left;
	margin-right: 3%;
 	margin-bottom:45px;
 }
  div.project_box_text {
	margin-top: 5px;
	}
  /* Clients Classes
 -------------------------------------------------------------- */
 
 div.client_box{
 	display:block;
 	width:300px;
 	margin-bottom:20px;
 	float:left;
 }
 				
 /* Global Classes
 -------------------------------------------------------------- */

 .hidden { display: none; }
 .right { float: right; }
 .left { float: left; }
 .clear { clear: both; }		

 /* Selector
 -------------------------------------------------------------- */
#selector {
	position: relative;
	z-index: 9;
	padding: 0 ;
}
#selector #r_spacer, #selector #l_spacer {
	position: absolute;
	width: 18px;
	height: 100%;
	background: url('../img/selectorbg.jpg') repeat-x top;
	top: 0;
	right: 0;
	z-index: 9998;
}
#selector #l_spacer {
	left: 0;
}
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 

/*core classes*/ 
.stripViewer {  
width:963px; !important
position: relative; 
overflow: hidden;  
margin: 0 0 1px 0; 
height: 456px;
} 
.stripViewer ul.largeslides { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
z-index: 10;
} 
.stripViewer ul.largeslides li { 
width: 963px;
height: 456px;
padding: 0;
margin: 0; 
float:left; 
} 
#selector h2 a, #selector h2 {
	display: block;
	width: 963px;
	height: 456px;
}
#selector a {
	text-indent: -10000em;
}
	#content_wrap .links {
		left: 0;
		top: 400px;
		position: absolute;
		z-index: 999999999;
	}
		#content_wrap .links li {
			float: left;
			list-style: none;
			margin-right: 15px;
		}
		#content_wrap .links a {
			text-indent: 0;
			background: #fff;
			padding: 5px 15px;
			color: #777;
			text-decoration: none;
			border: 1px solid #999;
			border-top-color: #eee;
			border-left-color: #eee;
			font-size: 10px;
		}
#selector #sel_default {
	margin-left: 18px;
	background: url('../img/Keystone-Home-Pic-2.jpg') no-repeat center center;
}		
	#sel_default h2 {
		text-indent: -10000px;
	}
#selector #sel_services {
	margin-left:28px;
	background: url('../img/services_pane.jpg') no-repeat center center;
}
#selector #sel_careers {
	margin-left:33px;
	background: url('../img/careers_pane.jpg') no-repeat center center;
}
#selector #sel_projects {
	margin-left:33px;
	background: url('../img/projects_pane.jpg') no-repeat center center;
}
#selector #sel_clients {
	margin-left:20px;
	background: url('../img/clients_pane.jpg') no-repeat center center;
}
#selector #sel_news {
	margin-left:29px;
	background: url('../img/news_pane.jpg') no-repeat center center;
}
#selector #sel_about {
	margin-left:20px;
	background: url('../img/about_pane.jpg') no-repeat center center;
}
#selector #sel_contact {
	margin-left:30px;
	background: url('../img/contact_pane.jpg') no-repeat center center;
}
.stripTransmitter { 
width: 1%; 
position: relative;
z-index: 9999;
margin-top: 0px;
margin-top: -120px;
left: 12px;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 121px; 
height: 80px;
padding: 17px;
float:left; 
margin: 0 -24px 1px 0; 
} 
.stripTransmitter ul li.hover {
	background: url('../img/thumbbg.png') no-repeat center center;
}
.stripTransmitter a{ 
background: #ff0000; 
display: block; 
width: 121px;
height: 80px;
text-indent: -10000em;
outline: none;
} 
.stripTransmitter a#selectThumb1_0 {
	background: url('../img/services_sprite.png') no-repeat top center;
}
.stripTransmitter a#selectThumb1_0.current, .stripTransmitter a#selectThumb1_0:hover {
	background: url('../img/services_sprite.png') no-repeat bottom center;
}
.stripTransmitter a#selectThumb2_0 {
	background: url('../img/careers_sprite.png') no-repeat top center;
}
.stripTransmitter a#selectThumb2_0.current, .stripTransmitter a#selectThumb2_0:hover {
	background: url('../img/careers_sprite.png') no-repeat bottom center;
}
.stripTransmitter a#selectThumb3_0 {
	background: url('../img/projects_sprite.png') no-repeat top center;
}
.stripTransmitter a#selectThumb3_0.current, .stripTransmitter a#selectThumb3_0:hover {
	background: url('../img/projects_sprite.png') no-repeat bottom center;
}
.stripTransmitter a#selectThumb4_0 {
	background: url('../img/clients_sprite.png') no-repeat top center;
}
.stripTransmitter a#selectThumb4_0.current, .stripTransmitter a#selectThumb4_0:hover {
	background: url('../img/clients_sprite.png') no-repeat bottom center;
}
.stripTransmitter a#selectThumb5_0 {
	background: url('../img/news_sprite.png') no-repeat top center;
}
.stripTransmitter a#selectThumb5_0.current, .stripTransmitter a#selectThumb5_0:hover {
	background: url('../img/news_sprite.png') no-repeat bottom center;
}
.stripTransmitter a#selectThumb6_0 {
	background: url('../img/about_sprite.png') no-repeat top center;
}
.stripTransmitter a#selectThumb6_0.current, .stripTransmitter a#selectThumb6_0:hover {
	background: url('../img/about_sprite.png') no-repeat bottom center;
}
.stripTransmitter a#selectThumb7_0 {
	background: url('../img/contact_sprite.png') no-repeat top center;
}
.stripTransmitter a#selectThumb7_0.current, .stripTransmitter a#selectThumb7_0:hover {
	background: url('../img/contact_sprite.png') no-repeat bottom center;
}
.clear_selector {
	clear: both;
	margin-bottom: 30px;
}
.slideshow {
	list-style-type: none; 
	padding: 0px !important;
	margin-left: 0px !important;
}
.sub .slideshow {
	height: 255px;
	overflow: hidden;
}
#applyForm {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
	#applyForm label {
		float: left;
		margin: 0 25px 0 0;
		width: 150px;
		clear: left;
	}
	#applyForm input#submit {
		clear: left;
		width: auto;
	}
	#applyForm input {
		float: left;
		width: 200px;
		margin-bottom: 10px;
	}
	#applyForm input#address2 {
		margin-left: 175px;
	}
	#applyForm select, #applyForm textarea {
		float: left;
	}
	#geo_pref {
	float: left;
}
.tripcol ul {
	float: left;
	width: 200px;
}
h2.apply {
	font-size: 18px;
	font-weight: bold;
}
#services #sub_text_box li {
}
#about #content_bar, #contact #content_bar {
	background: none !important;
}