* { 
padding : 0;
margin : 0;
} 
body { font-size : 13px; font-family: Arial, Helvetica, sans-serif !important; background-color: #404040; background-repeat : repeat-x; } 
#wrapper { 
margin : 0 auto;
width : 922px;
} 
#header { width : 900px; color : #333; margin : 10px 0 0; background : #fff url(images/head.jpg); height: 130px !important; border-bottom: 2px solid #404040; border-top-color: #404040; border-right-color: #404040; } 
.logo img { position: relative !important; overflow: auto; float: none; margin-top: 10px; margin-left: 20px; } 
.logo a { 
color : black;
text-decoration : none;
} 
#navigation { color : #333; background-color: #fff; background-image: none; background-attachment: scroll; background-position: 0 0; margin : 0 2px; position : relative; top : -23px; width: 500px; overflow: auto; float: right; padding-right: 100px; } 
#navigation ul { margin: auto; list-style : none; } 
#navigation ul li { float : right; background : url(images/tab-right.gif) no-repeat right top; margin-right : 1px; } 
#navigation li a { 
display : block;
padding : 0 2em;
line-height : 2em;
background : url(images/tab-left.gif) no-repeat left top;
font-weight : bold;
color : #fffff1;
}
#navigation ul a:hover { color: yellow; } 
#content { width : 880px; color : #333; background : #f6f6ea url(images/bbg.jpg); z-index: 0; min-height: 585px; margin : 0; padding-top : 10px; padding-left : 20px; } 
#content a { color : silver; font-size: 12px; font-weight: bold; margin-top: 5px; margin-left: 5px; }
#content_bom { color : #333; position: relative; top: 20px; left: 20px; width: 760px; padding: 15px; } 
#content_bom h3 { color : yellow; font-size: 18px; font-weight: bold; padding-top: 5px; padding-bottom: 10px; padding-left: 290px; } 
#content_bom h4 { color : orange; font-size: 14px; font-weight: bold; margin-left: 90px; padding-top: 5px; padding-bottom: 10px; padding-left: 5px; } 
#content_bom table { color : silver; font-size: 14px; font-weight: bold; margin-left: 90px; }
#content_bom td { color : silver; font-size: 14px; font-weight: bold; padding-right: 5px; padding-left: 5px; }
#content_bom p { color : white; font-size: 14px; font-weight: bold; margin-left: 30px; padding-top: 5px; padding-bottom: 10px; padding-left: 5px; }
#content_bom a { color : silver; font-size: 14px; font-weight: bold; margin-left: 5px; }
#content_bom a:hover { color : yellow; font-size: 14px; font-weight: bold; margin-left: 5px; }
#tsncscontent { width : 880px; color : #333; background : #f6f6ea url(images/bbg.jpg); height: 1200px; z-index: 0; margin : 0; padding-top : 5px; padding-left : 20px; } 

hr { width: 400px; margin-top: 10px; }
#boxes { height : 200px; width : 840px; padding-left: 1px; } 
#boxes a { color : #302e2e; font-size: 12px; } 
#box1 { position: relative; width: 30%; height: 200px; float: left; padding-right: 1%; padding-left: 2%; } 
#box2 { position: relative; width : 31%; height : 200px; float: left; padding-right: 1%; padding-left: 1%; } 
#box3 { position: relative; width : 30%; height : 200px; float: left; padding-right: 2%; padding-left: 1%; } 
#box1 h2, #box2 h2, #box3 h2 { padding-bottom : 20px; padding-top : 20px; font-size : 1.5em; color : yellow; font-weight : lighter; display : block; text-transform : uppercase; font-size : 14px; font-weight : bolder; text-align: center; padding-left: 5px; } 
#box1 h3, #box2 h3, #box3 h3 { font-size : 13px; color : silver; font-weight : bold; text-align : justify;} 
#box2 ul { margin: auto; padding-top: 10px; }
#box2 ul li { color: white; font-size: 14px; font-weight: bold; font-style: normal; text-align: center; margin: auto; list-style-type: none; }
#boxes p { padding-left : 10px; text-align : justify; font-size : 1em; } 
#doublebox { 
margin-top : 5px;
margin-bottom : 5px;
width : 850px;
} 
.content_left { font-size: 10px; display : inline; float : left; width : 45%; height : 180px; background-color : #ddd; text-align : justify; margin-left: 11px; padding: 5px; border: solid 1px black; } 
.content_left h3 { color: black; font-size : 12px; margin-top: 10px; margin-bottom: 10px; } 
.content_left p { color: black; font-size : 12px; margin-top: 5px; margin-bottom: 10px; } 
.content_right { font-size: 10px; display : inline; width : 45%; height : 180px; text-align : justify; background-color : #ddd; float: right; margin-right: 20px; padding: 5px; border: solid 1px black; } 
.content_right h3 { color: black; font-size : 12px; margin-bottom : 10px; margin-top : 10px; } 
.content_right p { color: black; font-size : 12px; margin-top: 5px; margin-bottom: 10px; } 
.content_full { font-size: 10px; display : inline; float : left; width : 788px; height : 435px; background-color : #dbdddf; text-align : justify; margin-top: 20px; margin-left: 20px; padding: 5px; border: solid 1px black; } 
.content_full h3 { color: black; font-size : 12px; margin-top: 10px; margin-bottom: 10px; } 
.content_full p { color: black; font-size : 12px; margin-top: 5px; margin-bottom: 10px; } 
.clear { clear: both; } 
#bluebox { width : 818px; min-height : 136px; font-size : 0.75em; color : #e1e1e1; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding : 0; float : left; display : inline; margin-top : 5px; margin-left: 11px; border: solid 1px black; } 
#services { width : 840px; background : url(images/bluebox3.gif) no-repeat; font-size : 14px; color : #e1e1e1; float: left; min-height: 500px; padding : 0; display : inline; margin-top : 18px; margin-left : 10px; border: solid 1px black; } 
#tsncs { width : 840px; font-size : 14px; color : #e1e1e1; background-color: #5e5e5e; background-image: url(images/stripe.gif); background-repeat: repeat-y; background-position: 0 0; float: left; margin-top: 16px; margin-bottom: 16px; margin-left : 10px; padding-top: 0; padding-right: 0; padding-left: 0; border: solid 1px black; display: inline; } 
 
.col { 
width : 160px;
float : left;
padding : 8px 0 8px 9px;
margin-left : 2em;
} 
.col p { text-align: center; width: 185px; margin : 10px 0 0; padding : 0; } 
.col img { width: 185px; margin : 5px 0 10px; padding : 0; border: solid 1px black; } 
.svcs { font-size: 14px; width: 800px; height: 120px; padding : 5px 0 0 15px; margin-left : 2em; } 
.svcs p { color: yellow; font-size: 14px; font-weight: bold; text-align: left; width: 185px; margin : 0; padding : 0; } 
.svcs a { position: relative; right: 20px; width: 185px; float: right; padding : 0; } 
.svcs img { width: 185px; margin-top: 5px; border: solid 1px black; display: inline; } 
.desc { color: white; font-size: 12px; text-align: left; width: 550px; margin-top: 10px; }
.fpad { text-align: left; margin-top: 20px; }
.product { font-size: 14px; width: 800px; height: 120px; padding : 5px 0 0 15px; margin-left : 2em; } 
.product p { color: yellow; font-size: 14px; font-weight: bold; text-align: left; margin : 0; padding : 0; } 
.product a { position: relative; right: 20px; width: 185px; float: right; padding : 0; } 
.product img { width: 185px; border: solid 1px black; display: inline; } 
#footer { width : 900px; color : #333; background : #feedff url(images/footer.jpg); margin : 0 0 10px; height : 35px; border-top: 2px solid #404040; } 
#footer p { text-align : center; font-size : 0.9em; padding-top: 8px; } 
.a1 { color : #404040; font-size: x-small; float: right; margin-top: -17px; margin-right: 40px; }
.a2 { color : #404040; font-size: x-small; float: right; margin-top: -17px; margin-right: 20px; }

#footer img {  }
.read_more_news { font-family: Arial; font-size: 12px; color: black; text-decoration: none; font-weight: bold; padding-top: 20px; padding-right: 50px; padding-left: 25px; }
.contact_us { font-family: Arial; font-size: 12px; color: black; text-decoration: none; font-weight: bold; padding: 10px 50px 10px 25px; }
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
color: black; position: absolute; background-color: white; border: solid 1px gray; visibility: hidden; text-decoration: none; }
.thumbnail span img{ /*CSS for enlarged image*/
width: 500px; border-width: 0; }

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position: fixed; top: 180px; left: 150px; visibility: visible; /*position where enlarged image should offset horizontally */

}

#genlink{ text-align: left; z-index: 0; }
#genlink a { color: maroon; font-size: 12px; font-weight: bold; font-style: normal; background-position: left 0; float: left; padding-top: 15px; padding-left: 15px; }