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

/*
BODY COPY: 
font-family: "acumin-pro-semi-condensed", sans-serif;
REGULAR=400
BOLD-700
INTRO PARAGRAPH: "droid-serif", serif;

HEADS, SUBHEADS & NAVIGATION: 
font-family: "acumin-pro-condensed",sans-serif;
REGULAR=400
BOLD=700
BLACK=800
*/


body {
	font-family: "acumin-pro-semi-condensed", sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	color: #8A8A8A;
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 100%;
	max-width: 1200px;
	display: block;
	border: 1px solid #BBBCC0;
}
a {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #636060;
	text-decoration: none;
}
a:hover {
	color: #AD1A27;
	text-decoration: underline;
}
a.redLink {
	color: #AD1A27;
}
.pipe {
	color: #AD1A27;
}

/* Header */
header {
	height: 404px;
	background: url(../subpageGFX/head1200-pumice-pozz.jpg) no-repeat left top;
	position: relative;
}
div.fatmobiHead625 {
	display: none;
}
div.mobiHead425 {
	display: none;
}
div.tabHead855 {
	display: none;
}

/* Sections */

section.mainContent {
	width: 60%;
	float: left;
	padding: 0;
	margin: 0 10px 0 48px;
}
section.mainContent .logo {
	float: right;
	margin: 10px 0 0 10px;
	padding: 0px;
}
section.rightContent {
	width: 30%;
	float: left;
	margin: 0 30px 0 0px;
	padding: 0;
}
section.rightContent aside.icontainer {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    margin: 20px 0px 10px 0px;
}
section.rightContent aside.icontainer iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #C2B598;
}
section.rightContent p {
	text-indent: 0px;
	padding: 0 0 0 0px;
}
section.rightContent a:hover, a:focus {
    text-transform: uppercase;
	text-decoration: none;
	padding: 2px 8px 2px 8px;
	margin: -2px 0px -2px -8px;
}
section.rightContent a.email:hover, a.email:focus  {
	color: #AD1A27;
	text-decoration: underline;
	background: none;
}
section.rightContent .pozzLogo {
	margin: 0 0 0 10px;
	padding: 0px;
}
h1 {
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 3em;
	line-height: 1em;
	font-weight: 800;
	color: #AD1A27;
	margin: 0;
}
h1 .thinHead {
	font-weight: 400;
}
h1 .softHead {
	font-weight: 400;
	color: #BFB294
}
h2 {
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 2em;
	line-height: 1em;
	font-weight: 700;
	color: #AD1A27;
	margin: 18px 0px 6px 0px;
	border-top: 1px solid #C2B598;
	padding-top: 6px;
}
h2 .softSub {
	font-weight: 400;
	color: #BFB294
}
h2 .thinHead {
	font-weight: 400;
}
h3 {
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 1.25em;
	line-height: 1.2em;
	font-weight: 700;
	color: #AD1A27;
	margin: 14px 0px 6px 0px;
}
h3 .softHead {
	font-weight: 400;
	color: #BFB294
}
p.babyHead {
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 1.2em;
	line-height: 1.1em;
	text-indent: 0px;
	font-weight: 800;
	color: #AD1A27;
	margin: 20px 0px 2px 0px;
}
p.babyHead .softHead {
	font-weight: 400;
	color: #BFB294
}

/* Body Copy */
p {
	text-indent: 20px;
	margin: 0px;	
	font-weight: 400;
}
p.paraOne {
	text-indent: 0px;
}
p.paraLead {
	font-family: "droid-serif", serif;
	text-indent: 0px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-style: italic;
	color: #BFB294;
	margin: 18px 0px;
}
p .more {
	font-size: .8em;
	line-height: 1.4em;
}
p.note {
	font-size: .9em;
	line-height: 1.4em;
	text-indent: 0px;
	margin-bottom: 4px;
	margin-left: -12px;
	border-left: solid 2px #BFB294;
	padding-left: 10px;
}

/* roll-down graphs */
section.mainContent img.icon {
    width: 32px;
	margin: 0px 0 -7px 8px;
	padding: 0px;
}
section.mainContent img.icon a:hover {
    background: none;
}
section.mainContent aside.expando {
	display: none;
    margin-top: 10px;
    margin: 10px 0 5px -3px;
    position: relative;
    z-index: 1;
}
section.mainContent aside.expando:target {
	display: block;
}

/* Asides - rightContent pieces */
aside {
	padding: 0px;
	line-height: 1.2em;
}
aside ul {
	padding: 0 0 0 0px;
	list-style-type: none;
	margin-top: 10px;
}
aside ul li {
	border-top: 1px solid #C2B39C;
	padding: 4px 0 4px 10px;
	font-size: .9em;
}
aside ul li.topper {
	border-top: 2px solid #c2b39c;
}
aside ul li.ender {
	border-bottom: 1px solid #c2b39c;
}
aside.contact {
	margin: 0 0 10px 20px;
}
aside.pageNav {
	margin: 0 0 10px 20px;
}
aside.downloads {
	margin: 0 0 10px 20px;
}
aside.imageStack img.sidebarImage {
	margin: 2px 0 2px 20px;
}
aside.imageStack img.sidebarImageBox {
	margin: 2px 0 2px 20px;
	border: solid 1px #999;
	width: 90%;
}
aside.imageStack img.sidebarImageBox2 {
	margin: 15px 0 2px 20px;
	border: solid 1px #999;
	width: 90%;
}
aside.imageStack img.sidebarImageBoxx {
	margin: 15px 0 2px 20px;
	width: 90%;
}
aside.imageStack p.sidebarCaption {
	margin: 2px 0 2px 20px;
	font-size: .9em;
	line-height: 1.2em;
	border-bottom: 1px solid #ccc;
	padding: 0 0 6px 0px;
}

/* Footer */
footer {
	margin: 10px 20px 48px 20px;
	line-height: 1.1em;
	width: 60%;
	clear: left;
}
footer a:hover {
	text-decoration: none;
	padding: 2px 8px 2px 8px;
	margin: 0px 0px 0px -8px;
    font-weight: bold;
}
footer a.email:hover  {
	color: #AD1A27;
	text-decoration: underline;
	background: none;
}
.footerHead {
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight: 800;
	color: #AD1A27;
	margin: 20px 0px 2px 0px;
}
img.footerPix {
	float: right;
	border-top: 1px solid #C2B39C;
	margin: 0px 10px 6px 10px;
    width: ;
}
footer ul {
	padding: 0 0 0 20px;
	list-style-type: none;
	margin-top: 10px;
}
footer ul li {
	border-top: 1px solid #C2B39C;
	padding: 4px 0 4px 10px;
	font-size: .9em;
}
footer ul li.ender {
	border-bottom: 1px solid #c2b39c;
}
footer ul li.topper {
	border-top: 2px solid #c2b39c;
}


/*MEDIA QUERIES*/  /*MEDIA QUERIES*/  /*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
	/*Section - MainContent*/
aside.imageStack img.sidebarImageBox {
	width: 95%;
}
aside.imageStack img.sidebarImageBox2 {
	width: 95%;
}
aside.imageStack img.sidebarImageBoxx {
	width: 95%;
}
}

@media screen and (max-width: 1000px) {
	/*Section - MainContent*/
section.mainContent {
	width: 56%;	
	margin: 0 10px 0 48px;
}
	
	/*Section-RightContent*/
section.rightContent {
	width: 30%;
	margin: 0 10px 0 10px;
}
aside.imageStack img.sidebarImageBox {
	width: 93%;
}
aside.imageStack img.sidebarImageBox2 {
	width: 93%;
}
aside.imageStack img.sidebarImageBoxx {
	width: 93%;
}
}

@media screen and (max-width: 855px) {
header {
	height: auto;
	background-image: none;
}
div.tabHead855 {
	display: block;
}
.squeezable {
	width: 100%;
}

	/*Section - MainContent*/
section.mainContent {
	width: 54%;	
	margin: 0 10px 0 48px;
}
section.mainContent .logo {
	width: 30%;
}
h1 {
	font-size: 2.8em;
	line-height: 1em;
}
	
	/*Section-RightContent*/
section.rightContent {
	width: 30%;
	margin: 0 10px 0 20px;
}
aside.imageStack img.sidebarImageBox {
	width: 92%;
}
aside.imageStack img.sidebarImageBox2 {
	width: 92%;
}
aside.imageStack img.sidebarImageBoxx {
	width: 92%;
}
}

@media screen and (max-width: 625px) {
	/* Header*/
header {
	height: auto;
	/*background-image: none;*/
}
div.tabHead855 {
	display: none;
}
div.fatmobiHead625 {
	display: block;
}
.squeezable {
	width: 100%;
}
	/*Sections*/
section.mainContent {
	width: 90%;	
	margin: 0 10px 0 34px;
}
h1 {
	font-size: 2.8em;
	line-height: 1em;
}
h2 {
	font-size: 1.8em;
	line-height: .8em;
}
section.rightContent {
	width: 90%;
	margin: 21px 10px 0 20px;
}
section.rightContent .pozzLogo {
	margin: 0 0 0 0px;
	padding: 0px;
}
p.babyHead {
	font-size: 1.3em;
	line-height: 1.2em;
}

	/*Asides*/
aside.pageNav {
	display: none;
}
aside.contact {
	margin: 0 0 10px 10px;
}
aside.downloads {
	margin: 0 0 10px 10px;
}
aside.imageStack {
	display: none;
}
aside ul li {
	border-top: 1px solid #C2B39C;
	padding: 8px 0 8px 10px;
	font-size: .9em;
}
footer {
	margin: 10px 20px 48px 20px;
	line-height: 1.1em;
	width: 90%;
	clear: left;
}
.footerHead {
	margin: 20px 0px 2px 0px;
	font-size: 1.3em;
	line-height: 1.2em;
}
footer ul li {
	border-top: 1px solid #C2B39C;
	padding: 8px 0 8px 10px;
	font-size: .9em;
}
}

@media screen and (max-width: 425px) {
	/* Header*/
header {
	height: auto;
	/*background-image: none;*/
}
div.fatmobiHead625 {
	display: none;
}
div.mobiHead425 {
	display: block;
}
.squeezable {
	width: 100%;
}

/*Sections*/
section.mainContent {
	width: 90%;	
	margin: 0 10px 0 34px;
}
section.mainContent .logo {
	width: 30%;
	margin-right: 15px;
}
h1, h2, p { 
	margin-right: 15px;
}
h1 {
	font-size: 2.5em;
	line-height: 1em;
}
h2 {
	font-size: 1.6em;
	line-height: .9em;
}
p.babyHead {
	font-size: 1.2em;
	line-height: 1em;
}
p.footerHead {
	font-size: 1.2em;
	line-height: 1em;
}
section.rightContent {
	width: 90%;
	margin: 21px 10px 0 20px;
}
img.footerPix {
	display: none;
}
}

