/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
#aaic {
	padding-left: 400px;
	padding-bottom: 20px;
}
body {
	background-color: #666666;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */

h1 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding: 5px 0px 5px 5px;
}
#wrapper #banner h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #C00;
	text-align: center;
	text-indent: 20px;
}

#wrapper #banner a {
	font-size:18px;
}
	
#galleryHead {
	float: left;
	height: 20px;
	width: 300px;
	padding: 5px 0px 10px 100px;
}
#wrapper #headline a  {
	font-size: 24px;
	color:#F00;
	text-align:center;
	padding: 10px;
}
/* Commonly used to style section titles. */
h2 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding-bottom: 5px;
	text-align: left;
}
ol {
	padding-top: 0px;
	margin-top: 0px;
}

ul {
  list-style-position: outside;
  }
  
li {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-indent: 0px;
}
#navigation {
	float: left;
	width: 1000px;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background: #84ABD5;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	font-size: 12px;
}
#wrapper #headerHome #quality {
	float: left;
	width: 260px;
	color: #999;
	font-size: 24px;
	padding-top: 51px;
	padding-bottom: 10px;
	padding-left: 0px;
}
/* Sets the style for unvisited links. */
#navigation a  ,a:link {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	margin-left: 5px;
	padding: 0px 0px 5px 0px;
}
/* Sets the style for visited links. */
#navigation a:visited {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
/* Sets the style for links on mouseover. */
#navigation a:hover {
	color: #000000;
	/*border-bottom: solid #666 2px;*/
	padding: 7px 0px 7px 0px;
	background-repeat: no-repeat;
	border-bottom: solid #FFF 1px;
	border-top: solid #FFF 1px;
}
/* Sets the style for a link that is being activated/clicked. */
#navigation a:active {
	color: #90B8DF;
}

a:hover {
	text-decoration:underline;
}
a:visited {
	color:#C30;
	font-weight: normal;
	text-decoration: none;
	padding-left: 3px;
}
#wrapper {
	margin: 20px auto 0 auto;
	width: 1000px;
	background-color: #FFFFFF;
	text-align: left; /* Redefines the text alignment defined by the body element. */
	position: relative;
}

#contentWrapper {
	overflow: hidden;
	clear: both;
}

#wrapper #contentWrapper #rightColumn1 {
	background-color: #ebebeb;
	border-left: solid 1px #666666; /* Sets the left border properties for an element using shorthand notation */
	float: right;
	padding: 10px 10px 3000px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 14em;
	height: 600px;
	margin-bottom: -3000px;
}
#wrapper #contentWrapper #leftColumn1 {
	background-color: #ebebeb;
	border-right: solid 1px #666666; /* Sets the right border properties for an element using shorthand notation */
	float: left;
	padding: 10px 10px 3000px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 14em;
	height: 100%;
	margin-bottom: -3000px;
}
#wrapper #newsBlockRight .newsBox .movie {
	padding-top: 8px;
}
#wrapper #contentWrapper #leftColumnContact {
	background-color: #ebebeb;
	border-right: solid 1px #666666; /* Sets the right border properties for an element using shorthand notation */
	float: left;
	padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 18em;
	height: 600px;
}
#wrapper #contentWrapper #leftColumnContact2 {
	background-color: #ebebeb;
	border-right: solid 1px #666666; /* Sets the right border properties for an element using shorthand notation */
	float: left;
	padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 18em;
	height: 600px;
}
#wrapper #contentWrapper #leftColumnContact3 {
	background-color: #FFF;
	border-right: solid 1px #666666; /* Sets the right border properties for an element using shorthand notation */
	float: left;
	padding: 10px 10px 10px 20px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 45em;
	height: 600px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#wrapper #contentWrapper #content {
	margin: 0 16em 0 16em; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 10px 10px 10px 10px;
}
#header {
	color: #000000;
	width: 180px;
	float: left;
	padding: 5px 10px 10px 10px;
	height: 90px;
}
#contact {
	float: right;
	text-align: right;
	margin-right: 10px;
}
	
#breadcrumbs #address {
	float: right;
	text-align: right;
	width: 250px;
	margin-right: 25px;
	margin-bottom: 25px;
}
#smallLinks {
	float: right;
	text-align: right;
	margin-right: 30px;
	width: 260px;
}
#smallLinks a:hover {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#smallLinks a:visited {
	color: #C30;
}
#smallLinks a   {
	text-decoration: none;
	font-size: 10px;
}
.phone {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-bottom: 50px;
	text-align: right;
}
#breadcrumbs {
	padding: 5px 0px 10px 0px;
	text-indent: 5px;
	clear: both;
	border-bottom: 1px solid #000;
	
	
}

#gallery {
	padding: 5px
	
}
#smallSquares {
	margin: 0px 0px 0px 0px;
	position: relative;
	float: left;
	width: 990px;
}
.headLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	height: auto;
	text-align: left;
	padding: 4px 3px 0px 10px;
	font-weight: bold;
}
#newsBlock {
	margin: 10px 0px 20px 10px;
	position: relative;
	float: left;
	border: solid #222 1px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: url(../images/boxBack.jpg);
	background-repeat: repeat-x;
}
#newsBlockRounded {
	margin: 10px 0px 20px 10px;
	position: relative;
	float: left;
	border: solid #000 1px;
	border-radius: 10px;
}
h4 {
	color: #FFF;
	padding: 10px 0px 10px 20px;
	font-size: 12px;
}
#newsBlock a:link {
	line-height: 14px;
	font-size: 12px;
}
.newsBlockRight {
	margin: 10px 10px 0px 0px;
	position: relative;
	float: right;
	background-image: url(../images/boxBack.jpg);
	background-repeat: repeat-x;
	border-radius: 0px;
	border: solid #000 1px;
}
.newsBox {
	height: 100%;
	width: 460px;
	float: left;
	font-size: 12px;
}
.newsBox a:hover {
	text-decoration: underline;
}
#story1 {
	color: #000000;
	border: 1px solid;
	height: 125px;
	width: 125px;
	float: left;
	background-color: #84ABD5;
	margin: 0px 10px;
}

#leftcolumnTop {
	color: #000000;
	border: 1px solid;
	height: 158px;
	width: 158px;
	float: left;
	background-color: #84ABD5;
	margin: 0px 2px 0px 4px;
	background-image: url(../images/proLineTN2.png);
	background-repeat: no-repeat;
	background-position: 5px 33px;
}
#leftTop {
	color: #000000;
	border: 1px solid;
	height: 180px;
	width: 486px;
	float: left;
	background-color: #84ABD5;
	margin: 0px 2px 0px 4px;
	background-repeat: no-repeat;
	background-position: 5px 33px;
}
#rightTop {
	color: #000000;
	border: 1px solid;
	height: 180px;
	width: 486px;
	float: right;
	background-color: #84ABD5;
	margin: 0px 2px 0px 4px;
	background-repeat: no-repeat;
	background-position: 5px 33px;
}
.homeProductImg {
	float: left;
}
#leftmiddleTop {
	color: #000000;
	border: 1px solid;
	background: #95D1FF;
	height: 158px;
	width: 158px;
	float: left;
	background-color: #84ABD5;
	margin: 0px 2px;
	background-image: url(../images/ldrTN2.png);
	background-repeat: no-repeat;
	background-position: 8px 25px;
}
#leftmiddleTop2 {
	color: #000000;
	border: 1px solid;
	background: #95D1FF;
	height: 158px;
	width: 158px;
	float: left;
	background-color: #84ABD5;
	margin: 0px 2px;
	background-image: url(../images/hyperionTN.png);
	background-repeat: no-repeat;
	background-position: 6px 35px;
}
#rightmiddleTop {
	color: #000000;
	border: 1px solid;
	background: #95D1FF;
	height: 158px;
	width: 158px;
	float: left;
	background-color: #84ABD5;
	margin: 0px 2px;
	background-image: url(../images/microLineTN2.png);
	background-repeat: no-repeat;
	background-position: 6px 33px;
}
#rightcolumnTop {
	color: #000000;
	border: 1px solid;
	background: #95D1FF;
	height: 158px;
	width: 158px;
	float: left;
	background-color: #84ABD5;
	margin: 0px 2px;
	background-image: url(../images/HS6.png);
	background-repeat: no-repeat;
	background-position: 27px 22px;
}

#leftcolumnBottom {
	color: #000000;
	border: 1px solid;
	background: #95D1FF;
	height: 158px;
	width: 158px;
	float: left;
	background-color: #84ABD5;
	margin: 0px 2px;
	background-image: url(../images/cfwTN2.png);
	background-position: 5px 30px;
	background-repeat: no-repeat;
}
#leftmiddleBottom {
	color: #000000;
	border: 1px solid;
	background: #95D1FF;
	height: 158px;
	width: 158px;
	float: left;
	background-color: #84ABD5;
	margin: 0px 2px;
	background-image: url(../images/Atlas2TN.png);
	background-repeat: no-repeat;
	background-position: 4px 30px;
}
#rightmiddleBottom {
	color: #000000;
	border: 1px solid;
	background: #95D1FF;
	height: 145px;
	width: 145px;
	float: left;
	background-color: #CCC;
	margin: 0px 2px;
}
#rightcolumnBottom {
	color: #000000;
	border: 1px solid;
	background: #95D1FF;
	height: 100px;
	width: 105px;
	float: left;
	background-color: #CCC;
	margin: 0px 5px;
}
#rightcolumnBottomNews {
	color: #000000;
	border: 1px solid;
	background: #95D1FF;
	height: 200px;
	width: 210px;
	float: left;
	background-color: #CCC;
}


#footer {
	width: 1000px;
	clear: both;
	color: #000000;
	background: #729ACB;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 10px 0px;
	text-align: center;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
.indexImage {
	width:150px;
	height:150px;
	clear:both;
	border: 1px solid #000000;
	margin-left: 28px;
}

.indexHeader {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#84ABD5;
	padding:5px 0px 8px 0px;
	text-align: center;
	background-color: #000;
}
.indexHeader2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#84ABD5;
	padding:5px 0px 8px 0px;
	text-align: center;
	background-color: #000;
}
.indexHeaderNews {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FFF;
	padding:0 10 0 10px;
	text-align: center;
	font-weight: bold;
}
#left_column {
	background-color: #CCCCCC;
	float: left;
	width: 200px;
}
#right_column {
	background-color: #CCCCCC;
	float: right;
	width: 200px;
}
#center_column {
	background-color: #FFFFFF;
	float: left;
	width: 600px;
	font-size: 18px;
	font-weight: bold;
}

#flash {
	padding: 0px 0px 0px 15px;
	/*background-color: #FFF;*/
	float: left;
	/*height: 200px;*/
	margin: 0px 0px 7px 0px;
}
#homeFlash {
	background-color: #FFF;
	height: auto;
	width: auto;
	margin: 0px 0px 10px 17px;
	clear: both;
}
.drawingTable {
	border: 1px solid #8C8C8C;
}
#headerHome {
	float: left;
	padding: 10px;
	height: 75px;
	width: 775px;
	background-image: url(../images/headerHome.jpg);
}
#headerProline {
	float: left;
	padding: 10px;
	height: 75px;
	background-image: url(../proline/images/headerBack.jpg);
	width: 775px;
}
#headerLdr {
	float: left;
	padding: 10px;
	height: 75px;
	width: 775px;
	background-image: url(../ldr/images/headerBack.jpg);
}
#headerMicroline {
	float: left;
	padding: 10px;
	height: 75px;
	width: 775px;
	background-image: url(../microline/images/headerBack.jpg);
}
#headerHsfw {
	float: left;
	padding: 10px;
	height: 75px;
	background-image: url(../hsfw/images/headerBack.jpg);
	width: 775px;
}
#headerCfw {
	float: left;
	padding: 10px;
	height: 75px;
	background-image: url(../cfw/images/headerBack.jpg);
	width: 775px;
}
#header2filters {
	float: left;
	padding: 10px;
	height: 75px;
	width: 660px;
}
#headerFocuser {
	float: left;
	padding: 10px;
	height: 75px;
	background-image: url(../focusers/images/headerBack.jpg);
	width: 775px;
}
#headerFilter {
	float: left;
	padding: 10px;
	height: 75px;
	background-image: url(../filters/images/headerBack.jpg);
	width: 775px;
}
#headerAdapter {
	float: left;
	padding: 10px;
	height: 75px;
	background-image: url(../adapters/images/headerBack.jpg);
	width: 775px;
}
#headerSoftware {
	float: left;
	padding: 10px;
	height: 75px;
	width: 775px;
	background-image: url(../software/images/headerBack.jpg);
	background-repeat: no-repeat;
}
input {
	color: #333;
	background-color: #84ABD5;
	border: 1px solid #000;
	height: 15px;
	
}
button {
	width: 120px;
}
#service form{
	background-color: #EFEFEF;
	border-collapse:collapse;
	border: 1px solid #000;
	width: 70%;
	padding: 10px 0px 10px 10px;
	margin-top: 0px;
}
#wrapper #contentWrapper #content #service {
	width: 90%;
}

textarea {
	color: #333;
	background-color: #95BADD;
	border: 1px solid #000;
	height: 250px;
}
.slideshow { height: 300px; width: 958px; margin: auto }
#slideshow {
	height: 300px;
	width: 958px;
	margin:auto;
}
.specOutline {
	border: 1px solid #8C8C8C;
	padding: 5px 5px 5px 5px;
	text-align: left;
}
p {
	margin-top: 3px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.7em;
}
img {
	border: none;
	text-align: center;
	
}
#specImage {
	float: right;
	padding: 30px 50px 0px 0px;
}
#leftColumn1 p  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#rightColumn1 p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.distTitle {
	font-weight: bold;
	color: #666;
}
#wrapper #breadcrumbs a {
	color: #F00;
	margin-left: 25px;
}
#headerIndex {
	color: #000000;
	width: 195px;
	float: left;
	padding: 5px 0px 0px 6px;
	height: 75px;
}


#slide {
	width:800px;
	height:425px;
	margin: 5px 0px 30px 100px;
	clear: both;
}


#wrapper #banner {
	float: left;
	height: 15px;
	width: 100%;
	padding: 10px 0px 10px 0px;
	font-size: 16px;
	text-align: center;
}
#wrapper #banner a {
	color: #F00;
	text-align: center;
}
#pats {
	float: right;
	width: 39%;
	padding: 0px 0px 0px 0px;
	clear: right;
}
.patsText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2B4A9C;
	text-align: right;
	float: left;
	padding: 27px 0px 0px 0px;
}
#retainer1 {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.redTextBullet {
	color: #BF1E2D;
}

#flashContent { 
	width:100%; height:100%; 
}
.join {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.alignLeft {
	float:left;
	margin-right: 1em;
}
.alignRight {
	float:right;
	margin-left: 1em;
}

/*Quote Styles*/

blockquote {
	font-family: Georgia, Times, serif;
	width: 140px; /* required */
	margin: 0 auto;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	background: #FFBAB7 url(
	../images/quote-mark.png
	) no-repeat 5px 10px;
	margin: 10px 0; padding: 10px; border: 1px solid #F00;
	}
#wrapper #newsBlock .newsBox p {
	padding: 5px 0px;
}
#wrapper #newsBlock .newsBox ul {
	margin: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	list-style-type: disc;
	left: 20px;
	font-weight: bold;
	color: #F00;
}
.homeThumb {
	float: left;
	width: 120px;
	padding: 0px 0px 20px 20px;
	height: 125px;
	display: inline;
	}