/*   
Theme Name: MAGilkey Theme
Theme URI: http://www.magilkey.com/
Description: A Wordpress Theme for Michael A. Gilkey, Inc.
Author: Jason Butler
Author URI: http://www.biscuitstudios.com/
Version: 1.0
Tags: custom header, fixed width, two columns, multiple widgets, slider.
*/

/*-------------------------------------------------------------------------*/

/* RESET */

/*-------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*-------------------------------------------------------------------------*/

/* PAGE FORMATTING */

/*-------------------------------------------------------------------------*/

body {
	margin: auto;
	padding: 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: left;
	line-height: 1.5em;
	font-weight: normal;
	color: #a2a2a2;
	background-image: url("images/body_bg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #1B1B1B;
}
a:link { 
	color: #5C8727;
	text-decoration: none;
}
a:visited { 
	color: #5C8727;
	text-decoration: none;
}
a:active { 
	color: #5C8727;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
}
.clear-block {
 	clear: both;
}
.clear {
	clear: both;
}
p { 
	margin: 0 0 12px 0;
}
strong, b, strong *, b * {
	font-weight: bold !important;
}
em, i, em *, i * {
	font-style: italic !important;
}
th, td {
	border-bottom: 1px solid #EEE;
	padding: 8px 8px 8px 0;
}
#wrapper {
  	margin: auto;
	padding: 0;
	width: 960px;
	background-color: #111111;
}
#wrapper-home {
	margin: auto;
	padding: 45px 0 0 0;
	width: 960px;
	background-color: #1B1B1B;
}
#wrapper-home p {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 0 30px 12px 30px;
}
#content-wrap {
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #111111;
	background-image: url("images/page_bg.jpg");
	background-repeat: repeat-y;
}
#header {
	background-image: url("images/header_bg.jpg");
	background-repeat: no-repeat;
	margin: 0; 
	padding: 0;
	height: 415px;
}
#header-image {
	float: left;
	display: inline;
	width: 591px;
	height: 289px;
	margin: 0;
	padding: 70px 0 0 50px;
}
#header-logo {
	float: right;
	display: inline;
	width: 319px;
	height: 149px;
	margin: 0;
	padding: 61px 0 0 0;
}
#header-logo a, #header-logo a:hover {
	text-decoration: none;
	background: none;
}
/*
#header-callout {
	float: right;
	display: inline;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
	line-height: 1.75em;
	width: 288px;
	margin: 0;
	padding: 0 8px 0 23px;
}
*/

/*-------------------------------------------------------------------------*/

/* MENU */

/*-------------------------------------------------------------------------*/

.menu-wrapper {
	background-color: none;
	margin: 0;
	padding: 0;
	height: 32px;
}
#suckerfishnav {
	background-color: none;
	list-style: none;
	margin: 20px auto 0 auto;
	padding: 0;
	width: 100%;
	height: 32px;
}
*:first-child+html #suckerfishnav {
	/* hacking IE7 */
	margin: 16px auto 0 auto;
}
* html #suckerfishnav {
	/* hacking IE6 */
	margin: 16px auto 0 auto;
}
#suckerfishnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#suckerfishnav a {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #CCC;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	display: block;
	clear: both;
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 8px 19px 9px 18px;
}
#suckerfishnav a:hover {
	color: #FFF;
	text-decoration: none;
	background: #5C8727;
}
#suckerfishnav li {
	position: relative;
	float: left;
	list-style: none;
	text-align: center;
	margin: 0;
}
/* needed again for dropdown menus */
#suckerfishnav ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin:0;
	line-height: 1;
	border: 0;
	width: 198px;
	z-index: 100;
}
#suckerfishnav li li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 198px;
	z-index: 100;
}
#suckerfishnav li li a {
	color: #CCC;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	background-color: #353535;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #222;
	margin: 0;
	padding: 12px 0 12px 18px;
   z-index: 100;
}
#suckerfishnav li li a:visited {
	font-weight: normal;
	z-index: 100;
}
#suckerfishnav li li a:hover {
	color: #FFF;
	background: #5C8727;
	z-index: 100;
}
#suckerfishnav li ul ul {
	margin:-21px 0 0 180px;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {
	color:#FFF;
	z-index: 100;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	color:#FFF;
	z-index: 100;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
	color:#FFF;
	z-index: 100;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {
	left:-999em;
	z-index: 100;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {
	left:auto;
	background:#5C8727;
	z-index: 100;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	background:#5C8727;
	z-index: 100;
}

/*-------------------------------------------------------------------------*/

/* HEADERS */

/*-------------------------------------------------------------------------*/

h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 6px 0;
	color: #CCCCCC;
}
h2 {
	color: #AAAAAA;
	background-color: #161616;
	margin: 0 0 8px 0;
	padding: 10px 10px 10px 8px;
	font-size: 1.3em;
}
h2 a:link, h2 a:active, h2 a:visited {
	color: #AAAAAA;
}
h3 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0;
	padding: 8px 0 0 0;
}
h4 {
	/* leave a comment */
	font-size: 1.3em;
	font-weight: normal;
	margin: 30px 0 0 0;
	padding: 0 0 4px 0;
}
h5, h6{
	margin: 15px 0 10px 0;
}

/*-------------------------------------------------------------------------*/

/* MAIN COLUMN */

/*-------------------------------------------------------------------------*/

.main {
	float: left;
	display: inline;
	font-size: 1.3em;
	line-height: 1.7em;
	text-align: left;
	background-color: #111111;
	width: 540px;
	margin: 0 50px 0 50px;
	padding: 18px 0 20px 0;
}
.main ul, .main ol {
	list-style-type: none;
	margin: 0 0 12px 0;
	padding: 0;
}
.main ul li {
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	line-height: 16px;
	margin: 6px 0 6px 20px;
	padding: 0 0 0 13px;
}
.main ol li {
	list-style-type: decimal; 
	line-height: 18px;
	margin: 6px 0 6px 40px;
	padding: 0;
}
.main-wide {
	font-size: 1.2em;
	line-height: 1.7em;
	background-color: #111111;
	width: 910px;
	margin: 0 0 0 50px;
	padding: 18px 0 20px 0;
}
#section-title {
	color: #FAFAFA;
	text-decoration: none;
}

/*-------------------------------------------------------------------------*/

/* SIDEBAR */

/*-------------------------------------------------------------------------*/

#sidebar {
	float: right;
	display: inline;
	font-size: 1.2em;
	line-height: 1.7em;
	width: 280px;
	list-style: none;
	margin: 0; 
	padding: 20px;
}
#sidebar h2 {
	/* sidebar titles */
	font-size: 1.3em;
	margin: 0 0 8px 0;
	padding: 0;
}
#sidebar a {
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar ul {
	list-style: none;
	text-align: left;
	background-color: #161616;
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar li {
	font-size: 1.1em;
	color: #EEEEEE;
	text-align: left;
	list-style: none;
	background-color: #222222;
	border-bottom: solid 3px #161616;
	margin: 0;
	padding: 0;
}
#sidebar li a:link { 
	color: #CCCCCC;
	text-decoration: none;
	padding: 6px 6px 6px 10px;
}
#sidebar li a:visited { 
	color: #CCCCCC;
	text-decoration: none;
	padding: 6px 6px 6px 10px;
}
#sidebar li a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color :#5C8727;
	padding: 6px 6px 6px 10px;
}
#sidebar li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color :#5C8727;
	padding: 6px 6px 6px 10px;
}

/* for pages that have submenus */
#submenu {
	margin: 0;
	padding: 0 0 20px 0;
	/* border-bottom: solid 1px #222222; */
}
#submenu a {
	display: block;
	margin: 0;
	padding: 0;
}
#submenu ul {
	font-size: 1.1em;
	text-align: left;
	background-color: #222222;
	list-style: none;
	margin: 0;
	padding: 0;
}
#submenu li {
	margin: 0;
	padding: 0;
	color: #EEEEEE;
	text-align: left;
	list-style: none;
	border-bottom: solid 3px #161616;
}
#submenu li a:link { 
	color: #CCCCCC;
	text-decoration: none;
	padding: 6px 6px 6px 10px;
}
#submenu li a:visited { 
	color: #CCCCCC;
	text-decoration: none;
	padding: 6px 6px 6px 10px;
}
#submenu li a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color :#5C8727;
	padding: 6px 6px 6px 10px;
}
#submenu li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color :#5C8727;
	padding: 6px 6px 6px 10px;
}
#submenu ul ul li a { display: none; }
#submenu_title {
	margin: 20px 0 13px 0;
	padding: 0;
	font-size: 1.1em;
}
/*
.list-submenu {
	display: block;
	background-color: #111111;
	list-style: none;
}
*/

/*-------------------------------------------------------------------------*/

/* FOOTER */

/*-------------------------------------------------------------------------*/

#footer {
	clear: both;
	font-size: 1.1em;
	color: #999999;
	text-align: left;
	background-color: #202020;
	vertical-align: middle;
	margin: 0;
	padding: 12px 35px 5px 50px;
	height: 24px;
}
#footer a:link { 
	color: #999999;
	text-decoration: none;
}
#footer a:visited { 
	color: #999999;
	text-decoration: none;
}
#footer a:active { 
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #999999;
	text-decoration: underline;
	background-color: #202020;
}
#footer-left {
  	float: left;
  	display: inline;
  	width: 650px;
  	margin: 0;
  	padding: 0;
}
#footer-right {
  	float: right;
  	display: inline;
  	text-align: right;
  	width: 210px;
  	margin: 0;
  	padding: 0;
}
/*
#footer-small {
  	font-size: 0.9em;
  	line-height:  1.5em;
  	color: #999999;
  	margin: 0;
  	padding: 4px 0 0 20px;
}
#footer-small  a:link { 
	color: #999999;
	text-decoration: none;
}
#footer-small  a:visited { 
	color: #999999;
	text-decoration: none;
}
#footer-small  a:active { 
	color: #999999;
	text-decoration: none;
}
#footer-small  a:hover {
	color: #999999;
	text-decoration: none;
	background-color: #EEEEEE;
}
*/

/*-------------------------------------------------------------------------*/

/* POST */

/*-------------------------------------------------------------------------*/

.post {
	background-color: #202020;
	border: solid 0px #222222;
	margin: 20px 0 10px 0;
	padding: 15px;
	text-align: left;
	min-height: 205px;
}
.post img {
	float: left;
	margin: 10px 10px 0 0;
	padding: 10px;
	background-color: #333333;
}
.post img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.post img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
}
.post img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
}
.post .alignright {
	float: right;
}
.post .alignleft {
	float: left
}
.post p {
	padding: 5px 0 0 0;
}
.postInfo{
	padding: 10px;
}
.postmetadata{
	padding: 10px;
	background: #141414;
	margin: 10px 0;
	width: 480px;
	display: block;
	clear: both;
}
.post-line {
	margin: 0 0 15px 0;
	padding: 17px 0 0 0;
	text-align: left;
	border-top: solid 1px #CCCCCC;
}

/*-------------------------------------------------------------------------*/

/* IMAGES */

/*-------------------------------------------------------------------------*/

p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}

/*-------------------------------------------------------------------------*/

/* COMMENTS */

/*-------------------------------------------------------------------------*/

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: left;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/*-------------------------------------------------------------------------*/

/* GENERAL FORMATTING */

/*-------------------------------------------------------------------------*/

.thread-alt {
	background-color: #FAFAFA;
}
.thread-even {
	background-color: #F1F1F1;
}
.depth-1 {
}
.even, .alt {
	border-left: 3px solid #ddd;
}
small {
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0;
}
.commentlist li, .commentlist ol {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	background-image: none;
}
.commentlist li, #commentform input, #commentform textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.commentlist li ul li {
	font-size: 10px;
}
.commentlist li a:link {
	color :#666666;
}
.commentlist li a:active {
	color :#666666;
}
.commentlist li a:visited {
	color :#666666;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	}
.commentlist p {
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	text-transform: none;
	}
#commentform p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 10px;
	letter-spacing: .07em;
	}

/*-------------------------------------------------------------------------*/

/* VARIOUS TAGS & CLASSES */

/*-------------------------------------------------------------------------*/

acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
hr {
	display: block;
	clear: both;
	color: #DDD;
	margin: 20px 0 20px 0;
	padding: 0;
}
a img {
	border: none;
}
.mapp-poweredby {
	display: none;
}

/*-------------------------------------------------------------------------*/

/* FORM STYLES */
/* covers contact 7 input styles, logins, etc. */

/*-------------------------------------------------------------------------*/

legend {
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 0 0;
}
label {
	font-size: 13px;
	margin: 0;
	padding: 0 5px 0 0;
	text-align: left;
}
label a {
}
.checkboxlabel {
	margin-right: 10px;
}
.flipped .checkbox {
	margin-left: 5px;
	padding-right: 5px;
}
.flipped .checkboxlabel {
	margin-left: 0px;
}
input[type="submit"] {
	margin: 10px 0 10px 0;
}
input[type="checkbox"] {
	margin: 0 6px 0 0;
}
input[type="text"], input[type="password"], input[type="file"], input[type="radiobutton"], select, textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	border: 3px solid #DDD;
	background: #FFF;
	/* controls distance between fields */
	margin: 0 0 10px;
	padding: 4px;
	vertical-align: middle;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, input[type="radiobutton"]:hover, textarea:hover {
	border: 3px solid #BBB;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="radiobutton"]:focus, textarea:focus {
	border: 3px solid #DDD;
	background-color: #FFFFEE;
}
#searchform {
	margin: 0;
	padding: 5px 25px 0 0;
	text-align: left;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}

/*-------------------------------------------------------------------------*/

/* CAPTIONS */

/*-------------------------------------------------------------------------*/

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*-------------------------------------------------------------------------*/

/* CODA SLIDER  */

/*-------------------------------------------------------------------------*/


noscript p, noscript ol { color: #FFFFFF; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #FFFFFF; text-decoration: underline }
noscript ol { margin-left: 40px; }
		
a:focus { outline:none }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0;
}
		
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
.slider-wrap { 
	margin: 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 290px; background: #111111; overflow: hidden;}
.csw .loading {color: #FFFFFF; margin: 150px 0 150px 0; text-align: center;}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0px solid #993300; /* this is the border. should have the same value for the links */
	margin: 0 20px 0 0;
	padding: 0;
	width: 890px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 290px;
	clear: both;
	background-color: #111111;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 890px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}
#slider-main {
	float: left;
	display: inline;
	font-size: 1.0em;
	line-height: 1.7em;
	background-color: #111111;
	width: 580px;
	margin: 0;
	padding: 0 20px 0 0;
}
#slider-sidebar {
	float: right;
	display: inline;
	font-size: 1.0em;
	line-height: 1.7em;
	background-color: #111111;
	width: 270px;
	list-style: none;
	margin: 0; 
	padding: 0 20px 0 0;
}

/* 
	MAIN TABBED NAVIGATION
*/
.stripNav  { position: relative; width: 900px; margin-left: -40px; }
.stripNav ul { list-style: none; }
.stripNav ul li { float: left; list-style: none; }
.stripNav li a {
	/* Generic "CSS image replacement" */
	display: block;
	height: 50px;
	text-indent: -9999px;
	outline: none;
	list-style: none;
	border: 0;
}
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(images/tab-inventory.jpg) top center no-repeat; width: 100px; }
.stripNav li.tab2 a { background: url(images/tab-concept.jpg) top center no-repeat; width: 93px; }
.stripNav li.tab3 a { background: url(images/tab-design.jpg) top center no-repeat; width: 98px; }
.stripNav li.tab4 a { background: url(images/tab-materials.jpg) top center no-repeat; width: 99px; }
.stripNav li.tab5 a { background: url(images/tab-coordination.jpg) top center no-repeat; width: 122px; }
.stripNav li.tab6 a { background: url(images/tab-implementation.jpg) top center no-repeat; width: 135px; }
.stripNav li.tab7 a { background: url(images/tab-evaluation.jpg) top center no-repeat; width: 107px; }
.stripNav li.tab8 a { background: url(images/tab-maintenance.jpg) top center no-repeat; width: 122px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus  {
	/* Restore focus styling that we removed when we removed outlines */
	background-position: top center;
}

.stripNav li.tab1 a:hover { background: url(images/tab-inventory.jpg) bottom center no-repeat; width: 100px; }
.stripNav li.tab2 a:hover { background: url(images/tab-concept.jpg) bottom center no-repeat; width: 93px; }
.stripNav li.tab3 a:hover { background: url(images/tab-design.jpg) bottom center no-repeat; width: 98px; }
.stripNav li.tab4 a:hover { background: url(images/tab-materials.jpg) bottom center no-repeat; width: 99px; }
.stripNav li.tab5 a:hover { background: url(images/tab-coordination.jpg) bottom center no-repeat; width: 122px; }
.stripNav li.tab6 a:hover { background: url(images/tab-implementation.jpg) bottom center no-repeat; width: 135px; }
.stripNav li.tab7 a:hover { background: url(images/tab-evaluation.jpg) bottom center no-repeat; width: 107px; }
.stripNav li.tab8 a:hover { background: url(images/tab-maintenance.jpg) bottom center no-repeat; width: 122px; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { background: url(images/tab-inventory.jpg) bottom center no-repeat; width: 100px; }
.stripNav li.tab2 a.current { background: url(images/tab-concept.jpg) bottom center no-repeat; width: 93px; }
.stripNav li.tab3 a.current { background: url(images/tab-design.jpg) bottom center no-repeat; width: 98px; }
.stripNav li.tab4 a.current { background: url(images/tab-materials.jpg) bottom center no-repeat; width: 99px; }
.stripNav li.tab5 a.current { background: url(images/tab-coordination.jpg) bottom center no-repeat; width: 122px; }
.stripNav li.tab6 a.current { background: url(images/tab-implementation.jpg) bottom center no-repeat; width: 135px; }
.stripNav li.tab7 a.current { background: url(images/tab-evaluation.jpg) bottom center no-repeat; width: 107px; }
.stripNav li.tab8 a.current { background: url(images/tab-maintenance.jpg) bottom center no-repeat; width: 122px; }