@charset "UTF-8";

/*-------------------------------------------------------------------
Home Page Style Sheet (for version 4 browsers)
version: 1.1
author: Matt Mendrala
email: mendrala@mac.comm
website: http://www.8020web.com/
-------------------------------------------------------------------*/

@import url(global.css);
@import url(jd.gallery.css);

/*-------------------------------------------------------------------
	Navigation
-------------------------------------------------------------------*/

#nav_home {

	color: white!important;
}

/*-------------------------------------------------------------------
	Global Overrides
-------------------------------------------------------------------*/

.primary_content {
	border-right: 1px dotted #D6D5C6;
}

/*-------------------------------------------------------------------
	Slideshow
-------------------------------------------------------------------*/

#slideshow {

	position: relative;
	display: none;
		
	/* Approximate the golden raio 1.618 */	
	width: 500px;
	height: 300px;
	
	margin-bottom: 16px;

	overflow: hidden;
}

.jdGallery .slideInfoZone
{
	height: 4em!important;
	line-height: 100%;
}

.jdGallery .slideInfoZone h2
{
	font-size: 8pt;
	line-height: 120%;
	color: #fff!important;
}

.jdGallery .slideInfoZone h3
{
	font-size: 8pt;
	line-height: 120%;
	color: #fff!important;
}

#slideshow p
{
	font-size: 8pt;
	line-height: 100%;
	color: #fff;
}

#slideshow cite {
	font-size: 8pt;
	font-style:italic;
	line-height: 100%;
	color: #fff;
}

/*-------------------------------------------------------------------
	Alt Slideshow displayed if no javascript
-------------------------------------------------------------------*/

#alt_slideshow {

	position: relative;
	display: block;
	
	/* Approximate the golden raio 1.618 */	
	width: 500px;
	height: 300px;
	
	margin-bottom: 16px;

	overflow: hidden;
}

#alt_slideshow img {
	
	width: 100%;
	height: 100%;
}


#image_info {
	
	display: block;
	position: absolute;
	overflow: hidden;
	
	bottom: 0px;
	
	/*z-index: 99;*/
	
	width: 500px;
	height: auto;
	
	background-color: black;
}

#image_info h2 {
	
	margin: 2px 5px;
	padding: 0;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
}

#image_info p {
	
	margin: 2px 5px;
	padding: 0;
	font-size: 8pt;
	color: #fff;
}

#image_info cite {
	font-size: 8pt;
	font-style:italic;
	line-height: 100%;
	color: #fff;
}


/*-------------------------------------------------------------------
	Now Hiring
-------------------------------------------------------------------*/

#now_hiring, #subscribe_now {
	
	position: relative; /* Have to do this to get the apply now button positioned correctly */
	
	margin-bottom: 16px;
}

#apply_now {
	
	position: absolute;
	
	width: 100px;
	height: 100px;
	
	top: 232px;	
	left: 160px;
	
	cursor: pointer;
	
	z-index: 999;
}

html #apply_now {
	background-image: url(../images/apply_now.png);
	background-repeat: no-repeat;
}

/* IE */
* html #apply_now {
	background-image: none;
}

/*-------------------------------------------------------------------
	Members Area
-------------------------------------------------------------------*/

#horz_members_area {

	clear: both;
	
	position: relative;
	
	display: block;
	
	width: auto;
	height: 190px;	

	padding: 0 20px;
		
	background: white;	
}

#horz_members_area h2 {
	
	width: 100%;
	
	padding: .5em 0;
	margin: 0;
	
	font-size: 8pt;
	line-height: 130%;
	
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	
	color: white;
	background-color: black;	
	
	/*background-image: url(../images/26px_black_gradient.jpg);
	background-repeat: repeat-x;
	background-position: center;*/
}

#horz_members_area ul {
	
	display: block;
	
	list-style: none;
	
	width: 778px;
	height: 120px;
	
	margin: 0;
	padding: 10px 0;
	
	border: 1px dotted #D6D5C6;
	border-top: none;
}

#horz_members_area li {
	
	text-align: center;

	float: left;
	
	display: block;
	
	width: 14%;
	height: 130px;
}

#horz_members_area #mem_nps {
	border-left: none;
}

#horz_members_area li img {

	width: 80px;
	height: 80px;

}

#horz_members_area li a {
	
	display: block;
	height: 3em;
	font-size:7pt;
	line-height: 130%;	
	text-align: center;
	padding: 0 8px;
}