/*  GLOBAL --------------------------------------------------------------*/
a {text-decoration: none}
ABBR {letter-spacing:0.1em}


/*  Layout --------------------------------------------------------------*/
body {background: url(../images/backgrounds/image033.jpg) no-repeat 50% fixed;}

h1, h2, h3, h4 {margin: 0}
h1 {font: 5em/1.45 Arial;letter-spacing: -.04em;}
h2 {font: bold 2.5em/1.44 Arial;margin-top: .72em}
h3 {font: bold 1.8em/1 Arial;}
h4 {font: bold 1.2em/1.5 Arial;}
p {
	font: normal 1.4em/1.2857 Arial;
	margin: 1.2857em 0 0;
}
	
h1 span {font: normal .6em/1 Arial;letter-spacing: normal;display: block;margin-top: .125em}
h1 sup,
h2 sup {font-size: .5em;vertical-align: top;margin-left: -.125em}
sup.charmap {font-size: .6em;vertical-align: top}	

table {font-size: 1.4em;margin: 1.2857em auto;width: 100%}
table td {text-align: center}
table td,
table th {border: 1px solid;padding: .2em}

img.decoration {position: absolute;display: block;}
.hidden {display: none} 
.float_l {float: left}
img.right {float: right;margin-left: 1.2857em}
img.left {float: left;margin-right: 1.2857em}

/*  columns */
.two_column,
.three_column,
.four_column,
.six_column {overflow: hidden}

.column {position: relative;padding-bottom: 7.2em;/* allows for Learn More button*/float: left;}
.two_column .column {width: 49.7%;min-height: 6em;}
.three_column .column {width: 32.8%;}
.four_column .column {width: 24.8%;}
.six_column .column {width: 16.5%;}
.no_button .column {padding-bottom: 0}

.column img {display: block;margin: 0 auto}
.column ul,
.column p {margin: 1.2857em 1.5em 1.2857em 0;font: normal 1.4em/1.2857 Arial;}
.column p:first-child {margin-top: 0;}
.column img {
	display: block;
	margin-bottom: 1.2857em;
	max-width: 100%;
	border: 1px solid #ccc;
	padding: 3px;
}


/*  #page --------------------------------------------------------------*/
#page {padding-bottom: 2em}
#head, #main, #foot {position: relative;}

/*  #head --------------------------------------------------------------*/
#head {z-index: 100}
#head #logo {margin: 2em 2em 2em 5em; height: 80px;}
#head img.decoration.graphic {bottom: 0;z-index: 0;height: 3em;width: 100%;background: #201b6d url(../images/logo_graphic_matt.gif) no-repeat left bottom;}


/*  #main --------------------------------------------------------------*/
#main {padding: 1.8em 1em;z-index: 50;width: 94em;margin: 0 auto;}

/*  #foot --------------------------------------------------------------*/
#foot {height: 160px;margin-top: 5em;min-width: 96em;}
#foot img.decoration.graphic {bottom: 1em;right: .5em;z-index: 1;}
#foot img.decoration.background {width: 100%;height: 100%;background: #fff;opacity: .4;filter:alpha(opacity=40);z-index: 0;}


/*  Page Navigation ---------------------------------------*/
	/*  Suckerfish Defaults -*/
	.nav, 
	.nav ul {padding: 0;margin: 0;list-style: none;line-height: 1;overflow: hidden}
	.nav ul, .nav li, 0.nav a {width: 10em;}
	.nav a {display: block;}
	.nav li {float: left;}
	/*  Page Navigation */
	#page .nav li a {font: normal 1.7em/1.7647 Geneva, sans-serif;}
	#page .nav ul {width: 100%;}

	/*  Header Navigation */
	#head .nav {width: 96em;z-index: 20;position: relative;margin: 1em auto 0;display: block;padding: 0;overflow: visible;}
	#head .nav li {width: 24em}
	#head .nav li a {color: #fff;text-indent: .769em;text-transform: capitalize;text-align: center;background: #201b6d;}
	#head .nav li li {width: 100%;}
	#head .nav li li a {font: normal 1em/2 Geneva, sans-serif;width: 100%;margin-left: 0;background: none;color: #000;text-transform: none;text-align: left;}
	#head .nav li li a:hover {background: #eee}
	#head .nav li li a {border: none}

	#head .nav li div {position: absolute;background: #fff;left: -999em;height: 26em;width: 24em;border: 1px solid #666;border-width: 0 1px 1px}
	#head .nav li:hover div {left: auto;}
	#head .nav li.sfhover div {left: auto;}
	#head .nav li div ul {position: relative;width: 100%;background:none;z-index: 2;padding-top: 1em}

	#head .nav li img,
	#head .nav li iframe {
		position: absolute;
		z-index: 0;
		width: 100%;
		background: #fff;
	}
	#head .nav li img {position: absolute;bottom: 0;max-width: 100%;width: 100%}
	/*  Footer Navigation */
	#foot .nav {position: absolute;bottom: 1em;z-index: 2;}
	#foot .nav li {width: auto;padding-left: 5em;}
	#foot .nav li a {font: 2em/1.5 Geneva, sans-serif;color: #fff;padding: 0 ;text-transform: uppercase;letter-spacing: .015em;}
/*  Page Navigation ---------------------------------------*/




/*   GLOBAL decoration ---------------------------------------*/
body {background-color: #333;}
#head {background: #fff;}
#main {background: #fff;}
#foot {margin-top: 1em;height: 10.5em;}

/* HEAD */
#head #logo {margin-bottom: .5em}

/* FOOT */
#foot .decoration.graphic {height: 12em}
#foot .nav li a {font-size: 1.2em}
#foot #copyright {position: absolute;color: #000;font-weight: bold;bottom: 0;right: 1em;font-size: .8em;}

/* MAIN */
#main_background_glass {
	background: #fff;
   	opacity: .3; 
	filter: alpha(opacity=30);
	border: 0 solid #fff;
	border-width: 0 1.5em .5em 0;
	position: absolute;
	top: -1.8em;left: -1em;
	z-index: 0;
	width: 100%;
	height: 100%;
	padding: 1.8em 1em;
}
.container {position: relative;}

.section {padding: 1em;z-index: 1;position: relative;overflow: hidden}
.section.hd {margin: 0;padding: 0 1em;}
.section.bd {margin: 0;padding-top: 0}
.section.ft {padding: 1.8em 1.2em 1.1em 1em;}
.section .section {padding: 0;}
.section a {color: #00529c}
.section a:hover {text-decoration: underline}

.two_column,
.three_column,
.four_column,
.six_column {margin: 1.8em 0 0;}
.column h2 {margin-top: 0}


.section.product {
    padding: 0;
    color: #fff;position: relative;overflow: hidden;
    background: /*#2D2691*/#fff;
    border: 1px solid #eee;
    }
.section.product a {background: #54B247}
.section.product h1 {font: 5em/1 Arial;padding: 0 0 .25em;text-indent: -.125em;}
.section.product h1 span {font: bold italic .3em/1 Arial, Helvetica, sans-serif;letter-spacing: normal;display: block;text-indent: .0125em;margin-top: .125em}
.section.product ul,
.section.product p {margin-top: 1.25em;font: bold 1.5em/1.25 Arial;}
.section.product img {position: absolute;left: 0;top: 0;z-index: 0;}
.section.product img.background {position: relative;margin-bottom: -1px;float: right}
.section.product img.background.alt {margin: .5em 6em .5em 0}
.section.product .content {position: absolute;height: 100%;z-index: 1;width: 40.9em;padding: 1.5em 3em 4em;}
.section.product .content * {position: relative;color: #fff;}
.section.product .content img.decoration {
	background: #000;
	position: absolute;top: 0;left: 0;
	height: 100%;width: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
}	
.section.product .content.full {width: 100%}
.section.product .content.wide {width: 55%;}	
.section.product .content.alt {width: 60%;}	
.section.product.short .content img.decoration {height: 25em;}
.section.product.short .content.green img.decoration,
.section.product.short .content.planet img.decoration,
.section.product.short .content.community img.decoration {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.section.product.short .content.green img.decoration {background-color: #6FB43F;}
.section.product.short .content.planet img.decoration {background-color: #00AEEF;}
.section.product.short .content.community img.decoration {background-color: #00529c;}
.section.product p.ext {margin: 0;font-weight: bold;font-size: 2.5em;}

/* BUTTONS */
.button {overflow: hidden;font: 1em/1 Arial}
.button a {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: auto;
	font: normal 1.5em/1 arial;
	text-align: left;
	padding: .35em 1.5em;
	border: 1px solid #fff;
	background: #ddd url(../images/graphics/gradient_a8d411.png) repeat-x 0 -80px;
	color: #2B296E;
}
.button a:hover {text-decoration: none}
.button a sub {display: block;font-size: .5em;}
.button a em {
	font: bold 2.5em/.75 arial;
	position: absolute;
	top: 0;
	left: .2em;
	color: rgba(0,0,0,.4);
	//color: #999;
}
.button a em img {border: none;vertical-align: middle}
.button.ext {position: absolute;bottom: 0;left: 0;right: 0;}
.button.ext a {margin: 0 auto;float: none;width: 6em;}
/* BUTTON varieties */
.button a.back,
.button a.contact {
	background-image: none;
	font-size: 2em;
	padding-left: 2.4em;
	color: #111;background-color: #bbb;
}
.button a.download {
	float: right;
	margin: 0 1.2875em;
	color: #135;
	background: #fafafa;
	font-size: 1.4em;
	width: 5.42em;
	z-index: 2;
border: 1px solid #eee;
}

.button a.download img {display: block;margin-bottom: 0;border: 0;width: auto;border: 1px solid #666;}
.button a.download.larger {width: auto;}
.button a.small {
	position: relative;
	font-size: 1em;padding: .5em 1em;
	padding-left: 2.4em;
	font-weight: bold;white-space: nowrap;
}
.button a.small sub {display: none}
.button a.learn {z-index: 1}
.button a.learn sub {white-space: nowrap}

#main .button a.contact em img {border: 0;}
span.button.ext {position: relative}
span.button.ext a {display: block;margin: .5em 0}

/* PRODUCT & TextraFINE pages */
.downloads {margin-top: 0}
.downloads img {margin: .25em .5em 0 0;float: left;padding: 0;border: none}
.downloads li {clear: both;}
.downloads li a {font: 1.4285em/1.8 Arial;color: #333}
.downloads li a sub {font-size: .5em}
.product_details {margin-top: 0}
.product_details li {list-style: outside disc;margin: 0.6442835em 1em;}

/* P varieties */
.promo {
	font: bold 2.5em/1.44 Arial;
	color: #00529c;
	padding: 0;
	text-align: center;
}
.footnotes { 
    font: normal 1.2em/1.2857 Arial;
	color: #f00; 
}

/* LIST */
.list {font: normal 1.4em/1.2857 Arial;margin: 1.2857em 0 1.2857em 0;}
.list ul {list-style: outside disc;margin-left: 2em;}
.list h2 {font-size: 1em}
.list.alt {font-size: 1em;}
.list.alt ul {margin-top: .6428em}
.list.alt li.first {list-style: none;margin-left: -1em;font-style:italic;margin-top: .6em}

ol.list {list-style: outside decimal;margin-left: 2em;}
.column.list h3 {font-size: 1.5em;margin-bottom: 0;color: #00529c}
.column.list ul {margin-top: 0}
.column .column .list {font-size: .7em}

/* Product page w/ r-values */
.column .images {margin-top: 3em;}
.column .images img {border: none;}
.column img.disc {float: left;margin: 0 2%;} /* TextraSOFT pages */

.image img {display: block;margin-bottom: 0;width: 100%}
.image em {font-size: .84em}
.section img.alternate {width: auto}

.r_values img {margin: 0 .5em;}
.r_values {overflow: hidden;text-align: center;margin-top: 1em;display: block}


/*  INDEX page code ---------------------------------------*/
#index {min-height: 200px}
#index #selling_point {width: 100%;height: 400px}


/*  Rounded corner code ---------------------------------------*/

#main,
#main_background_glass {
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
.button a {
	border-radius:.25em;
	-moz-border-radius: .25em;
}
#head .nav li div {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .7);
}
/*
#main {background: #fff url(../images/lines_18px.png) repeat 0 2px;}
h1 {background-color: rgba(0,0,0, .4);}
h2 {background-color: rgba(0,0,0, .4);}
h3 {background-color: rgba(0,0,0, .4);}
p {background-color: rgba(0,0,0, .2);}
.column {background-color: rgba(0,0,0, .2);}
.section img {background-color: rgba(0,255,0, .2);}
.section.hd {background-color: rgba(255,0,0, .3);}
.section.bd {background-color: rgba(255,0,0, .05);}
.section.ft {background-color: rgba(255,0,0, .3);}

.two_column,
.three_column,
.four_column,
.six_column {background-color: rgba(255,0,0, .4);}

*/