/*
Theme Name: Vision Tech 2008
*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #34556b url("images/bg_repeat.gif") 0 0 repeat-x;
	font: 16px Arial, Sans-serif;
	color: #111; 
}

a { color: #036; }
a img { border: 0; }

.clear { clear: both; }

#wrap {
	background: url("images/bg_swoosh2.gif") top center no-repeat;
	text-align: center;
	padding: 0 0 4em;
}

#header {
	position: relative;
	overflow: hidden;
	width: 980px;
	height: 128px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

	#header a.logo {
		display: block;
		width: 300px;
		background: url("images/header_logo.gif") top left no-repeat;
		padding: 128px 0 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#header span.tagline {
		display: block;
		height: 35px;
		width: 220px;
		background: url("images/header_tagline.gif") top left no-repeat;
		position: absolute;
		top: 65px;
		left: 300px;
		text-indent: -9999em;
	}
	
	#header .toplinks {
		color: #fff;
		font-size: 10px;
		margin: 0;
		display: block;
		position: absolute;
		top: 0;
		right: 300px;
		height: 25px;
		overflow: hidden;
		background: #223745 url("images/header_toplinks_left.gif") left bottom no-repeat;
	}
	
		#header .toplinks span {
			display: block;
			padding: 6px;
			background: url("images/header_toplinks_right.gif") top bottom no-repeat;
		}
	
		#header .toplinks a {
			color: #fff;
			font-family: Verdana;
			font-size: 10px;
			text-transform: uppercase; 
		}
		
		#header .phone {
			position: absolute;
			top: 0;
			right: 0;
			height: 66px;
			overflow: hidden;
		}
		
			#header .phone a {
				display: block;
				width:213px;
				padding: 66px;
				text-indent: 9999em;
				background: url("images/header_phone.gif") right top no-repeat;
			}
			
		#header form {
			margin: 0;
			padding: 0;
			position: absolute;
			bottom: 4px;
			right: 20px;
		}
		
			#header form p {
				margin: 0;
				padding: 0;
			}
			
			#header form label {
				display: none;
			}
			
			#header form input.populate {
				border: none;
				background: url("images/input_search.gif") top left no-repeat;
				width: 232px;
				padding: 5px 10px 5px 10px; 
				font-family: Arial,Helvetica,Sans-serif;
				font-size: 12px;
				color: #777;
			}
			
			#header form input { vertical-align: top; }
			
#page { 
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url("images/bg_swoosh.gif") 0 -1px no-repeat
}
			
#nav {
	height: 38px;
	width: 980px;
	margin: 0 10px;
	padding: 0;
	overflow: hidden;
}

	#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 12px;
		font-family: "Lucida Sans", "Lucida Sans Unicode", Lucida, Arial, Helvetica, Sans-Serif;
		text-transform: uppercase;
	}
	
		#nav ul li {
			float: left;
			background: url("images/nav_divider.gif") top left no-repeat;
		}
		
			#nav ul li a { 
				display: block;
				color: #036;
				text-decoration: none;
			}
				
				#nav ul li a span {
					display: block;
					padding: 12px 17px 10px 19px;
					margin: 0;
				}
					
			#nav ul li a:hover {
				text-decoration: underline;
			}
			
		#nav ul li.first {
			background: none;
		}
			#home #nav ul li.active {
				background: none;
			}

		#nav ul li.active span {
			background: url("images/nav_active_repeat.gif") left bottom repeat-x;
			display: block;
			margin: 0 10px;
			padding: 0;
		}
			
			#nav ul li.active span a {
				display: block;
				background: url("images/nav_active_left.gif") bottom left no-repeat;
			}
			
				#nav li.active span a span {
					display: block;
					margin: 0;
					padding: 13px 16px 10px 16px;
					background: url("images/nav_active_right.gif") bottom right no-repeat;
				}


#subnav {
	font-size: 11px;
	text-align:center;
	margin: 0 10px 2px;
}

	#subnav ul {
		list-style: none;
		padding: 6px 0 8px;
		margin: 0;
		background: url("images/subnav_bg.gif") bottom left repeat-x;
		text-transform: uppercase;
	}

		#subnav ul li {
			padding: 8px 0;
			display: inline;
		}
		
		#subnav ul li.active {
			background: url("images/subnav_active.gif") bottom center no-repeat;
		}
		
			#subnav ul li a {
				text-decoration: none;
				border-left: 1px solid #8e9ead;
				padding: 0 20px;
			}
			
			#subnav ul li a:hover { color :#777; }
			
			#subnav ul li.active a {
				color: #777;
			}
			
			#subnav ul li.first a {
				border: 0;
			}
			
#breadcrumbs {
	background: url("images/breadcrumb_right.gif") top right no-repeat;
	font-size: 11px;
	height: 26px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 10px;
}

	#breadcrumbs h4 {
		font-size: 1em;
		margin: 0;
		padding: 0;
		font-weight: normal;
		line-height: 2.5em;
	}
	
		#breadcrumbs h4 a {
			color: #555;
			display: block;
			float: left;
			padding: 0 6px 0 2px;
			text-decoration: none;
		}
		
		#breadcrumbs h4 a:hover { color: #999; }
		
		#breadcrumbs h4 a.home {
			text-indent: -9999em;
			background: url("images/breadcrumb_home.gif") top left no-repeat;
			padding: 0;
			height: 26px;
			width: 27px;
		}
		
		#breadcrumbs h4 span.break{
			display: block;
			float: left;
			width: 22px;
			height: 26px;
			background: url("images/breadcrumb_break.gif") top left no-repeat;
			text-indent: -9999em;
		}


#banner {
	margin: 0 10px;
}

#home #banner {
	background: url("images/banner_home.jpg") 10px 0 no-repeat;
	height: 255px;
	padding: 0 10px;
	margin: 0;
	font-size: 12px;
	position: relative;
}

	#home #banner p {
		margin: 0;
		padding: 92px 355px 0 35px;
		line-height: 2em;
	}
	
	#home #banner a.btn-job,
	#home #banner a.btn-hire {
		display: block;
		position: absolute;
		left: 153px;
		top: 189px;
		width: 226px;
		padding: 46px 0 0;
		margin: 0;
		background: url("images/btn_hire.gif") top left no-repeat;
	}
	
	#home #banner a.btn-job {
		background-image: url("images/btn_searchjobs.gif");
		left: 381px;
	}
	
		#home #banner a.btn-job span,
		#home #banner a.btn-hire span {
			display: none;
		}

.columns {
	background: #fff;
	padding: 9px 0 0 10px;
}

	.columns h1, .columns h2, .columns h3 {
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	
	.columns h1,
	.columns h2 {
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		padding: 10px 0 10px;
		border-bottom: 1px solid #34556b;
	}
	
	.column1 h3 {
		font-size: 12px;
		text-transform: uppercase;
		color: #fff;
		background: #34556b url("images/bg_h2_left.gif") top left no-repeat;
		margin: 10px 0 0;
	}
	
		.column1 h3 span {
			display: block;
			background: url("images/bg_h2_right.gif") top right no-repeat;
			padding: 3px 8px 4px;
		}
	
	#three-column .column1 {
		width: 280px;
		float: left;
		padding: 0 0 20px 10px;
	}
	

.columns ul.job-posts,
.columns ul.job-categories {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

	.columns ul.job-posts li,
	.columns ul.job-categories li {
		border-bottom: 1px solid #c2ccd2;
	}
	
		.columns ul.job-categories li a {
			display:block;
			padding: 8px 8px 8px 10px;
			background: url("images/icon_arrow_gray.gif") 0 12px no-repeat;
		}
		
		.columns ul.job-posts li a,
		.columns ul.job-categories li a {
			color: #036;
			text-decoration: none;
		}
		
		.columns ul.job-posts li a:hover,
		.columns ul.job-categories li a:hover {
			text-decoration: underline;
		}
	
	.columns ul.job-posts li {
		color: #555;
		padding: 11px 0;
		font-size: 12px;
	}
	
		.columns ul.job-posts a {
			display: block;
			color:#036;
			font-size: 14px;
		}

	.columns a.btn-viewalljobs {
		display: block;
		padding: 19px 0 0;
		margin: 10px 0 0 130px;
		background: url("images/btn_view_jobs.gif") top right no-repeat;
	}
	
		.columns a.btn-viewalljobs span {
			display: none;
		}

#three-column .column2 {
	width: 420px;
	float: left;
	font-size: 12px;
	line-height: 19px;
	padding: 0 0 20px;
}

	#three-column .column2 h1 {
		padding: 8px 0 9px;
	}
	
	#three-column .column2 h1,
	#three-column .column2 p {
		margin-left: 20px;
	}
	
		#three-column .column2 p img {
			float: right;
			margin: .4em 0 1em 1.5em;
		}

#three-column .column3 {
	float: left;
	width: 240px;
	font-size: 12px;
}

	#three-column .column3 h2,
	#three-column .column3 ul {
		margin-left: 20px;
	}
	
.columns ul.news {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	line-height: 19px;
}

	.columns ul.news li h3 {
		background: transparent;
		color: #036;
		font-size: 18px;
		line-height: 20px;
		text-transform: none;
		margin-top: 22px;
	}
	
		.columns ul.news li h3 a {
			text-decoration: none;
		}
		
		.columns ul.news li h3 a:hover {
			text-decoration: underline;
		}

	.columns ul.news li p.meta {
		color: #555;
		margin: 5px 0 5px;
	}
	
	.columns ul.news li p {
		margin: 0;
	}


#interior .content {
	width: 700px;
	float: left;
	font-size: 12px;
	line-height: 19px;
	margin: 0 0 0;
	padding: 0 0 6em 10px;
}

	#interior .content h1 {
		font: 28px "Lucida Sans", Lucida, Arial, Helvetica, Sans-serif;
		margin: 0 0 12px;
		padding: 0 0 2px;
		border-color: #ccd5dc;
	}
	
	#interior .content h2 {
		margin: 0;
		padding: 0 0 2px;
		font-size: 16px;
		text-transform: none;
		font-weight: bold;
		border: 0;
		color: #223745;
	}
	#interior .content h2.first {
		margin: .75em 0 0;
	}
	#interior .content h3 {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 0;
	}
	
	#interior .content ul {
		list-style: none;
		margin: .5em 0 1em;
		padding: 0;
	}

		#interior .content ul li {
			background: url("images/green_bullet.gif") 17px 5px no-repeat;
			padding: 0 0 0 28px;
		}
	
	#interior .content #contact_col1 {
		width: 300px;
		float: left;
		padding-bottom: 40px;
	}
	#interior .content #contact_col2 {
		width: 350px;
		float: left;
		padding-bottom: 40px;
	}
.gmap iframe {
	border: 1px solid #999;
	margin: 18px 0 0 20px;
}

#interior .content h1.staff-name {
	border-bottom: 0;
	margin-bottom: 2px;
}
#interior .content h2.staff-position {
	border-bottom: 1px solid #CCD5DC;
	margin: 2px 0 14px;
}

#sidebar {
	margin: 0 10px 0 729px;
	padding: 0 0 2em 9px;
	border-left: 1px solid #d2d8de;
}
#sidebar, #sidebar a { position: relative; }

	#sidebar h3#browse, #sidebar h3#find, #sidebar h3#refer {
		margin: 0;
		padding: 0;
		background: transparent;
	}
	
		#sidebar h3#browse a,
		#sidebar h3#find a,
		#sidebar h3#refer a {
			display:block;
			padding: 64px 0 0;
			text-indent: -9999em;
		}
		
		#sidebar h3#browse a { background: #fff url("images/btn_browse.gif") top left no-repeat; }
		#sidebar h3#find a { background: #fff url("images/btn_find.gif") top left no-repeat; }
		#sidebar h3#refer a { background: #fff url("images/btn_refer.gif") top left no-repeat; }
			
		#sidebar .note {
			background: url("images/note_repeat.gif") top left repeat-y;
			font-size: 12px;
			font-family: Georgia,serif;
			line-height: 22px;
			margin: 12px 0 22px;
		}
		
			#sidebar .note .body {
				background: url("images/note_top.gif") top left no-repeat;
				padding: 22px 22px 14px 14px;
			}
			
			#sidebar .note .author {
				font-family: Arial,sans-serif;
				padding: 0 28px 18px 14px;
				text-align: right;
				color: #333;
				background: url("images/note_bottom.gif") bottom left no-repeat;
				line-height: 19px;
			}

			#sidebar h3.news {
				position: relative;
				border: 0;
				background: url("images/callout_header.gif") top left no-repeat;
				font-family: Verdana;
				font-size: 12px;
				font-weight: normal;
				color: #fff;
				text-transform: none;
				padding: 0 0 0 4px;
			}
			
				#sidebar h3 span {
					background: transparent;
					display: block;
					padding: 4px;
					margin: 0;
				}
				
			#sidebar div.news {
				position: relative;
				background: url("images/callout_top.gif") top left no-repeat;
			}
			
				#sidebar div.news ul {
					margin: 0 0 2em;
					padding: 0 0 1em;
					list-style: none;
					background: url("images/callout_bottom.gif") bottom left no-repeat;
					font-size: 11px;
					color: #777;
					line-height: 17px;
				}
				
					#sidebar div.news ul li {
						margin: 0 22px 0 10px;
						padding: 6px 0;
						border-top: 1px solid #c2ccd2;
					}
					
					#sidebar div.news ul li.first { border: 0; }
					
						#sidebar div.news ul li a {
							font-size: 12px;
						}
	
#footer {
	clear: both;
	margin: 0 10px 0 0;
	border-top: 1px solid #036;
	height: 120px;
	position: relative;
	font-size: 11px;
	color: #555;
}

	#footer div.partners {
		float: left;
	}
	
	#footer p {
		margin: 0 0 15px;
	}
	
	#footer div.address,
	#footer div.copyright {
		padding: 22px 0 0 60px;;
		float: left;
		line-height: 15px;
	}
	
	#footer div.address address {
		font-style: normal;
		margin: 0;
		padding: 0;
		line-height: 18px;
	}
	
a.groove {
	padding-left: 22px;
	background: url("images/icon_groove.gif") 0 2px no-repeat;
}


/* Jobs */

.content .details {
	float: right;
	margin: 1em 0 1em 1em;
	border: 1px solid #e6e6e6;
}

	.content .details em {
		display: block;
		margin: 4px 8px 0;
		padding: 0 0 6px 6px;
		font-family: "Lucida Sans","Lucida",Arial,Helvetica,Sans-serif;
		font-style: normal;
		text-transform: uppercase;
		border-bottom: 1px solid #ccc;
	}
	
	.content .details p {
		margin: 0 8px;
		padding: 6px;
		border-bottom: 1px solid #ccc;
		clear: left;
	}
	
		.content .details p strong {
			display: block;
			float: left;
			width: 60px;
			padding: 0 6px 0 0;
			text-align: right;
		}
		
/* WordPress */
.columns .content ul.posts li { margin-right: 12em;}
.content .posts em { color: #777; }
.content .posts p { margin: 0 0 1.5em; }
.content .posts h2 a { text-decoration: none; }
.content .posts h2 a:hover { text-decoration: underline; }

.content ol.posts {
	margin-left: 0;
	padding-left: 18px;
}
.content ol.posts li { padding: 8px; }
.content ol.posts li p { margin: 0; }
.content .posts li.alt { background: #f0f0f0; }

/* Generic WordPress Functions */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	border-top: 1px solid #ddd;
	font-size: 11px;
	line-height: 17px;
	padding: 6px;
	margin: 6px 0 0 0;
}


/* Jobs */

#interior .content ul.jobs li { color: #666; margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #ccc; }

ul.jobs li a { 
	display: block;
	font-weight: bold;
	font-style: normal;
}

table#vj-results {
	border-collapse: collapse;
}

	table#vj-results tr th {
		border-bottom: 1px solid #ccc;
	}
	
	table#vj-results tr th a {
		text-decoration: none;
		padding: 2px 4px;
	}
	
	table#vj-results tr td {
		padding: 2px 16px 2px 4px;
		border-bottom: 1px #eee solid;
	}
	
form#vj-job-search fieldset {
	border: 1px solid #ccc;
	margin: 0 0 1em;
}

	form#vj-job-search fieldset legend {
		font-weight: bold;
	}
	
	form#vj-job-search fieldset p {
		margin: .5em 0;
	}

form input.styled, form select, textarea {
	background: #fff url("images/inputbg.gif") top left no-repeat;
	border: 1px solid #c9c9c9;
	font: 1em "Lucida Sans","Lucide Grande", "Lucida",Arial,Sans-serif;
	color: #555;
}

form input.button {
	background: #769b20 none;
	color: #fff;
	font-family: "Lucida Sans","Lucide Grande", "Lucida",Arial,Sans-serif;
	font-variant: small-caps;
	font-size: 1.15em;
	padding: .25em;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #666;
}

form select { width: 250px; }

div.faux-col {
	width: 200px;
	float: left;
	margin-right: 20px;
}

#apply fieldset {
	border: 1px solid #d7d7d7;
	background: #fdffc3;
}

	#apply fieldset legend {
		font-size: 16px;
		text-transform: none;
		font-weight: bold;
		border: 0;
		color: #223745;
	}
	
	#apply fieldset input {
		width: 200px;
	}
	#apply fieldset textarea {
		width: 500px;
		height: 150px;
	}
	
	#apply label {
		display: block;
	}
	
	.content #apply ul {
		list-style: disc;
		margin: 1em 3em;
		padding: 0;
		color: #ca0000;
	}
	
		.content #apply form fieldset ul li {
			background: transparent;
			margin: 0;
			padding: 0;	
		}
		
blockquote.testimonial {
	font-style: italic;
	font-family: Georgia,serif;
	border-left: 3px solid #eef;
	padding: .5em 1em;
	margin-bottom: 0;
}

p.author {
	text-align: right;
	padding-right: 2em;
	color: #666;
}

div.content div.details p.email {
	border: 0;
	border-top: 1px solid #eee;
	padding: .5em 0;
}

	div.content p.email a {
		padding: 0 0 0 35px;
		background: url("images/icon_email.gif") 11px 0 no-repeat;
		border-bottom: none;
	}
	
div.content form fieldset {
	border: 1px solid #ccc;
	padding: 0 1em 1em;
	margin: 2em 0;
}

	div.content form fieldset label {
		display: block;
	}

div.content form p.privacy {
	font-size: 11px;
	color: #888;
}

div.content form input.sendtofriend {
	font-weight: bold;
	padding: .2em 1em;
	margin: 2px 0 0;
}

.errors { color: #c00; }

#friendmessage {
	width: 400px;
	background: #f5f5f5;
	padding: 0 1em 1em;
	margin: 1em 0 0 1em;
}