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

	shell.css
	
	version:	1.0
	date:		02/09
	author:		[Martin Olson @ innertwine]
	email:		[martin@innertwine.com]

	website:	[www.keysurgical.com]

	version history: [1.0]
	

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


/*	Import external stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("layout.css");


/*	Global Elements
-----------------------------------------------------------------------------*/

@media screen {

body {
	background: rgb(255,255,255);
	margin: 0;
	padding: 0;
	text-align: center
	}
.wrap {
	color: rgb(95,97,98);
	font-family: "lucida sans unicode","lucida grande", trebuchet MS, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	margin: 0 auto;
	width: 900px
	}
#header {
	height: 45px;
	padding-top: 40px
	}
	.logo a {
		background: url(../img/logo.jpg) center center no-repeat;
		display: block;
		float: left;
		height: 30px;
		text-indent: -9999px;
		width: 200px
		}
.inTray {
	text-align: right;
	padding: 0 5px 0 0;
}	
#searchForm {
	position: absolute;
	margin-left: 710px;
	*margin-left: 260px;
	margin-top: 49px;
	*margin-top: 47px;
}
#searchForm .searchButton {
	margin-top: 2px;
}
#searchForm .searchInput {
	*height: 20px;
	*line-height: 20px;
}
/*	Site Navigation
-----------------------------------------------------------------------------*/
		
ul#siteNav {
	float: left;
	height: 20px;
	margin-left: 20px;
	padding-top: 8px /* baseline nav w/ logo */
	}
ul#siteNav li {
	display: block;
	float: left;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	}
	
	/* hide text */
	li#aboutUs a,
	li#order a,
	li#resources a,
	li#contact a,
	li#blog a { text-indent: -9999px; text-transform: uppercase;}
	
	/* img replacement */
	li#aboutUs a { background: url(../img/nav_about.gif) center 0 no-repeat; width: 90px }
	li#order a { background: url(../img/nav_order.gif) center 0 no-repeat; width: 110px }
	li#resources a { background: url(../img/nav_resources.gif) center 0 no-repeat; width: 130px }
	li#contact a { background: url(../img/nav_contact.gif) center 0 no-repeat; width: 110px }
	li#blog a { background: url(../img/nav_blog.gif) center 0 no-repeat; width: 70px }

	li#aboutUs a:hover,
	li#order a:hover,
	li#resources a:hover,
	li#contact a:hover,
	li#blog a:hover  { background-position: center -20px; }
	
	ul#siteNav li a.current { background-position: center -20px; }
	
	ul#siteNav li a:link,
	ul#siteNav li a:visited {
		display: block;
		color: rgb(95,97,98);
		float: left;
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		height: 20px;
		letter-spacing: 1pt;
		line-height: 20px;
		padding: 0;
		text-transform: uppercase;
		text-decoration: none
		}
	ul#siteNav li a:hover {
		color: rgb(20,181,235);
		text-decoration: none
		}
	ul#siteNav li a.current {
		color: rgb(20,181,235);
		text-decoration: none
		}
	
	
	
		#downarrow {
			position: absolute;
			margin: 24px 0 0 256px;
			*margin: 24px 0 0 -196px;
		}
		#pulldown_subnav {
			position: absolute;
			width: 118px;
			height: 116px;
			margin: 45px 0 0 205px;
			*margin: 45px 0 0 -245px;
			text-align: left;
			visibility: hidden;
		}
		ul#pulldown_subnav li a {
			height: 29px;
			padding: 0 0 0 20px;
			line-height: 30px; 
		}
		ul#pulldown_subnav li a:link,
		ul#pulldown_subnav li a:active,
		ul#pulldown_subnav li a:visited {
			text-decoration: none;
			color:#5F6162;
			font-size:11px;
			height: 29px;
		}
		
		ul#pulldown_subnav li.pulldown_company a:hover {
			background: #e96e21;
			color: #FFF;
			}
			
		li.pulldown_company {
			background: url(../img/dropnav_bg.gif) 0 0 no-repeat;
			height: 29px;
		}
		li.pulldown_awards {
			background: url(../img/dropnav_bg.gif) 0 -29px no-repeat;
			height: 29px;
		}
		li.pulldown_organizations {
			background: url(../img/dropnav_bg.gif) 0 -58px no-repeat;
			height: 29px;
		}
		li.pulldown_gallery {
			background: url(../img/dropnav_bg.gif) 0 -87px no-repeat;
			height: 29px;
		}
	/*
	.pulldown_company{background: #e96e21;}
	.pulldown_awards{background: #c52026;}
	.pulldown_organizations{background: #39486f;}
	.pulldown_gallery{background: #14b5eb;}
	*/
/*	Footer
-----------------------------------------------------------------------------*/

#footer {
	background: url(../img/footerBkg.gif) center 2px no-repeat;
	clear: both;
	height: 35px;
	padding-top: 3px;
	text-align: right
	}
	#footer ul {
		margin-right: 20px
		}
	#footer ul li {
		color: rgb(255,255,255);
		display: inline;
		font-size: 10px;
		line-height: 35px
		}
		#footer ul li a:link,
		#footer ul li a:visited {
			color: rgb(255,255,255);
			margin-right: 5px;
			text-decoration: underline
			}



/*	Typography
-----------------------------------------------------------------------------*/

h1 {
	background: url(../img/gbm_logo.png) 0 0 no-repeat;
	font-family: arial, lucida sans unicode, lucida grande, sans-serif;
	font-size: 30px;
	font-weight: 100;
	color: rgb(156,197,85);
	line-height: 65px;
	margin-left: 30px;
	text-indent: -9999px;
	width: 305px
	}
	h1 span {
		font-family: arial, lucida sans unicode, lucida grande, sans-serif;
		font-size: 11px;
		font-style: italic;
		margin-left: 10px
		}
h2 {
	font-size: 16px;
	color: rgb(255,255,255);
	line-height: 1em;
	text-transform: uppercase
	}
h3 {
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	font-size: 13px;
	font-weight: 700;
	color: rgb(130,3,22);
	margin-bottom: .7em
	}
h4 {
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: .5em;
	color: rgb(0,0,0);
	}
h5 {
	font-family: "Gotham-Book", lucida sans unicode, lucida grande, sans-serif;
	font-size: 11px;
	text-transform: uppercase
	}
h6 {
	font-size: 16px;
	line-height: 1em;
	text-transform: uppercase
	}
p {
	
	}
	p.small { font-size: 9px }
	p.hvy,
	span.hvy {
		font-weight: 700;
		}
	p strong { font-weight: 700 }

}

#noteAboutQuality img {
	margin:20px 0 0 16px;
}
#noteAboutQuality p {
	color: #FFFFFF;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	margin: 10px 15px 10px 15px;
	padding: 0;
	padding-bottom: 16px;
}

#upcomingEvents img {
	margin:20px 0 0 16px;
}
#upcomingEvents p {
	color: #58595b;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 10px 15px 10px 15px;
	padding: 0;
	padding-bottom: 16px;
}


.mainColBotTxt {
	margin: 16px 20px 20px 26px;
}
.trayColBotTxt {
	margin: 16px 10px 20px 10px;
}
.mainColBotTxt p {
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 10px 0 0 0;
}
.trayColBotTxt p {
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 10px 0 0 0;
}
#resourceTop {
	margin: 20px 0 0 40px;
	width:250px;
}
#resourceTop p {
	line-height: 15px;
	margin: 0;
	width: 160px;
	float: left;
	padding-top: 5px;
}
#resourceTop a {
	float: right;
}
#resourceTop .download {
	clear:both;
	padding-bottom:4px;
	vertical-align:middle;
}
#resourceBottom p {
	line-height: 22px;
	margin: 0 0 0 40px;
	*margin: 10px 0 0 40px;
}
#mainColBot hr {
	color:#000000;
	height: 1px;
	border: 0;
	background-color: #808285;
}
.aboutIndustry a {
	color: #1ab7ea;
}

#orderInfo p, #contactInfo p{
	margin: 0 0 0 30px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 19px;
}
#orderBg ul {
	margin: 13px 0 0 120px;
	*margin: 16px 0 0 120px;
}
#contactBg ul {
	margin: 10px 0 0 120px;
	*margin: 10px 0 0 120px;
}
#orderBg ul, #contactBg ul, #contactBg a:link, #contactBg a:visited, #orderBg a:link, #orderBg a:visited, .mainColBotTxt a:link, .mainColBotTxt a:visited {
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 28px;
	color: #1ab7ea;
}
.mainColBotTxt a:link, .mainColBotTxt a:visited {
	line-height: 14px;
	color: #1ab7ea;
}
.mainColBotTxt a:hover {
	color: #5c5d5f;
}
#contactBg ul {
	line-height: 14px;
}
#contactBg li {
	padding: 6px 0 6px 0;
}