body
{
	margin:0;
	padding:7px 0 30px 0; 
	font-size:62.5%;
	font-family: verdana, arial, helvetica;
	color: #000;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 743px;
	display : table; 
}

#mainPlate
{
	float: left;
	text-align:left;
	width:743px;
	background-color:#fff;
}

#innerPlate
{
	float: left;
	text-align:left;
	width:723px;
	margin:9px 9px 9px 9px;
	border:1px solid #a7a7a7;
	background:url(images/innerBg.gif) repeat-y top left #F1EFEE;
}

#logoContainer
{
	background:url(images/top_bg.gif) no-repeat top left;
	height:87px;
}

#topImg
{
	background:url(images/topImg.gif) no-repeat top left;
	height:121px;
}

#employment
{
	position:absolute;
	top:52px;
	left:488px;
}

#content
{	
	height:100%;
	margin:0 0 5px 0;

}

#contentLftCol
{
	width:210px;
	float:left;
	margin:0;
	padding:25px 0 0 30px;

}

#contentLftCol ul
{
	font-family:verdana, arial;
	font-size:1.1em;
	line-height:1.7em;

	margin:0;
	padding:0 0 20px 0;
}

#contentLftCol ul li
{
	list-style-type:circle;
	list-style-position:outside;
	margin:5px 0px 0 20px;
}

#contentLftCol ul li a,
#contentLftCol ul li a:link,
#contentLftCol ul li a:visited,
#contentLftCol ul li a:hover,
#contentLftCol ul li a:active
{
	text-decoration:underline;
	color:#666;
	padding:0 0 0 0;
	display:inline;
}

#contentLftCol ul li a:hover
{
	text-decoration:underline;
	color:#000;
}

#contentLftCol ul a,
#contentLftCol ul a:link,
#contentLftCol ul a:visited,
#contentLftCol ul a:hover,
#contentLftCol ul a:active
{
	text-decoration:underline;
	color:#666;
	padding:0 0 0 0;
	display:inline;
}

#contentLftCol ul a:hover
{
	text-decoration:underline;
	color:#000;
}

#contentLftCol ul.composites
{
	padding:0 0 10px 0;
}

#contentRtCol
{
	width:420px;
	float:left;
	padding: 20px 30px 30px 30px;
	text-align:justify;
	margin: 10px 0 20px 0;
	border-left:2px solid #DFDCDA;

	font-family:verdana, arial;
	font-size:1.1em;
	line-height:1.7em;

}

#contentRtCol li
{
	list-style-type:circle;
	margin:5px 0 0 35px;
	line-height:1.4em;
}

#contentRtCol ul li a,
#contentRtCol ul li a:link,
#contentRtCol ul li a:visited,
#contentRtCol ul li a:hover,
#contentRtCol ul li a:active
{
	text-decoration:underline;
	color:#666;
	padding:0 0 0 0;
	display:inline;
}

#contentRtCol ul li a:hover
{
	text-decoration:underline;
	color:#000;
}

#contentCompare
{
	width:631px;
	float:left;
	padding:25px 35px 0 35px;
	margin:0;
}

#contentCompare ul
{
	font-family:verdana, arial;
	font-size:1.1em;
	line-height:1.7em;

	margin:0;
	padding:0 0 0 0;

}

#contentCompare ul li
{
	font-size:1.0em;
	line-height:1.4em;
	list-style:none;
	text-align:justify;
	padding:10px 0 0 0;
}

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

#compare table td
{
	font-family:verdana, arial;
	font-size:1.1em;
	line-height:1.5em;
}




#contentContact
{

	width:650px;
	height:100%;
	padding:25px 35px 0 35px;
	margin:0;

	font-family:verdana, arial;
	font-size:1.1em;
	line-height:1.7em;
}

#contentContact li
{
	font-size:1.0em;
	line-height:1.4em;
	list-style:none;
	text-align:justify;
	padding:10px 0 0 0;
}

#staff
{
	display:table;
	height:100%;
	padding:20px 0px 20px 20px;
	border: 2px solid #D6D6D6;
	background-color:#FCFAF9;
	margin-bottom:20px;

}

#staff_item
{
	float:left;
	padding:0 30px 40px 0;
}

#staff_name
{
	font-size:1.1em;
	font-weight:bold;
	color:#35488B;
}

#staff_title
{
	font-style:italic;
}

#staff div a:link,
#staff div a:visited,
#staff div a:hover,
#staff div a:active
{
	text-decoration:underline;
	color:#35488B;
}

#staff div a:hover
{
	text-decoration:none;
	color:#35488B;
}

#employmentItem
{
height:100%;

	padding:10px 10px 10px 20px;
	border: 2px solid #D6D6D6;
	background-color:#FCFAF9;
	margin-bottom:20px;
	text-align:left; 
}

#empJobTitle
{
	font-size:1.1em;
	font-weight:bold;
}

#employmentItem li
{
	list-style-type:circle;
	margin:5px 0 0 0;
	line-height:1.4em;
}

#empJobTitle
{
	
}

#colSpacer
{
	width:2px;
	height:280px;
	float:left;
	margin:2em 0 0 0;
	background-color:#DFDCDA;
}

#btmContainer
{
	background:url(images/btm_bg2.gif) repeat-x top left;
	height:5px;
}

#baseline
{
	background:url(images/baseline_bg.gif) no-repeat bottom;
 	height:50px;
	align:center;
	text-align:center;
	margin:0;
	padding:6px 0 10px 0;
	color:#666;
	line-height:1.7em;

	clear:both;
}

#baseline a,
#baseline a:link,
#baseline a:visited,
#baseline a:hover,
#baseline a:active
{
	text-decoration:none;
	color:#666;
	padding:0 0 0 0;
	display:inline;
}

#baseline a:hover
{
	text-decoration:overline;
}

#topnav
{
	margin-bottom:-5000px;
	height:27px;
	text-decoration:none;
	font-family:verdana, arial;
	font-size:1.1em;
}

#topnav ul
{
	margin:0;
	padding:7px 0 0 0;
	padding-left:0;
	list-style:none;
}

#topnav ul li
{
	float:left;
	padding:0;
	margin:0;
}

#topnav a,
#topnav a:link,
#topnav a:visited,
#topnav a:hover,
#topnav a:active
{
	text-decoration:none;
	color:#666666;
	padding:0 2em 0 1.6em;
	display:block;
	float:left;
}

#topnav a:hover
{
	text-decoration:none;
	color:#004B93;
}



/* Navigation */

#navigation
{
	background:url(images/nav_bg.gif) repeat-x top left;
	font-family:verdana, arial;
	font-size: 1.1em; 
	height:31px;
}

#navigation ul
{
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	width:700px;
}

#navigation ul li /*makes a list layout horizontaly*/
{
	float:left;
	position:relative;
	text-align:center;

	font-family:verdana, arial;
	line-height:31px;
	color:#fff;
}

#navigation .subNav
{
	display:none;
	position: absolute; 
	top: 23px;
	left: 5px;
	background-color:#F1EFEE;
	border: 1px solid #A7A7A7;
	width:100px;
	padding:5px 5px 5px 5px;
}

#navigation li > ul /*make sure we don't inherit positioning*/
{
	top: auto;
	left: auto;
}

#navigation li:hover ul, 
#navigation li.over ul 
{ 
	display: block;
}

#navigation .subNav li
{
	width:100%;
	text-align:left;
}

#navigation a:link,		/*main mavigation links*/
#navigation a:visited,
#navigation a:hover,
#navigation a:active
{
	font-family:verdana, arial;
	line-height:31px;
	margin:15px;
	text-decoration:none;
	color:#fff;
}

#navigation li:hover a:link, /*these keep the main anchor looking in "hover" state when the user is on a sub anchor"*/
#navigation li:hover a:visited, /*you cant trust the child selectors or pseudo classes in CSS IE yet */
#navigation li:hover a:hover,	/*so list them all to cover your butt*/
#navigation li:hover a:active,
#navigation li.over a:link,
#navigation li.over a:visited,
#navigation li.over a:hover,
#navigation li.over a:active,
#navigation a:hover,
{
	color:#C4D7E9;
}

#navigation li .subNav a:link,
#navigation li .subNav a:visited,
#navigation li .subNav a:hover,
#navigation li .subNav a:active
{
	color:#000;
	font-family:verdana, arial;
	line-height:31px;
	width:90px;
	margin:0;
	padding:0px 5px 0px 5px;
	display:block;
}

#navigation .subNav a:hover,
{
	color:#5F7286;
	background-color:#ccc;
}

#contentRtCol .ZebraTable,
{
	border:1px solid #D8D5D3;
}
#contentRtCol .ZebraTable,
#contentRtCol .ZebraTable .even,
#contentRtCol .ZebraTable .odd
{
	font-family: verdana, arial, helvetica; 
	font-size:0.95em; 
	color: #000; 
	padding:0.2em 0.2em 0.2em 0.6em;
	background-color:#F6F7F9;
}

#contentRtCol .ZebraTable .odd
{
	background-color:#fff;
}

#prodShapes_img
{
	padding:0 0 3px 8px;
}

#calls
{
	border: 1px solid #ccc;
	padding: 5px 5px 5px 5px;
	margin:25px 0 0 0;
	background-color:#F6F7F9;
	height:104px;
}

div.reqQuote
{
	height:28px;
	margin:0 0 0 0;
	padding:15px 0 0 30px;
	font-size:1.3em;
	font-weight:bold;
	color:#084F95;
	line-height:1.4em;
	float:left;
}

div.samples
{
	background:url(images/samples.gif) no-repeat top right;
	margin:0 30px 0 0;
	height:94px;
	width:100px;
	float:right;
}

.prodTable
{
	width:480px;
	align:left;
	padding:5px 5px 5px 5px;
}

.compare
{
	border:1px solid #D3D3D3;
	background-color:#FCFAF9;
	font-family:verdana, arial;
	font-size:0.9em;
	line-height:1.2em;
	text-align:left;
	width:650px;
	vertical-align:top;
	color:#5C5C5C;
	padding:0.6em;
}
.col1
{
	border-right:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
	font-family:verdana, arial;
	font-size:1.0em;
	line-height:1.2em;
	text-align:left;
	width:150px;
	vertical-align:top;
	padding:5px;
}
.col2
{
	border-right:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
	font-family:verdana, arial;
	font-size:1.0em;
	line-height:1.2em;
	text-align:left;
	width:250px;
	vertical-align:top;
	padding:5px;
}

.col3
{
	border-bottom:1px solid #D3D3D3;
	font-family:verdana, arial;
	font-size:1.0em;
	line-height:1.2em;
	text-align:left;
	width:250px;
	vertical-align:top;
	padding:5px;
}

.bigBoldBlack
{
	font-size:1.2em;
	font-weight:bold;
	color:#000000;
}

.big
{
	font-size:1.2em;
}

.bold
{
	font-weight:bold;
}

.bigBoldBlue
{
	font-size:1.2em;
	font-weight:bold;
	color:#005B88;
}

.center
{
	margin-left:auto;
	margin-right:auto;
}

/* photo gallery */
.contanerimages
{
	border:1px solid #bbb;
	margin:7px;
	padding:4px;
	background-color:#FFF;
	float: left;
}

.scrollmedia {
	float: left;
	width: 410px;
	margin: 0;
	padding: 0;
}