html
{
	margin:0 auto;
	text-align: left;
	background-color: white;
}
body 
{
	margin:0 auto;
	width:780px;
	font: normal 8pt/175% 'Trebuchet MS';
	text-align: left;
	background-color: white;
}

#logo
{
	float:left;
}

#navigation
{
	float:right;
}
#nav 
{
	display:inline;
	list-style: none;
}
#nav li
{
	margin-right:1px;
	float:left;
	text-align:center;
	width:76px;
	height:94px;
	background-image:url(images/button.gif);
	background-repeat:no-repeat;
}
#nav a
{
	display: block;
	width:76px;
	height:34px;
	padding:60px 0px 0px 0px;
	line-height:12px;
	font-size:10px;
	font-family:Tahoma;
	text-transform:uppercase;
	text-decoration:none;
	color:White;
	font-weight:bold;	
}
#nav a:hover
{
	background-color:#67e25c;
	text-decoration:none;
}

img
{
	border:none;
}


* {
	padding: 0;
	margin: 0;
}



h1 {
	font: 700 12pt/150% 'Arial';
	color: #4baa42;
	margin-bottom: 0.5em;
	}

p {
	font-family: 'Trebuchet MS';
	font-size: 110%;
	line-height: 190%;
	margin: 0.25em 0 1em 0;
	color: #444;
	}

p strong {
	font-weight: normal;
	padding: 0;
	}

img {
	border: 0;
	}
	
a img {
	border: 0;
	}

a {
	text-decoration: none;
	color: #0066aa;
	padding-bottom: 1px;
	}

a:hover {
	color: red;
	}

blockquote {
	font-family: 'Trebuchet MS'; 
	font: normal 9pt/175% 'Trebuchet MS';
	padding: 0 0 0 28px;
	margin: 1em 1.25em 1.25em 0;
	background: url(/images/quote.png) no-repeat top left;
	color: #444;
	}
	
table {
	font: normal 90%/90% 'Verdana';
	}

table th, table td {
	padding: 0.75em;
	}
	
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	}

.clear-after:after {
	content: "";
	display: block;
	height: 0;
	clear: left;
	}

.clear-fix {
	font-size: 1px;
	color: white;
	clear: both;
	}

img.float-right {
	float: right;
	margin: 0 0 0 11px !important;
	border: 1px solid #ccc;
	}

img.float-left {
	float: left;
	margin: 0 11px 0 0 !important;
	border: 1px solid #ccc;
	}

h1.page-header {
	text-align: right;
	text-transform: uppercase;
	font: normal 115% Verdana;
	padding: 8px 64px 8px 0;
	margin: 0 0 32px 0 !important;
	background: url(/images/logohead.gif) no-repeat center right;
	color: #888 !important;
	clear: both;
	}

ul.horizontal {
	padding: 0;
	list-style: none;
	}

ul.horizontal li {
	float: left;
	display: block;
	}
	
.margin-top-156 {
	margin-top: 156px !important;
	}
	
.margin-top-256 {
	margin-top: 272px! important;
	}

.margin-top-348 {
	margin-top: 348px !important;
	}

.margin-top-32 {
	margin-top: 32px !important;
	}
	
.margin-top-64 {
	margin-top: 64px !important;
	}

.margin-top-16 {
	margin-top: 16px !important;
	}
	
.rounded {
	padding: 20px 0 0 14px;
	background: url(/images/round.gif) no-repeat top left;
	}

.panel-header {
	border: 0;
	cursor: pointer;
	}
	
.side-column .panel-header {
	color: white;
	font: bold 105% 'Trebuchet MS';
	padding: 5px 9px;
	background: #4baa42 no-repeat 280px center url(/images/down.gif);
	}

.side-column .panel-header a:hover {
	color: white;
	background-color: #67e25c;
	border: none;
	}

.side-column .panel-hidden {
	background-image: url(/images/up.gif);
	border-bottom: 1px solid white;
	}

.side-column .panel-content {
	background: #f7f7f7;
	}

.side-column .panel-content p {
	font-size: 100%;
	margin-top: 0;
	}

.side-column .panel-content img {
	margin: 0 0 0.5em 0;
	border: 1px solid #ccc;
	}

.side-column .panel-padding {
	padding: 11px 11px 7px 11px;
	}

.side-column {
	clear: left;
	width: 300px;
	margin: 0 0 1em 0;
	}

#layout {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 780px;
	}	

#logo {
	padding: 12px 0 24px 0;
	margin: 0;
	}

#logo a {
	border: none;
	}

#footer {
	clear: both;
	font-family: 'Tahoma';
	font-size: 7.5pt;
	text-align: center;
	padding: 18px 0 0 0;
	background: url(/images/foot.gif) top center no-repeat;
	color: #999;
	}
	
#comp-left {
	float: left;
	width: 556px;
	padding-left: 16px;
	}
	
#comp-right {
	float: right;
	width: 196px;
	}

#lit {
	background: #f4f4f4;
	margin: 2em 0;
	-moz-border-radius: 15px;
	}
	
.left {
	float: left;
	width: 47%;
	padding: 0 2.5% 0 0 !important;
	margin: 0 !important;
	}

.right {
	float: right;
	width: 47%;
	padding: 0 0 0 2.5% !important;
	margin: 0 !important;
	}

.feed {
	font-size: 110%;
	padding: 3px 0 3px 19px;
	background: url(/images/feed.png) no-repeat left center;
	border: none;
	}

#body {
	position: relative;
	float: right;
	margin: 0;
	padding: 32px 0 16px 0;
	width: 436px;
	}

#body h1 {
	margin: 0 0 0.5em 0;
	}

#body p {
	margin-bottom: 18px;
	}
	
#body ul {
	margin-bottom: 18px;
	padding-left: 24px;
	list-style-type: square;
	}
	
#body ul li {
	font-family: 'Trebuchet MS';
	font-size: 115%;
	line-height: 190%;
	color: #444;
	}
	
blockquote.aside {
	background: none !important;
	padding: 24px 18px 24px 16px;
	margin: 0;
	color:#777;
	font-size: 120%;
	line-height: 185%;
	}

#checklist {
	color: #666;
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0;
	}

#checklist li {
	font-size: 125%;
	margin: 8px 0;
	padding: 0 0 0 28px;
	background: url(/images/check.gif) no-repeat left 2px;
	}
	
#icon-list {
	color: #666;
	margin-bottom: 6px;
	}

#icon-list dt {
	position: absolute;
	padding: 0;
	}

#icon-list dd {
	font-size: 125%;
	padding: 4px 1.5em 20px 64px;
	margin: 0;
	}

#icon-list a {
	font-family: Verdana;
	font-weight: bold;
	}

#icon-list dt a {
	border: 0;
	}

#features {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}

#features img {
	width: 92px;
	height: 92px;
	}
	
#features td {
	font: normal 8.5pt/175% 'Trebuchet MS';
	color: #444;
	margin: 0;
	padding: 0 8px 18px 0;
	}

#services {
	width: 100%;
	margin: 0;
	padding: 0;
	}

#services li {
	margin: 0;
	padding: 0;
	width: 50%;
	height: 235px;
	}

#services h1 {
	font-size: 120%;
	padding-right: 4em;
	}

#services p {
	line-height: 150%;
	margin: 4px 18px 6px 0;
	}
	
#cases thead th {
	color: #666;
	font-size: 8.5pt;
	padding: 5px 0;
	text-align: left;
	}
	
#cases  td {
	font-size: 8.5pt;
	padding: 5px 20px 5px 0;
	}

.half {
	width: 50%;
	}

.third {
	width: 33%;
	}

.col {
	float: left;
	margin-bottom: 2em;
	}

.col p {
	padding: 0 2em 0 0;
	}

.literature {
	font-size: 10pt;
	margin: 1em 0;
	padding: 0;
	list-style: none;
	}

.literature li {
	margin-bottom: 0.25em;
	}

.pdf {
	background: url(/images/pdf.gif) left center no-repeat;
	border: none;
	padding-left: 24px;
	}

.pdf:hover {
	border: 0;
	}

.phone, .fax, .mobile, .email, .address {
	color: #444;
	font: normal 9.5pt Verdana;
	padding: 0 0 0.6em 20px;
	background-repeat: no-repeat;
	}
	
.company {
	display: none;
	}

.address {
	background-image: url(/images/address.gif);
	}

.fax {
	background-image: url(/images/fax.gif);
	}

.mobile {
	background-image: url(/images/mobile.gif);
	}

.phone {
	background-image: url(/images/phone.gif);
	}
	
.email {
	background-image: url(/images/email.gif);
	}

#head-products 
{
	width: 780px;
	height: 148px;
	_height: 140px;
	padding-top: 72px;
	_padding-top: 80px;
	background: url(/images/products/head.jpg) no-repeat;
	}
	
#current {
	margin: 0 1em;
	padding: 14px;
	}

#current blockquote {
	background-image: url(/images/quote.png);
	margin: 0 0 0 104px;
	}

#current a {
	font-size: 115%;
	}

#current img {
	border: none;
	}

#customer-list, #case-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	}

#news-headline {
	background: url(/images/news.gif) no-repeat left center;
	padding-left: 40px;
	padding-right: 2em;
	}
	
.news-section {
	padding: 12px 0 0 14px;
	background: url(/images/round.gif) no-repeat top left;
	}
	
.news-section p {
	font-size: 10pt;
	}

#news {
	padding: 8px 0 16px 0;
	}
	
#news a {
	border-bottom: 0;
	}

#news h1 {
	margin: 0 0 0.25em 0;
	}

#news a:hover {
	color: red !important;
	}

#news p {
	line-height: 165%;
	padding: 0 0 1.5em 0;
	margin: 0;
	}

#news span {
	color: #777;
	}

#news .info {
	display: block;
	margin-bottom: 0.25em;
	}

#news dl {
	font: normal 100%/160% 'Arial';
	margin: 0;
	padding: 0;
	}

#news dt {
	color: #777;
	padding: 0.5em 0.5em 0.5em 0;
	margin: 0;
	position: absolute;
	}

#news dd {
	padding: 0.5em 0 0.5em 72px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	}

html>body #news dd {
	border-bottom: 1px dotted #ccc;
	}

#news dd a {
	display: block;
	}

#article {
	font-size: 115%;
	position: relative;
	top: -22px;
	float: left;
	padding: 0 28px 0 0;
	width: 512px;
	}

#article h1 {
	color: #4baa42;
	font-size: 12pt;
	margin-top: 32px;
	}

#article h2 {
	color: #4baa42;
	font-size: 10pt;
	margin: 2em 0 1em 0;
	}

#article-column {
	float: right;
	text-align: right;
	width: 212px;
	}

#article-column h1 {
	font-size: 130%;
	margin: 2em 0 0.25em 0;
	}

#articles {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#articles li {
	font-family: 'Arial';
	padding: 0.5em 0;
	border-bottom: 1px solid #eee;
	}
	
html>body #articles li {
	border-bottom: 1px dotted #ccc;
	}

#articles a {
	border: none;
	}
	
#article ul, ol {
	color: #333;
	margin: 0 0 1em 3em;
	list-style-type: square;
	}

#article li {
	font-size: 110%;
	margin-bottom: 0.75em;
	}
	
#article table {
	font-size: 8pt;
	border-collapse: collapse;
	margin: 0.5em 0 2em 0;
	width: 100%;
	background: url(/images/table.gif) no-repeat top left;
	}

#article table th {
	font-weight: bold;
	text-align: left;
	padding: 10px 0.5em;
	color: #444;
	}

#article table td {
	line-height: 150%;
	padding: 0.5em;
	width: 33%;
	color: #444;
	}

#article td img {
	margin-right: 4px;
	border: 1px solid #ccc;
	}
	
#article tfoot th {
	text-align: right;
	}

#article-header {
	font-size: 8pt;
	color: #999;
	margin: 0 0 1.5em 0;
	padding: 0 0 8px 0;
	background: url(/images/div.gif) no-repeat bottom left;
	}

#article-footer {
	font-size: 8pt;
	color: #999;
	padding: 10px 0 0 0;
	margin: 2em 0 0 0;
	background: url(/images/div.gif) no-repeat top left;
	}
	
#contact .panel-header {
	padding: 18px 0 8px 0;
	}

#contact .panel-header h1 {
	padding: 0;
	margin: 0;
	text-align: center;
	}

#contact .panel-header h1:hover {
	color: red;
	}	

#contact .panel-content {
	margin: 0;
	background-image: url(/images/contact.gif);
	background-repeat: no-repeat;
	background-position: top center;
	color: #444;
	}

#contact .panel-content h2 {
	font-weight: bold;
	font-size: 8.5pt;
	line-height: 150%;
	}

#contact .panel-content p {
	font-family: 'Tahoma';
	font-size: 8pt;
	line-height: 165%;
	}

#contact .left, #contact .right {
	padding-top: 4em !important;
	padding-bottom: 2em !important;
	}

#contact label {
	float: left;
	padding-right: 1em;
	}

#contact .right div {
	/*clear: right;
	margin-left: 142px;*/
	margin-bottom: 3px;
	padding: 0;
	}

#contact input, #contact textarea {
	font: bold 110% 'Tahoma';
	font-weight: bold;
	font-family: 'Tahoma';
	padding: 4px 0;
	color: #444;
	}

#contact input {
	border: none;
	border-bottom: 1px solid #aaa;
	background: none;
	}

html>body #contact input {
	border-bottom: 1px dotted #aaa;
	}

#contact textarea {
	padding: 4px;
	margin: 8px 0;
	border: 1px solid #aaa;
	width: 95%;
	height: 64px;
	}

html>body #contact textarea {
	border: 1px dotted #aaa;
	}

#contact .req {
	position: relative;
	top: 4px;
	left: 4px;
	font-weight: bold;
	font-size: 150%;
	color: red;
	}

#submit {
	display: block;
	border: none !important;
	}

#gallery img {
	width: 62px;
	height: 62px;
	margin: 0;
	padding: 6px;
	border: 1px solid #4baa42;
	background: white;
	}

.jcarousel-container {
    position: relative;
    width: 300px;
    height: 76px;
	margin: 8px 0 20px 0;
	}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
	margin: 0 32px;
    overflow: hidden;
    position: relative;
	width: 236px;
	_width: 234px;
	}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
	margin: 0;
	padding: 0;
	height: 76px;
	}

.jcarousel-item {
	list-style: none;
	float: left;
	width: 74px;
	height: 74px;
	margin-right: 5px;
	background: white;
	_margin-right: 3px;
	}

.jcarousel-next {
    z-index: 3;
    position: absolute;
    top: 25px;
    right: 0px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(/images/next.png) no-repeat center center;
	}
	
.jcarousel-next-disabled {
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
	}

.jcarousel-prev {
    z-index: 3;
    position: absolute;
    top: 25px;
    left: 0px;
    width: 24px;
    height: 24px;
    cursor: pointer;
	background: url(/images/prev.png) no-repeat center center;
	}

.jcarousel-prev-disabled {
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
	}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: red;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
	}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter: alpha(opacity=8);
	-moz-opacity: 0.08;
	opacity: 0.08;
	height:100%;
	width:100%;
	}

* html #TB_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #4baa42;
	text-align:left;
	top:50%;
	left:50%;
	
	/* ie hack */
	_position: absolute;
	_margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

#TB_window a {
	border: 0;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
	}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
	}

#TB_title{
	height:25px;
	}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	}

#TB_ajaxContent.TB_modal {
	padding: 15px;
	}

#TB_ajaxContent p {
	padding: 5px 0px 5px 0px;
	}

#TB_load {
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	/* ie hack */
	_position: absolute;
	_margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

#TB_HideSelect {
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
	/* ie hack */
	_position: absolute;
	_height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');
	}

#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	}

/* TextBox                     */
/*-----------------------------*/	
.smallTextBox, .mediumTextBox, .dateTextBox, .moneyTextBox, .largeTextBox, .x-largeTextBox, .xx-largeTextBox, .emailTextBox, .multiLineTextBox
{
	font: normal;
	line-height: normal;
}

.smallTextBox
{
	width:20px;
}

.mediumTextBox
{
	width:50px;
}

.dateTextBox
{
	width:75px;
}

.emailTextBox
{
	width:250px;
}
.moneyTextBox
{
	width:65px;
}

.largeTextBox
{
	width:100px;
}

.x-largeTextBox
{
	width:200px;
}
.xx-largeTextBox
{
	width:300px;
}
.multiLineTextBox
{
	width:650px;
}


/*-----------------------------*/
@media print
{
	body
	{
		border:none;
		font-family: Tahoma;
		color: #000000;
		line-height:normal;
		
	}
	h1, h2, h3, h4, p, title
	{
		margin: 0;
		font-family: Tahoma;
		color: #000000;
		line-height:normal;
	}

	.logo
	{
		display: none;
		visibility: hidden;
	}
	
	.MasterHeader
	{
		display: none;
		visibility: hidden;
	}
	
	.MasterTitle
	{
		display: none;
		visibility: hidden;
	}
	
	
	.button
	{
		display: none;
		visibility: hidden;
	}
	
	
	#menu
	{		
		display: none;
		visibility: hidden;
	}
	
	#content
	{
		background-image:none;
		border:none;	
		visibility:visible;
		background-image:none;
		background-color:White;
	}
}