@import url(blueprint/screen.css);

/* !Structure */
#header {
background: url(../images/core/nav.png) left 20px no-repeat;
width: 950px;
position: relative;
height: 90px;
}
#header.subNav {
height: 110px;
}
#header-logo a {
display: block;
background: url(../images/core/nav-logo-alt.gif);
position: absolute;
width: 275px;
height: 88px;
top: 9px;
left: 20px;
z-index: 10;
}

#header-nav {
position: absolute; 
height: 60px; 
background: url(../images/core/nav.png) no-repeat; 
padding: 0;
top: 20px;
left: 328px;
z-index: 1;
}

	#header-nav li {
	float: left;
	list-style: none;
	}

		#header-nav li a {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		border: none;
		top: 0;
		height: 60px;
		background-image: url(../images/core/nav.png);
		background-repeat: no-repeat;
		}

		#nav-home a		   { left: 0px; width:  97px; background-position: -336px 0; }
		#nav-about a	   { left: 97px; width: 110px; background-position: -433px 0; }
		#nav-advertise a { left: 207px; width: 142px; background-position: -543px 0; }
		#nav-contact a   { left: 349px; width: 122px; background-position: -685px 0; }
		#nav-careers a   { left: 471px; width: 123px; background-position: -807px 0; }
		
		#nav-home a:hover      { background-position: -336px -90px; }
		#nav-about a:hover     { background-position: -433px -90px; }
		#nav-advertise a:hover { background-position: -543px -90px; }
		#nav-contact a:hover   { background-position: -685px -90px; }
		#nav-careers a:hover   { background-position: -807px -90px; }

		#nav-home.selected a      { background-position: -336px -150px; }
		#nav-about.selected a     { background-position: -433px -150px; }
		#nav-advertise.selected a { background-position: -543px -150px; }
		#nav-contact.selected a   { background-position: -685px -150px; }
		#nav-careers.selected a   { background-position: -807px -150px; }
#sub-nav {
position: absolute;
background: #222 url(../images/core/bg-sub-nav.png) no-repeat;
width: 950px;
margin: 0;
top: 80px;
left: 0;
z-index: 1;
text-align: right;
}
	#sub-nav ul {
	float: right;
	margin: 0;
	padding: 0 20px 0 0;
	}
		#sub-nav ul li {
		float: left;
		list-style: none;
		}
			#sub-nav ul li a {
			background: url(../images/core/bg-sub-nav.png) left -30px;
			margin: 0;
			padding: 0 0 0 20px;
			text-decoration: none;
		  display:block;
		  float: left;
			}
				#sub-nav ul li a span {
			  float:left;
			  display:block;
				background: url(../images/core/bg-sub-nav.png) right -30px;
			  padding:6px 20px 6px 0px;
			  text-decoration:none;
			  font-weight:bold;
			  color:#fff;
			  cursor: pointer;
				}		
			#sub-nav ul li a:hover,
			#sub-nav ul li.selected a {
			background: url(../images/core/bg-sub-nav.png) left -60px;
			}
				#sub-nav ul li a:hover span,
				#sub-nav ul li.selected a span {
				background: url(../images/core/bg-sub-nav.png) right -60px;
				}

#content {
margin: 20px 0;
width: 950px;
background: #fff url(../images/core/bg-content.png) repeat-y;
overflow-x: auto;
font-size: 1.3em;
}
	.contentTop,
	.contentBottom {
	height: 10px;
	background-color: #fff;
	background-image: url(../images/core/bg-content.png);
	background-repeat: no-repeat;
	}
	* html .contentBottom { display: none; }
	.contentTop    { background-position:  -950px 0; }
	.contentBottom { background-position: -1900px 0; }
		.contentTop hr,
		.contentBottom hr {
		display: none;
		}

#breadcrumbs ul {
margin: 0 20px;
padding: 2px 5px 5px;
background: #f5f5f5;
border: 1px solid #e5e5e5;
}
#breadcrumbs ul li {
display: inline;
font-size: 0.8em;
}
#breadcrumbs ul li a {
color: #666;
}

#sidebar { font-size: 0.9em; }
	#sidebar p {
	margin-bottom: 0.5em;
	}
	#sidebar ul {
	margin: .5em;
	background: #fff;
	border: 1px solid #e2dcb6;
	padding: .5em;
	list-style-position: inside;
	}
	#sidebar #sidebar-nav,
	#sidebar #sidebar-nav ul {
	margin: 0;
	background: transparent none;
	border: none;
	padding: 0;
	list-style: none;
	}
	#sidebar #sidebar-nav h3 {
	margin: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	}
	#sidebar #sidebar-nav ul { margin-bottom: 10px; }
	#sidebar #sidebar-nav ul li { padding: 0 0 0 20px; }
	#sidebar #sidebar-nav ul li.selected { background: url(../images/core/bg-sidenar-nav-li.gif) 5px center no-repeat; }
	#sidebar #sidebar-nav ul li.selected a { color: #f90; }

#footer {
background: #000 url(../images/core/bg-footer.png) no-repeat;
padding: 10px 15px;
color: #999;
}

#content li { overflow: auto; padding: 0 0 20px; }
#sidebar li { padding: 0 0 10px; font-size: 0.9em; }

/* !classes */
	.hideProperly {
	position: absolute;
	text-indent: -999em;
	}
	.floatLeft  { float: left; }
	.floatRight { float: right; }
	
	.summary { font-size: 1.4em; }
	.extended { font-size: 0.8em; }


	/* !Buttons */
	.buttonWrapper { /* overflow: auto; */ }
	a.button {
	display: block;
	float: left;
	width: auto;
	padding: 0 0 0 20px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	}
	a.button:hover { text-decoration: underline; }
		a.button span {
		font-size: 1.4em;
		font-weight: 400;
		display: block;
		width: auto;
		float: left;
		padding: 8px 20px 8px 0;
		}
		a.button.orangeOnWhite { background: url(../images/core/bg-buttons.png) left 0 no-repeat; }
		a.button.orangeOnWhite:hover { background: url(../images/core/bg-buttons.png) left -50px; }
			a.button.orangeOnWhite span { background: url(../images/core/bg-buttons.png) right 0 no-repeat; }
			a.button.orangeOnWhite:hover span { background: url(../images/core/bg-buttons.png) right -50px; }
		a.button.orangeOnBlack { background: url(../images/core/bg-buttons.png) left -100px no-repeat; }
		a.button.orangeOnBlack:hover { background: url(../images/core/bg-buttons.png) left -150px; }
			a.button.orangeOnBlack span { background: url(../images/core/bg-buttons.png) right -100px no-repeat; }
			a.button.orangeOnBlack:hover span { background: url(../images/core/bg-buttons.png) right -150px; }




/* !Page-specific stuff */


		/* !Homepage content styles */
		#home #content {
		background: #000 none;
		color: #ccc;
		}
		#home #banner {
		background: #222 url(../images/core/home-banner-alt.jpg) no-repeat;
		width: 950px;
		height: 280px;
		position: relative;
		}
			#home-video {
			position: absolute;
			top: 48px;
			left: 315px;
			width: 320px;
			height: 180px;
			}
			#home .bannerCopy {
			position: absolute;
			top: 70px;
			width: 200px;
			font-size: 0.8em;
			}
			#home-banner-left { left: 40px; }
			#home-banner-right { left: 740px; }
			#homepage .bannerCopy p {
				color: #fff;
				}
			#home .bannerCopy ul {
			margin: 0;
			padding: 0;
			font-size: 1.2em;
			list-style: none;
			}
			#home #banner h1{
				font-size: 1.8em;
			}
			#home #banner p{
				font-size: 1.2em;
			}
			#home #banner a{
				text-decoration: none;
				color: #fff;
				border-bottom: 1px dotted #ccc;
			}
		#home-main-graphic { text-align: center; }
		#home-main-buttons ul { list-style: none; margin: 0; padding: 0;}
		#home-main-buttons ul li { float: left;  margin-right: 10px;}
		
		
		/* !Screen locations */
		#screen-location-photos {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: auto;
		}
			#screen-location-photos li {
			float: left;
			text-align: center;
			width: 80px;
			height: 80px;
			padding: 10px;
			overflow: hidden;
			margin: 0 8px 10px 0;
			border: 1px solid #ccc;
			}