/* 'The Pair' section styles */



#section-info h1,
#section-info h3 {
	width: 201px; 
	}

#section-info a.story {
	width: 75px; 
	}

	#section-info a.story:link,
	#section-info a.story:active,
	#section-info a.story:visited {
		background-position: -0px 0px; 
		}

	#section-info a.story:hover {
		background-position: -0px -18px; 
		}

#section-info a.process {
	width: 90px; 
	}

	#section-info a.process:link,
	#section-info a.process:active,
	#section-info a.process:visited {
		background-position: -76px 0px; 
		}

	#section-info a.process:hover {
		background-position: -76px -18px; 
		}

#section-info a.products {
	width: 94px; 
	}

	#section-info a.products:link,
	#section-info a.products:active,
	#section-info a.products:visited {
		background-position: -167px 0px; 
		}

	#section-info a.products:hover {
		background-position: -167px -18px; 
		}

#section-info li.active a.story {
	width: 75px; 
	}

	#section-info li.active a.story:link,
	#section-info li.active a.story:active,
	#section-info li.active a.story:visited,
	#section-info li.active a.story:hover {
		background-position: -0px -18px; 
		}

#section-info li.active a.process {
	width: 90px; 
	}

	#section-info li.active a.process:link,
	#section-info li.active a.process:active,
	#section-info li.active a.process:visited,
	#section-info li.active a.process:hover {
		background-position: -76px -18px; 
		}

#section-info li.active a.products {
	width: 94px; 
	}

	#section-info li.active a.products:link,
	#section-info li.active a.products:active,
	#section-info li.active a.products:visited,
	#section-info li.active a.products:hover {
		background-position: -167px -18px; 
		}


body {
	background-color: #d1dda8;
	background-image: url(../images/sections/the-pair/updates/body.png); 
	}


#page {
	background-image: url(../images/sections/the-pair/updates/header.png); 
	}


h1,
h2,
h3 {
	color: #073569; 
	}


#header a.logo {
	background-image: url(../images/sections/the-pair/updates/logo.png); 
	}

#header p {
	background-image: url(../images/sections/the-pair/updates/motto.png); 
	}


#nav li {
	background-image: url(../images/sections/the-pair/updates/nav_sep.png); 
	}

#nav a {
	background-image: url(../images/sections/the-pair/updates/nav.png); 
	}


#section-info h3, #section-info h1 {
	color: #073569;
	background-image: url(../images/sections/the-pair/updates/section_hd.png); 
	}

#section-info li {
	background-image: url(../images/sections/the-pair/updates/nav_sep.png); 
	}

#section-info a {
	background-image: url(../images/sections/the-pair/updates/section_nav.png); 
	}


#footer {
	background-image: url(../images/sections/the-pair/updates/footer.png); 
	}

	#footer li {
		background-image: url(../images/sections/the-pair/updates/footer_nav_sep.png); 
		}

	#footer a {
		background-image: url(../images/sections/the-pair/updates/footer_nav.png); 
		}


p.intro {
	color: #073569; 
	}


body.popup #heading {
	background-color: #073569; 
	}

	body.popup #heading p {
		color: #d1dda8; 
		}

body.popup a:link,
body.popup a:active,
body.popup a:visited {
	color: #073569; 
	}

body.popup a:hover {
	color: #073569; 
	}


#container.thepair-overview {
	height: 202px;
	background: transparent url(../images/sections/the-pair/bg/overview.jpg) no-repeat left top;
	background-position: right top; 
	}



#story-gallery h2 {
	position: absolute;
	left: -1000em;
	text-align: left; 
	}

#story-gallery ul {
	margin: 0;
	padding: 0;
	margin-right: -22px;
	width: 270px;
	float: right; 
	}

	#story-gallery ul li {
		list-style: outside none none; 
		}

#story-gallery li {
	float: left;
	margin: 0 22px 22px 0; 
	}

#story-gallery img {
	border: 1px solid #8a9565;
	display: block;
	width: 111px; 
	}


#container.story {
	padding-bottom: 0;
	background: transparent url(../images/sections/the-pair/bg/story_container.jpg) no-repeat left top;
	background-position: right top; 
	}

	#container.story .inner {
		padding-bottom: 16px;
		min-height: 850px;
		background: transparent url(../images/sections/the-pair/bg/story_content.png) no-repeat left top;
		background-position: center bottom; 
		}

	#container.story h1 {
		position: absolute;
		left: -1000em;
		text-align: left; 
		}