/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: url(images/bg-top.gif) top repeat-x #FFF;
	text-align:center;
	padding-bottom:80px;
}

html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#333333;
	}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.aligncenter { text-align:center;}
.alignleft { text-align:left;}
.alignright { text-align:right;}

.relative { position:relative;}

input, select { vertical-align:middle; font-weight:normal;}
a {color:#006666; outline:none; text-decoration:none;}
a:hover{text-decoration:underline;}
p {padding-top:18px;}
a img { border:0;}
ul { list-style:none;}
img {
	vertical-align:top;
}
.cursor { cursor:pointer;}
strong { color:#000;}



h3 {
	font-size:20px;
	color:#000;
	padding:37px 0 7px;
	background:url(images/marker3.gif) right 46px no-repeat;
	border-bottom:1px solid #E2E2E2;
	font-style: normal;
	font-weight: bold;
}
.prodlinks {
	
	word-spacing: 4px;
}

.link1 { display:inline-block; background:url(images/page1-icon1a.gif) right 3px no-repeat; padding:0 40px 10px 0; }
.link2 { background:url(images/marker2.gif) right 5px no-repeat; padding-right:10px; text-decoration:none;}
.link2:hover { color:#000;}
.link2a { padding-right:10px; text-decoration:none;}
.link2a:hover { color:#000;}
.link3 { text-decoration:none;}
.link3:hover { text-decoration: underline;}
.link4 { text-decoration:none; color:#FF0000}
.link4:hover { text-decoration: underline;}

.fontsize1 { font-size:1.083em;}
.fontsize2 { font-size:1.167em;}
.fontsize3 {
	font-size:1.083em;
	font-weight: bold;
}
.color0 { color:#000;}
.color0a { color:#666666;}
.color1 { color:#524F4E;}
.color2 { color:#646464;}
.color3 { color:#959899;}
.color4 { color:#2EBDEB;}
.color5 { color:#717171;}
.color6 { color:#999999;}
.color7 { color:#FF3300;}
.color8 { color:#003333;}
/* ============================= main layout ====================== */
.imgindent { float:left; margin-right:15px;}
.imgindent1 {
	float:right;
	margin-right:65px;
	
}
.arrowimg {vertical-align: middle;}

.space1 { margin-top:50px; padding-right:10px;}
.space1a { margin-top:50px; padding-right:10px;}
.space2 { margin-right:14px;}
.space3 { margin-top:10px;}
.space3a { margin-top:1px;}
.space4 { margin-top:5px;}
.space5 { margin-right:33px;}
.space5a { margin-right:33px;}
.indent1 { padding-top:4px;}
.indent1a { padding-top:10px;}
.indent2 { padding-top:24px;}

/* ============================= header ====================== */
.row-1 { height:100px;} /* change this to change the height of the page*/
.logo { margin-top:20px;}
.row-2 .bg-tail { background:url(images/bg-menu-tail.gif) top repeat-x;}
.row-2 .bg-left { background:url(images/bg-menu-left.gif) left top no-repeat;}
.row-2 .bg-right { background:url(images/bg-menu-right.gif) right top no-repeat; padding-left:25px;}
.menu { width:100%; overflow:hidden;}
.menu li { float:left; display:inline-block;}
.menu li a { display:inline-block; padding:11px 19px 13px 19px; border-right:1px solid #303030; font-size:1.167em; color:#FFF; line-height:1em; text-decoration:none;}
.menu li a:hover, .menu .active a { color:#000000; background: url(images/bg-menu-act.gif) top repeat-x;}
.box-1 { background:#FFF; margin-top:10px;}
.box-1 .border-top { background:url(images/box1-border-top.gif) top repeat-x;}
.box-1 .border-bot { background:url(images/box1-border-bot.gif) bottom repeat-x;}
.box-1 .border-left { background:url(images/box1-border-top.gif) left repeat-y;}
.box-1 .border-right { background:url(images/box1-border-top.gif) right repeat-y;}
.box-1 .corner-top-left { background:url(images/box1-corner-top-left.gif) top left no-repeat;}
.box-1 .corner-top-right { background:url(images/box1-corner-top-right.gif) top right no-repeat;}
.box-1 .corner-bot-left { background:url(images/box1-corner-bot-left.gif) bottom left no-repeat; width:100%;}
.box-1 .corner-bot-right { background:url(images/box1-corner-bot-right.jpg) bottom right no-repeat; padding:0 0 40px 65px;}
.slogan { padding-top:48px; width:440px; }
.slogan1 { font-size:2.667em; color:#000000;}
.slogan2 { font-size:1.833em; color:#AAAAAA;}
.button { display:inline-block; background:url(images/button-tail.gif) top repeat-x; line-height:1em; font-size:1.25em; color:#FFF; text-decoration:none; cursor:pointer; margin-top:10px;}
.button strong { display:inline-block; background:url(images/button-left.gif) top left no-repeat; line-height:1em;color:#FFF;}
.button strong strong { background:url(images/button-right.gif) top right no-repeat; padding:7px 20px 6px 20px;}
.button:hover strong strong { color:#000;}
.buttons {
	position:absolute;
	margin:197px 0 0 788px;
	left: 91px;
	top: 178px;

}
.button2 { display:inline-block; margin-right:3px; background: url(images/button2-tail.gif) top repeat-x; line-height:1.2em; font-size:0.917em; color:#130E0F; text-decoration:none; cursor:pointer;}
.button2 span { display:inline-block; background:url(images/button2-left.gif) top left no-repeat; line-height:1.2em; text-align:center;}
.button2 span span { background:url(images/button2-right.gif) top right no-repeat; width:18px; height:14px; padding-top:2px;}
.button2:hover, .active2 { display:inline-block; margin-right:3px; background: url(images/button2-tail-act.gif) top repeat-x; font-weight:bold; line-height:1.2em; font-size:0.917em; color:#FFF; text-decoration:none; cursor:pointer;}
.button2:hover span, .active2 span { display:inline-block; background:url(images/button2-left-act.gif) top left no-repeat; line-height:1.2em; text-align:center;}
.button2:hover span span, .active2 span span { background:url(images/button2-right-act.gif) top right no-repeat; width:18px; height:14px; padding-top:2px;}

/* ============================= content ====================== */
#content { padding:0px 0 54px;  }
#content1 { padding:0px 0 54px;  }
.box-2 { background:#FFF;}
.box-2 .border-top { background:url(images/box2-border-top.gif) top repeat-x;}
.box-2 .border-bot { background:url(images/box2-border-bot.gif) bottom repeat-x;}
.box-2 .border-left { background:url(images/box2-border-top.gif) left repeat-y;}
.box-2 .border-right { background:url(images/box2-border-top.gif) right repeat-y;}
.box-2 .corner-top-left { background:url(images/box2-corner-top-left.gif) top left no-repeat;}
.box-2 .corner-top-right { background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box-2 .corner-bot-left { background:url(images/box2-corner-bot-left.gif) bottom left no-repeat;}
.box-2 .corner-bot-right { background:url(images/box2-corner-bot-right.gif) bottom right no-repeat; width:100%;}
.box-2 .indent {padding:5px 15px 15px 15px;}

.title1 { font-size:1.4em; color:#000; padding:10px 0 10px 37px;}
.title1a {
	font-size:16px;
	color:#006666;
	padding:10px 0 10px 37px;
	
}
.title1b {
	font-size:18px;
	color:#006666;
	padding:10px 0 10px 37px;
	
}
.bg1 { background:url(images/page1-icon2.gif) 0 5px no-repeat;}
.bg2a { background:url(images/page1-icon3a.gif) 0 5px no-repeat;}
.bg2b { background:url(images/page1-icon3b.jpeg) 0 5px no-repeat;}
.bg2c { background:url(images/page1-icon3c.jpeg) 0 5px no-repeat;}
.bg2d { background:url(images/page1-icon3d.jpeg) 0 5px no-repeat;}
.bg2 { background:url(images/page1-icon3.gif) 0 5px no-repeat;}
.bg3 { background:url(images/page1-icon4a.gif) 0 5px no-repeat;}
.bg4 { background:url(images/page1-icon5a.gif) 0 8px no-repeat;}
.bg4a {
	background:0 url(images/testimg.gif) no-repeat;
	visibility: visible;
}
.bg5 { background:url(images/page1-icon2a.gif) 0 8px no-repeat;}
.bgtest2 { background:url(images/testimg2.gif) 0 8px no-repeat;}
.bgtest3 { background:url(images/testimg3.gif) 0 8px no-repeat;}
.bgtest4 { background:url(images/testimg.gif) 0 8px no-repeat;}
.list1 li a { background:url(images/marker1.gif) 0 6px no-repeat; padding-left:13px; color:#959899; text-decoration:none;}
.list1 li a:hover { text-decoration:underline;}
.list1 li {
	background:url(images/marker1.gif) 0 6px no-repeat;
	padding-left:13px;
	color:#333333;
	text-decoration:none;
	margin-top:5px;
	margin-left:30px;
}
.list1g li {
	background:url(images/marker1.gif) 0 6px no-repeat;
	padding-left:13px;
	color:#333333;
	text-decoration:none;
	margin-top:5px;
	margin-left:5px;
}
.list1e li { background:url(images/marker1.gif) 0 6px no-repeat; padding-left:13px; color:#333333; text-decoration:none; margin-top:5px; margin-left: 20px;}
.list1a li { background:url(images/marker2.gif) 0 6px no-repeat; padding-left:13px; color:#666666; text-decoration:none;}

.list1b li { background:url(images/marker1.gif) 0 6px no-repeat; padding-left:13px; color:#333333; text-decoration:none; margin-left:20px;}
.list1c li {
	background:url(images/marker1.gif) 0 6px no-repeat;
	padding-left:13px;
	color:#333333;
	text-decoration:none;
	vertical-align: top;
	margin-left:20px;
	display: block;
}
.list1d li {
	background:url(images/marker1.gif) 0 6px no-repeat;
	padding-left:13px;
	color:#003333;
	text-decoration:none;
	margin-left:20px;
}
.list1f li { background:0 url(images/arrow.gif) no-repeat 6px; padding-left:13px; color:#333333; text-decoration:none; margin-left:60px;}

.list2 li {background:url(images/marker1.gif) 0 8px no-repeat; padding-left:13px; }
.list3 li {0 8px no-repeat; padding-left:50px; margin-top: 10px; }
.list2 li a { text-decoration:none;}
.list2 li a:hover { text-decoration:underline;}
.line1 { background:url(images/line1.gif) top repeat-x; margin-top:18px; padding-bottom:20px; height:1px; font-size:1px; line-height:1px;}
.line1a { background:url(images/line1.gif) top repeat-x; margin-top:5px; padding-bottom:5px; height:1px; font-size:1px; line-height:1px;}
.line2 { background:url(images/line2.gif) top repeat-x; margin-top:18px; padding-bottom:20px; height:1px; font-size:1px; line-height:1px;}
.line2x { background:url(images/line2.gif) top repeat-x; margin-top:8px; padding-bottom:1px; height:1px; font-size:1px; line-height:1px;}
.phone { float:left; width:65px;}
.phone2 { float:left; width:35px;}
.email {
	font-size: 11px;
}
.email2 {
	font-size: 11px;
}

/* ============================= footer ====================== */
#footer {color:#999999; font-size:0.833em; }
.box-3 { background:#FFF; }
.box-3 .border-top { background:url(images/box3-border-top.gif) top repeat-x;}
.box-3 .border-bot { background:url(images/box3-border-bot.gif) bottom repeat-x;}
.box-3 .border-left { background:url(images/box3-border-top.gif) left repeat-y;}
.box-3 .border-right { background:url(images/box3-border-right.gif) right repeat-y;}
.box-3 .corner-top-left { background:url(images/box3-corner-top-left.gif) top left no-repeat;}
.box-3 .corner-top-right { background:url(images/box3-corner-top-right.gif) top right no-repeat;}
.box-3 .corner-bot-left { background:url(images/box3-corner-bot-left.gif) bottom left no-repeat;}
.box-3 .corner-bot-right { background:url(images/box3-corner-bot-right.gif) bottom right no-repeat;}
.box-3 .indent {padding:27px 30px 30px 34px;}
.menu-footer ul { width:100%; overflow:hidden; }
.menu-footer li { float:left;padding-right:9px;}
.menu-footer li a { padding-right:9px; text-decoration:none; text-transform:uppercase; color:#999999;}
.menu-footer li a:hover { color:#000;}
/* ============================= forms ============================= */
#ContactForm {line-height:1em;}
#ContactForm label { height:35px; display:block;} 
#ContactForm input {width:200px; height:17px; border:1px solid #A4A4A4; padding:1px 0 0 5px; font-size:1em; line-height:15px !important; margin-top:1px;}
#ContactForm textarea {width:225px; height:85px; border:1px solid #A4A4A4; padding:2px 0 0 5px; overflow:auto; font-size:1em; line-height:1em; margin-top:2px;}


.input {width:200px; height:17px; border:1px solid #A4A4A4;  font-size:1em; line-height:15px !important; margin-top:5px;}
.input2 {width:200px; height:25px; border:1px solid #A4A4A4;  font-size:1em; line-height:15px !important; margin-top:5px;}
.input3 {width:100px; height:22px; border:1px solid #A4A4A4;  font-size:1em; line-height:15px !important; margin-top:5px;}

.radiobutton { margin-top:5px; margin-bottom:5px;}

.pdf {
	background:url(images/pdf_icon.gif) no-repeat;
	visibility: visible;
	text-indent: 28px;
	margin-top: 15px;
}



.htmlimg {
	background:url(images/html_icon.gif) no-repeat;
	visibility: visible;
	text-indent: 28px;
	margin-top: 15px;
		
	
	
}
.downloads {margin-left:124px;}
.extentrix {margin-left:80px;}
.ecora {margin-left:124px;}