/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	color: #80400C;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

.text1 {
	padding-left: 50px;
	padding-top: 48px;
	letter-spacing: 0px;
	text-transform: ;
	font-size:15px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.text2 {
	padding-left: 50px;
	text-transform: uppercase;
	font-size:10px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.text3 {
	text-align: left;
	color: #646060;
	font-size: 9px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.text4 {
/**	letter-spacing: 0px; */
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.text5 {
	text-align: right;
	color: #646060;
	font-size: 9px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}


.text6 {
	text-align: left;
	font-weight: bold;
	color: #336666;
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.text7 {
	text-align: left;
	color: #999999;
	font-size: 10px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.text8 {
	text-align: left;
	color: #FF9900;
	font-size: 12px;
	font-weight: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.text8a {
	text-align: left;
	color: #336633;
	font-size: 13px;
	font-weight: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.text9 {
	text-align: left;
	color: #333333;
	font-size: 12px;
	font-weight: ;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/** LINKS */

a {
	color: #4A2100;
		font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	text-decoration: none;
}

a:hover {
	color: #F58120;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	text-decoration: underline;
}

.link1 {
	color: #F58120;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.link2 {
	color: #646060;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.link3 {
	color: #666666;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}


.link4 {
	color: #000066;
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.link5 {
	/** color: #FF9900; */
	color: #FF9900;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	text-decoration: underline;
}

/** STYLES */

.style1 {
	background:  url(../images/img1.jpg) no-repeat right top;
	height: 18px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	color: #FFFFFF;
}

.style1a {
	background-color: #FFFFFF no-repeat;
	height: 45px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	color: #FFFFFF;
}

.style1 a {
	color: #FFFFFF;
	text-decoration: none;
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 {
	background-color: #FFFFFF;
}

.bg2 {
	background:  url(../../images/img1.jpg) no-repeat left top;
	height: 28px;
}

.bg3 {
	background:  url(../../images/img2.jpg) no-repeat left top;
	height: 242px;
}

.bg4 {
	background:  url(../../images/img3.jpg) no-repeat left top;
	height: 77px;
}


.bg5 {
	background:  url(../../images/img3.jpg) no-repeat left center;
	height: 10px;
}

.bg6org {
	background:  url(../../images/img2small.jpg) no-repeat left top;
	height: 142px;
}

.bg6 {
	background: url(images/img2small_v2_aboutus.jpg) no-repeat left top;
	height: 142px;
}

.bg6_aboutus {
	background: url(images/img2small_v2_aboutus.jpg) no-repeat left top;
	height: 142px;
}

.bg6_solution {
	background: url(images/img2small_v2_solution.jpg) no-repeat left top;
	height: 142px;
}

.bg6_contactus {
	background: url(images/img2small_v2_contactus.jpg) no-repeat left top;
	height: 142px;
}

.bg6_home {
	background: url(images/img2small_v2_home.jpg) no-repeat left top;
	height: 242px;
}

.bg7 {
	background: url(images/sol_sm.jpg) no-repeat top right;
	height: 80px;
}

.bg8 {
	background: url(images/penc_pct_b.jpg) no-repeat top left;
	height: 300px;
}

.bg9 {
	background: url(images/bg_lumi.jpg)  no-repeat left top;
	height: 150px;
}

.bg9_vertical {
	background: url(images/bg_lumi_vertical.jpg)  no-repeat right top;
	height: 150px;
}

.bg9_hoz_top {
	background: url(images/bg_lumi_hoz_top.jpg)  no-repeat right top;
	height: 150px;
}

.bg10 {
	background: url(images/grey_vert_dots.gif) repeat-x;
	height: 200px;
}

.bg_1 {
/*the color here #2c2721 was the bottom color
of my gradient image - a seamless fade*/
background: #2c2721 repeat-x;
height: 150px;
}

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

.tipslink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; color: #BF0000; text-decoration:none;}

<style type="text/css">

A { color:#000000; text-decoration:none; }
.whitelink_s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal;color:#FFFFFF; text-decoration:none; }
.blacklink_s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #000000; text-decoration:none; }
.bluelink_s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #0000FF; text-decoration:none;}
.whitelink_m { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal;color:#FFFFFF; text-decoration:none; }
.blacklink_m { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; color: #000000; text-decoration:none; }
.tipslink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; color: #BF0000; text-decoration:none;}
:hover.whitelink_s { color:#AABBDD; text-decoration:underline; }
:hover.blacklink_s { color:#000000; text-decoration:underline; }
:hover.bluelink_s { color:#0000FF;  text-decoration:underline;} 
:hover.whitelink_m { color:#AABBDD; text-decoration:underline; }
:hover.blacklink_m { color:#000000; text-decoration:underline; }
:hover.tipslink { color:#FF9900;  text-decoration:underline;} 
.heading1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bolder; color: #000000;}
.heading2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; line-height: normal; font-weight: bold; color: #000000;}
.heading3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; color: #000000;}
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold ; color: #000000;}
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: bold ; color: #000000;}
.heading6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold ; color: #000000;}
.heading_table_w { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: bolder ; color: #FFFFFF;; background-color: #FF0000}
.text_m { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; color: #000000;}
.text_s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #000000;}
.text_email { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #000000 }
.drop { position: absolute; width: 3;  filter: flipV(), flipH(); font-size: 40; color: blue;}
#PCL {font-family: Verdana,Arial,Helvetica;font-style: none;font-weight: normal; text-decoration: none;font-size: 8pt;}
#PTT {font-family: Verdana,Arial,Helvetica;font-size: 8pt;}
#PST {font-family: Verdana,Arial,Helvetica; font-size: 8pt;}
#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid silver;
padding: 1px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family: Verdana,Arial,Helvetica;font-size: 9px; color:#003366;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

</style>
<style type="text/css">
#info {position:relative;}
#info p {margin-right:5px; margin-left:5px;}
#magnifier {display:inline; position:relative; width:85px; height:56px; background: url(images/) top left no-repeat; margin:0 20px 10px 15px; z-index:100; float:left;}
#magnifier img {position:absolute; width:150px; height:100px; top:5px; right:-145px;}
#magnifier ul {padding:0; border:0; margin:0; list-style-type:none;}
#magnifier a {display:block; width:24px;}

#magnifier li {display:block; width:5px; height:5px; position:absolute; left:24px; top:0; background:transparent;}
#magnifier li.one {left:0;}

#magnifier li:hover {width:-280px; height:-360px; top:-70px;}

#magnifier li.one:hover img {width:480px; height:360px;}
#magnifier li.two:hover img {width:320px; height:240px;}
#magnifier li.three:hover img {width:360px; height:270px;}
#magnifier li.four:hover img {width:400px; height:300px;}
#magnifier li.five:hover img {width:440px; height:330px;}
#magnifier li.six:hover img {width:480px; height:360px;}
#magnifier li.seven:hover img {width:520px; height:390px;}
#magnifier li.eight:hover img {width:560px; height:420px;}
#magnifier li.nine:hover img {width:600px; height:450px;}
#magnifier li.ten:hover img {width:640px; height:480px;}
#magnifier li.eleven:hover img {width:240px; height:180px;}


#magnifier table {border:0; padding:0; margin:0; border-collapse:collapse;}


</style>
<!--[if lte IE 6]>
<style type="text/css">
#magnifier a:hover {border:0;}

#magnifier a.aone:hover img {width:280px; height:210px;}
#magnifier a.atwo:hover img {width:320px; height:240px;}
#magnifier a.athree:hover img {width:360px; height:270px;}
#magnifier a.afour:hover img {width:400px; height:300px;}
#magnifier a.afive:hover img {width:440px; height:330px;}
#magnifier a.asix:hover img {width:480px; height:360px;}
#magnifier a.aseven:hover img {width:520px; height:390px;}
#magnifier a.aeight:hover img {width:560px; height:420px;}
#magnifier a.anine:hover img {width:600px; height:450px;}
#magnifier a.aten:hover img {width:640px; height:480px;}
#magnifier a.aeleven:hover img {width:240px; height:180px;}

</style><![endif]-->