@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	border: none;
}

html, body {
	height: 100%;
}

body {
	text-align: center;
	background: #000000;
	font: 100%;
}

h1 {
	text-indent: -1000px;
	height: 21px;
	width: 600px;
}

h2 {
	font: normal normal 900 .7em Arial, Verdana, Helvetica, sans-serif;
	clear: both;
}

h3 {
	font: normal normal 800 1em Arial, Verdana, Helvetica, sans-serif;
	padding: 0 0 5px 0;
}

hr {
	height: 1px;
	border: 0;
	background: #000000;
	margin: 0 0 5px 0;
}

p {
	font: normal normal 400 .8em Arial, Verdana, Helvetica, sans-serif;
}

.redType {
	color: #D52B1E;
}

.emphasis {
	font: normal normal 900 .9em Arial, Verdana, Helvetica, sans-serif;
}

.caption {
	font: normal normal 400 .7em Arial, Verdana, Helvetica, sans-serif;
	padding: 10px 15px 0 15px;
}

.sideCopy {
	padding: 0 15px 0 15px;
}

.wrapper {
	position: relative;
	width: 1020px;
	text-align: left;
	min-height: 100%;
	height: auto !important; /* IE hack */
	height: 100%;
	margin: 0 auto -35px; /* the bottom margin is the negative value of the footer's height */
	background: url(images/background.png) repeat-y;
}

.menu {
	position: relative;
	width: 800px;
	height: 15px;
	padding:30px 110px 5px 110px;
	text-align:center;
	overflow: hidden;
}

.menuBar {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menuBar li {
	display: inline;
	overflow: hidden;
}

.menuCap {
	display: block;
	float: left;
	width: 43px;
	height: 15px;
	background: url(images/menu/menu_bgLine.png) repeat-x;
}

.menuLine {
	display: block;
	float: left;
	width: 66px;
	height: 15px;
	background: url(images/menu/menu_bgLine.png) repeat-x;
}

#menuHome {
	width: 39px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_home.png) no-repeat -39px 0px;
	text-indent: -2000px;
}

#menuHome:hover {
	background: url(images/menu/menu_home.png) no-repeat 0px 0px;
}

#menuHomeSelect {
	width: 39px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_home_roll.png) no-repeat 0px 0px;
	text-indent: -2000px;
}

#menuProducts {
	width: 59px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_products.png) no-repeat -59px 0px;
	text-indent: -2000px;
}

#menuProducts:hover {
	background: url(images/menu/menu_products.png) no-repeat 0px 0px;
}

#menuProductsSelect{
	width: 59px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_products_roll.png) no-repeat;
	text-indent: -2000px;
}

#menuMarketing {
	width: 68px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_marketing.png) no-repeat -68px 0px;
	text-indent: -2000px;
}

#menuMarketing:hover {
	background: url(images/menu/menu_marketing.png) no-repeat 0px 0px;
}

#menuMarketingSelect{
	width: 68px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_marketing_roll.png) no-repeat;
	text-indent: -2000px;
}

#menuManufacturing {
	width: 95px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_manufacturing.png) no-repeat -95px 0px;
	text-indent: -2000px;
}

#menuManufacturing:hover {
	background: url(images/menu/menu_manufacturing.png) no-repeat 0px 0px;
}

#menuManufacturingSelect {
	width: 95px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_manufacturing_roll.png) no-repeat 0px 0px;
	text-indent: -2000px;
}

#menuDistribution {
	width: 76px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_distribution.png) no-repeat -76px 0px;
	text-indent: -2000px;
}

#menuDistribution:hover {
	background: url(images/menu/menu_distribution.png) no-repeat 0px 0px;
}

#menuDistributionSelect {
	width: 76px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_distribution_roll.png) no-repeat 0px 0px;
	text-indent: -2000px;
}

#menuOffices {
	width: 47px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_offices.png) no-repeat -47px 0px;
	text-indent: -2000px;
}

#menuOffices:hover {
	background: url(images/menu/menu_offices.png) no-repeat 0px 0px;
}

#menuOfficesSelect {
	width: 47px;
	height: 15px;
	display: block;
	float: left;
	background: url(images/menu/menu_offices_roll.png) no-repeat 0px 0px;
	text-indent: -2000px;
}

.header {
	height: 170px;
	background: url(images/header_index.jpg) no-repeat;
}

.headerManufacturing {
	height: 170px;
	background: url(images/header_manufacturing.jpg) no-repeat;
}

.headerDistribution {
	height: 170px;
	background: url(images/header_distribution.jpg) no-repeat;
}

.headerOffices {
	height: 170px;
	background: url(images/header_offices.jpg) no-repeat;
}

.headerProducts {
	height: 170px;
	background: url(images/header_products.jpg) no-repeat;
}

.headerMarketing {
	height: 170px;
	background: url(images/header_marketing.jpg) no-repeat;
}

.main {
	position: relative;
	width: 800px;
	padding: 35px 110px 0 110px;
}

.headline {
	float: left;
	width: 600px;
	padding: 0 0 15px 200px;
}

.headline h1, h3 {
	height: 27px;
	padding: 0;
	margin: 0;
}

.sideMenu {
	float: left;
	width: 200px;
}

.sideNav {
	list-style: none;
	padding: 0;
	margin: 0;
}

#lowNav {
	padding: 42px 0 0 0;
}

.sideNav a {
	position: relative;
}

.sideNav a:hover {
	border: 0;
}

.sideNav a span {
	display: none;
	z-index: 200;
}

.sideNav a:hover span {
	display: block;
	position: absolute;
	top: -175px;
	left: -110px;
	height: 200px;
	width: 176px;
}

#sideMerino {
	display: block;
	background: url(images/sideMenu_merino.png) no-repeat 0px 0px;
	width: 141px;
	height: 30px;
}

#sideMerino:hover {
	background: url(images/sideMenu_merino.png) no-repeat -141px 0px;
}

#sideMerinoSelect {
	display: block;
	background: url(images/sideMenu_merino_select.png) no-repeat;
	width: 141px;
	height: 27px;
	text-indent: -1000px;
}

#sideCotton {
	display: block;
	background: url(images/sideMenu_cotton.png) no-repeat 0px 0px;
	width: 138px;
	height: 30px;
}

#sideCotton:hover {
	background: url(images/sideMenu_cotton.png) no-repeat -138px 0px;
}

#sideCottonSelect {
	display: block;
	background: url(images/sideMenu_cotton_select.png) no-repeat;
	width: 138px;
	height: 27px;
	text-indent: -1000px;
}

#sideEco {
	display: block;
	background: url(images/sideMenu_eco.png) no-repeat 0px 0px;
	width: 88px;
	height: 30px;
}

#sideEco:hover {
	background: url(images/sideMenu_eco.png) no-repeat -88px 0px;
}

#sideEcoSelect {
	display: block;
	background: url(images/sideMenu_eco_select.png) no-repeat;
	width: 88px;
	height: 27px;
	text-indent: -1000px;
}

#sidePure {
	display: block;
	background: url(images/sideMenu_pure.png) no-repeat 0px 0px;
	width: 151px;
	height: 30px;
}

#sidePure:hover {
	background: url(images/sideMenu_pure.png) no-repeat -151px 0px;
}

#sidePureSelect {
	display: block;
	background: url(images/sideMenu_pure_select.png) no-repeat;
	width: 151px;
	height: 27px;
	text-indent: -1000px;
}

#sideAdvertising {
	display: block;
	background: url(images/sideMenu_advertising.png) no-repeat 0px 0px;
	width: 131px;
	height: 30px;
}

#sideAdvertising:hover {
	background: url(images/sideMenu_advertising.png) no-repeat -131px 0px;
}

#sideAdvertisingSelect {
	display: block;
	background: url(images/sideMenu_advertising.png) no-repeat -131px 0px;
	width: 131px;
	height: 30px;
	text-indent: -1000px;
}

#sidePress {
	display: block;
	background: url(images/sideMenu_press.png) no-repeat 0px 0px;
	width: 100px;
	height: 30px;
}

#sidePress:hover {
	background: url(images/sideMenu_press.png) no-repeat -100px 0px;
}

#sidePressSelect {
	display: block;
	background: url(images/sideMenu_press.png) no-repeat -100px 0px;
	width: 100px;
	height: 30px;
	text-indent: -1000px;
}

#sideEvents {
	display: block;
	background: url(images/sideMenu_events.png) no-repeat 0px 0px;
	width: 104px;
	height: 30px;
}

#sideEvents:hover {
	background: url(images/sideMenu_events.png) no-repeat -104px 0px;
}

#sideEventsSelect {
	display: block;
	background: url(images/sideMenu_events.png) no-repeat -104px 0px;
	width: 104px;
	height: 30px;
	text-indent: -1000px;
}

#sideTestimonials {
	display: block;
	background: url(images/sideMenu_testimonials.png) no-repeat 0px 0px;
	width: 137px;
	height: 30px;
}

#sideTestimonials:hover {
	background: url(images/sideMenu_testimonials.png) no-repeat -137px 0px;
}

#sideTestimonialsSelect {
	display: block;
	background: url(images/sideMenu_testimonials.png) no-repeat -137px 0px;
	width: 137px;
	height: 30px;
	text-indent: -1000px;
}

#sideProcess {
	display: block;
	background: url(images/sideMenu_process.png) no-repeat 0px 0px;
	width: 113px;
	height: 30px;
	text-indent: -1000px;
}

#sideProcess:hover {
	background: url(images/sideMenu_process.png) no-repeat -113px 0px;
}

#sideProcessSelect {
	display: block;
	background: url(images/sideMenu_process_roll.png) no-repeat;
	width: 113px;
	height: 30px;
	text-indent: -1000px;
}

#sideFacilities {
	display: block;
	background: url(images/sideMenu_facilities.png) no-repeat 0px 0px;
	width: 118px;
	height: 30px;
	text-indent: -1000px;
}

#sideFacilities:hover {
	background: url(images/sideMenu_facilities.png) no-repeat -118px 0px;
}

#sideFacilitiesSelect {
	display: block;
	background: url(images/sideMenu_facilities_select.png) no-repeat;
	width: 118px;
	height: 27px;
	text-indent: -1000px;
}

#sideSales {
	display: block;
	background: url(images/sideMenu_sales.png) no-repeat 0px 0px;
	width: 98px;
	height: 30px;
	text-indent: -1000px;
}

#sideSales:hover {
	background: url(images/sideMenu_sales.png) no-repeat -98px 0px;
}

#sideSalesSelect {
	display: block;
	background: url(images/sideMenu_sales_select.png) no-repeat;
	width: 98px;
	height: 30px;
	text-indent: -1000px;
}

#sideCustomerService {
	display: block;
	background: url(images/sideMenu_customerService.png) no-repeat 0px 0px;
	width: 163px;
	height: 30px;
	text-indent: -1000px;
}

#sideCustomerService:hover {
	background: url(images/sideMenu_customerService.png) no-repeat -163px 0px;
}

#sideCustomerServiceSelect {
	display: block;
	background: url(images/sideMenu_customerService_select.png) no-repeat;
	width: 163px;
	height: 30px;
	text-indent: -1000px;
}

.notch {
	padding: 0 0 0 69px;
	height: 18px;
	background: url(images/sideMenu_notch.png) no-repeat left;
	font: normal normal 800 .7em Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	overflow: hidden;
}

.notch a {
	text-decoration: none;
	color: #999999;
}

.endNotch {
	padding: 0 0 0 69px;
	height: 18px;
	background: url(images/sideMenu_endNotch.png) no-repeat left;
	font: normal normal 800 .7em Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
}

.endNotch a {
	text-decoration: none;
	color: #999999;
}

#pullquote {
	padding: 0 0 15px 0;
}

.content {
	float: left;
	text-align: left;
	width: 400px;
}

.wideContent {
	float: left;
	text-align: left;
	width: 600px;
}

.content h1 {
	padding: 0 0 20px 0;
}

.content p {
	padding: 0 0 10px 0;
}

.content a {
	color: #D52B1E;;
}

.content ul {
	font: normal normal 800 .8em Arial, Verdana, Helvetica, sans-serif;
	padding: 0 0 10px 17px;
}

#homeHeadline {
	background: url(images/home_headline.png) no-repeat;
}

#productsHeadline {
	background: url(images/product_headline.png) no-repeat;
}

#merinoHeadline {
	background: url(products/images/primaloft_merino_headline.png) no-repeat;
}

#cottonHeadline {
	background: url(products/images/primaloft_cotton_headline.png) no-repeat;
}

#ecoHeadline {
	background: url(products/images/primaloft_eco_headline.png) no-repeat;
}

#pureHeadline {
	background: url(products/images/primaloft_pure_headline.png) no-repeat;
}

#processHeadline {
	background: url(images/process_headline.png) no-repeat;
}

#distributionHeadline {
	background: url(images/distribution_headline.png) no-repeat;
}

#productSpace {
	float:left;
	margin:10px 10px 0 10px;
}

#sliverPic {
	float: left;
	padding: 0px 10px 0 0;
}

.swatches {
	float: left;
	padding: 10px 15px 0 15px;
	width: 50px;
	text-align: center;
}

.swatches p {
	font: normal normal 900 .6em Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 0 10px 0;
}

.swatches a {
	cursor: crosshair;
}

.contentBottom {
	padding:20px 0 0 0;
	clear:both;
}

.contentBottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.contentBottom p {
	font: normal normal 900 .75em Arial, Verdana, Helvetica, sans-serif;
}

.ad {
	width: 170px;
	float: left;
	margin: 0 20px 15px 0;
}

.adPubs {
	margin: 10px 0 0;
	height: 40px;
}

.pressLine {
	width: 400px;
	height: 2.1em;
	clear: both;
}

.pressDate {
	float: left;
	width: 90px;
}

.pressBlurb {
	float: right;
	width: 300px;
}

#distributionMap {
	padding: 0 0 20px 0;
}

.testImg {
	padding: 0 10px 0 0;
	text-decoration: none;
	position: relative;
}

.testImg span {
	display: none;
	/** border: thick #FFFFFF solid; **/
	z-index: 200;
	padding: 10px;
	background: url(images/testimonials/testimonial_frame.png) no-repeat;
}

.testImg:hover span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.address {
	float: left;
	width: 180px;
	padding: 0 20px 15px 0;
}

.address p {
	font: normal normal 400 .75em Arial, Verdana, Helvetica, sans-serif;
}

.subContent {
	float: right;
	width: 190px;
	padding: 0 0 0 10px;
}

.subContent p {
	padding: 0 10px 0 0;
}

.subImage {
	padding: 0 0 5px 0;
}

.specList {
	padding:2px 0 15px 16px;
	font:normal normal 700 .8em Arial, Verdana, Helvetica, sans-serif;
}

.footer, .push {
	height: 35px; /* .push must be the same height as .footer */
	clear: both;
}

.footer {
	position: relative;
	width: 1020px;
	margin: 0 auto;
	background: url(images/background.png) repeat-y;
}

.footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	text-align: center;
	padding: 0;
	width: 1020px;
	font: normal normal 400 .6em Arial, Verdana, Helvetica, sans-serif;
}