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

body {margin:0px; padding:0px;}
a img {border:none; border:0px;}

#mast  {width:1000px; height:60px; margin-left:auto; margin-right:auto; margin-top:40px;}
#logo  {width:291px; height:60px; float:left; clear:left;}
#navigation  {width:750px; height:60px; float:right; clear:none; line-height:60px; font-size:16px; font-weight:bold;}
#centered  {width:1000px; height:auto; margin-left:auto; margin-right:auto;}
#page-band {width:100%; height:500px; float:left; clear:left; background-color:#dfe4ef;}
#page-header {width:1000px; height:500px; margin-left:auto; margin-right:auto; background-color:#dfe4ef;}
#navigation {list-style-type:none; list-style-position:outside; float:right; margin-top:-60px;}
#navigation li {display:block; overflow:hidden; padding:19px 15px 19px 15px; cursor:pointer; float:right; margin-right:2px; font-weight:normal; font-size:13px; text-align:right; background-color:#FFF; color:#0e4b7a; transition:ease-in-out;}
#navigation li:hover {color:#FFF; transition-duration:0.3s; background-color:#0e4b7a;}


h1, h2, h3, h3, h4, p, p.leader, li, ul, ol {font-family: Helvetica, Arial, sans-serif; font-weight:normal;}
h1 {font-size:36px; color:#222;}
h2 {font-size:21px; color:#222;}
h3 {font-size:18px; color:#222;}
h4 {font-size:14px; color:#222;}

h2 span {color:#BBB;}
p, ul, ol, li {font-size:16px; color:#767676; line-height:24px;}
p.leader {font-size:18px; color:#767676;}

.ft:link  		{color:#0e4b7a;}
.ft:visited 	{color:#0e4b7a;}
.ft:hover 		{color:#0e4b7a;}
.ft:active  	{color:#0e4b7a;}

.clear {clear:both}
.blurb {width:250px; height:440px; float:right; clear:right; padding:30px 30px 30px 30px; position:absolute; z-index:2; margin-left:690px; background-color:#0e4b7a;}
.blurb h3 {color:#FFF;}
.blurb p {color:#FFF; font-size:14px;}

#page-title-container {width:680px; height:auto; float:left; clear:left; padding-right:320px; padding-bottom:20px; border-bottom:1px solid #EEE; margin-bottom:20px;}

#left-col {width:700px; height:auto; float:left; clear:left; padding-bottom:200px;}
#right-col {width: 250px; height:auto; float:left;	clear:none;	padding-top: 20px;}
.right-box {width:250px; height:175px; float:left; clear:left; background-color:#f8f8f8; margin-bottom:20px;}
.right-tall-box {width:250px; height:565px; float:left; clear:left; background-color:#f2f2f2; margin-bottom:20px;}

.section-title {width:1000px; height:auto; font-size:21px; color:#222; float:left; clear:both; padding:20px 0px 20px 0px; border-bottom:1px solid #EEE; margin-bottom:40px;}
.section {width:1000px; height:auto; margin-bottom:40px; float:left; clear:left;}


#product-col {width:1000px; height:auto; float:left; clear:none; padding-bottom:200px;}
.product {width:470px; height:650px; float:left; clear:none;}
.product:nth-child(even) {float:right; clear:right;}
.break {width:1000px; height:auto; padding:40px 0 40px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:40px; float:left; clear:both; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:24px; color:#ddd;}

.color-sample     {width:412px; height:172px; margin-right:40px; margin-bottom:40px; float:left; clear:none;}
.color-sample-img {width:412px; height:152px; background-color:#CCC;}

.literature-container    {width:155px; height:350px; float:left; clear:none; margin:20px 40px 40px 0px;}
.literature-thumb        {width:155px; height:271px; float:left; clear:left; border-bottom:2px solid #999; margin-bottom:10px;}
.literature-container h1 {font-size:16px;}
.file-size               {font-size:9px; font-style:oblique;}
.literature-container:hover .literature-thumb {border-bottom:2px solid #111;}

.component-container   	{width:800px; height:180px; float:left; clear:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #EEE;}
.component-img		   	{width:180px; height:180px; float:left; clear:none; margin-right:20px;}
.component-description 	{width:400px; height:180px; float:left; clear:none; margin-right:20px;}
.physics			   	{width:180px; height:150px; float:left; clear:none; margin-right:0px; padding-top:50px; font-size:14px; color:#767676; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.component-container h1 {font-size:18px;}
.component-container p  {font-size:16px;}


.distributor {width:300px; height:400px; float:left; clear:none; padding-right:40px;}


.video-container {width:420px; height:500px; margin-right:40px; float:left; clear:none;}

#location-col {width:1000px; height:auto; float:left; clear:none; padding-bottom:200px;}
.location {width:220px; height:620px; float:left; clear:none; margin-right:40px;}
.location:nth-child(4) {margin-right:0px;}

.section-img {width:680px; height:250px; float:left; clear:left; background-color:#f2f2f2; margin:40px 0 20px 0;}
.product-img {width:470px; height:250px; float:left; clear:left; background-color:#f2f2f2; margin:20px 20px 20px 0;}
.location-img {width:220px; height:100px; float:left; clear:left; background-color:#f2f2f2; margin:20px 20px 20px 0;}

a.more:link 	{font-size:10px; background-color:#111; border:solid #111 1px; border-radius:3px; padding:3px 7px 3px 7px; margin-left:0px; color:#FFF; letter-spacing:.2em; text-decoration:none; white-space:nowrap;}
a.more:visited 	{font-size:10px; background-color:#111; border:solid #111 1px; border-radius:3px; padding:3px; margin-left:10px; color:#FFF; letter-spacing:.2em; text-decoration:none;}
a.more:hover 	{background-color:#09C; border-color:#09C;}

#feature-box-container {width:1000px; height:120px; margin:20px 0px 20px 0px; margin-left:auto; margin-right:auto; clear:both;}
.featured-item  {width:235px; height:120px; margin-right:20px; background-color:#a7958b; float:left; clear:none;}
.featured-item:nth-child(4) {margin-right:0px;}

.file-bar-header {width:996px; height:30px; padding:4px 4px 0px 0px; font-size:21px; background-color:#fff; float:left; clear:none; margin:40px 0px 20px 0px; border-bottom:1px solid #EEE;}

.file-bar {width:996px; height:20px; padding:4px 0px 4px 4px; font-size:11px; background-color:#f1f1f1; box-shadow:0pt 1px 3px rgba(34, 25, 25, 0.4); float:left; clear:none; margin:4px 0px 4px 0px;}
.file-bar:hover {box-shadow:0pt 1px 3px rgba(34, 25, 25, 0.7); background-color:#FFF;}
.name {font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:16px; text-decoration:none; font-weight:normal; float:left; clear:left; padding:3px 0px 0px 10px;}
.pdf, .dwg, .zip, .xls {width:120px; height:17px; font-size:13px; padding:7px 4px 4px 28px; float:right; clear:none; display:block; margin-top:-4px; line-height:14px; border-left:1px dotted #CCC;}
.pdf:hover {background-image:url(i/pdf-icon.png); background-color:#FCC7C7; color:#000;}
.dwg:hover {background-image:url(i/dwg-icon.png); background-color:#CBE6FA; color:#000;}
.xls:hover {background-image:url(i/xls-icon.png); background-color:#B1DAB9; color:#000;}
.pdf {background-image:url(i/pdf-icon-off.png); background-repeat:no-repeat; background-position:8px center;}
.dwg {background-image:url(i/dwg-icon-off.png); background-repeat:no-repeat; background-position:8px center;}
.xls {background-image:url(i/xls-icon-off.png); background-repeat:no-repeat; background-position:8px center;}
.pdf {color:#777}
.dwg {color:#777}
.xls {color:#777}
.na {width:120px; height:17px; font-size:13px; padding:7px 4px 4px 28px; float:right; clear:none; display:block; margin-top:-4px; line-height:14px; border-left:1px dotted #CCC;}



#footer  {width:1000px; height:80px; float:left; clear:left; padding-bottom:80px; padding-top:40px;}
#family {padding:40px 0 40px 0; border-top:1px solid #eee;}

#copyright {font-size:11px; font-family:Helvetica, Arial, sans-serif; font-weight:300; border-top:5px solid #EEE; width:1000px; height:auto; margin-left:auto; margin-right:auto; padding-top:0px;}
#copyright p {font-size:11px; font-family:Helvetica, Arial, sans-serif; font-weight:300;}
#footer p a:link 	{color:#767676;}
#footer p a:visited {color:#767676;}
#footer p a:hover 	{color:#222;}
#footer p a:active 	{color:#767676;}