html, body 
{ 
	margin:0; 
	padding:0; 
	text-align:center; 
}

body
{
	background:url("img/html.jpg") repeat-x #E0DFE3;
} 

a img {
	border:none;
}
 
#pagewidth
{ 
	width:760px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
}

#wrapper
{
	clear:both;
	position:relative;
	top:0px;
	background:#E0DEF3;

}

#wrapper.home
{
	top:20px;
}

/* HEADER */
 
#header
{
	position:relative; 
	height:140px; 
	width:100%;
} 

#header h1,
#header h2,
#header h3,
#header h4,
#header h5,
#header h6
{
	margin:0;
	padding:0;
}

#menu
{
	position:absolute;
	bottom:0px;
	left:0px;
	display:block;
	height:30px;
	width:760px;
	background:url("img/menubar.jpg") no-repeat;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

#menu li
{
	float:left;
	font-size:13px;
	font-weight:bold;
}

#menu li a:link,
#menu li a:visited
{
	line-height:30px;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 15px;
	margin:0 18px;
}

#menu li a:hover
{
	color:#FFFF00;
	background:url("img/menuhover.jpg") repeat-x;
}

#topmenu
{
	position:absolute;
	list-style:none;
	padding:0;
	margin:0;
	top:24px;
	right:185px;
}

#topmenu li
{
	float:left;
	margin:0 3px 0 3px;
	color:#003366;
	font-size:11px;
	font-weight:bold;
}

#topmenu li a
{
	color:#003366;
	text-decoration:none;
}

form#search
{
	position:absolute;
	right:0px;
	top:20px;
}

form#search input.textfield
{
	background:#FFFFFF;
	border:1px solid #003366;
	text-indent:3px;
	color:#003366;
}

form#search input.gobutton
{
	background:url("img/go.jpg") no-repeat;
	width:20px;
	height:20px;
	border:none;
	position:relative;
	top:1px;
}

#header img.logo
{
	position:absolute;
	top:38px;
	left:0px;
	width:345px;
	height:62px;
}

/* END HEADER */
/* INFO */
#info
{
	width:100%;
}

#info ul.features
{
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	margin-top:-42px;
}

#info ul.features li
{
	float:left;
	width:249px;
	position:relative;
	background:url("img/featurecontent.jpg") repeat-x;
	background-position:0px 40px;
}

li.featurecenter
{
	margin:0px 6px 0px 6px;
}


#info ul.features h3
{
	line-height:40px;
	background:url("img/featureheading.gif") no-repeat;
	margin:0;
	padding:0;
}

#info ul.features h3 b
{
	background:url("img/featureicon.jpg") no-repeat;
	width:100%;
	text-indent:55px;
	line-height:40px;
	display:block;
	background-position:15px 5px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#FFFF00;
}

#info ul.features li.featureleft h3 { background-position:top left; }
#info ul.features li.featurecenter h3 { background-position:top center; }
#info ul.features li.featureright h3 { background-position:top right; }


#info ul.features li ul
{
	margin:0;
	padding:0;
	padding:0px 20px;
	list-style-image:url("img/list.gif");
	list-style-position:inside;
	margin-bottom:10px;
}

#info ul.features li ul li
{
	float:none;
	width:auto;
	background:none;
	margin-top:5px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	font-weight:bold;
}

#info ul.features li a.readmore:link,
#info ul.features li a.readmore:visited
{
	position:relative;
	left:150px;
	line-height:25px;
	text-decoration:none;
	background:#009FC5;
	padding:6px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}

#info ul.features li a.readmore:hover
{
	background:#003366;
}

/* END INFO */
 
#rightcol
{
	width:30%; 
	float:right; 
	position:relative;
	font-size:10px;
	 
}

#rightcol .boxcontent,
#rightcol .boxtop,
#rightcol .boxlow
{
	display:block;
}

#rightcol .boxtop,
#rightcol .boxlow
{
	height:12px;
	width:100%;
}

#rightcol .boxtop		{ background:url("img/boxtop.jpg") no-repeat;}
#rightcol .boxlow		{ background:url("img/boxlow.jpg") no-repeat;}
#rightcol .boxcontent	{ background:url("img/boxcontent.jpg") repeat-y; padding:10px;}

#rightcol h1,
#rightcol h2,
#rightcol h3,
#rightcol h4,
#rightcol h5,
#rightcol h6
{
	margin-top:0px;
	padding:0;
}

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

#rightcol ul li
{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:2px #000 dotted;
}

#rightcol ul li h6
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000033;
	font-size:10px;
	width:100%;
	background:url("img/w_box.jpg") no-repeat;
	text-indent:10px;
	background-position:0px 3px;
	margin:0;
}

#rightcol ul li p
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000033;
	font-size:10px;
}

#rightcol ul li a.readmore:link,
#rightcol ul li a.readmore:visited,
#rightcol ul li a.readmore:hover
{
	position:relative;
	left:125px;
	text-decoration:none;
	color:#0066FF;
	font-weight:bold;
}

#rightcol b
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000033;
	font-size:10px;
}

#rightcol p
{
	margin-bottom:5px;
	margin-top:2px;
}
 
#maincol
{
	float: left; 
	display:inline; 
	position: relative; 
	width:70%; 
}



#maincol.single
{
	width:100%;
}

#maincol.single .content
{
	padding:0px 10px;
}

#maincol p
{
	margin:0;
	margin-top:10px;
	margin-bottom:20px;
}

#maincol p span
{
	color:#000033;
	font-size:13px;
	font-weight:bold;
}

#maincol p b
{
	color:#0066FF;
}

.content
{
	padding:10px 10px 10px 0px;
}

.content ul#products,
.content ul#news_inside
{
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	background:#E3E6EB;
}

.content ul#news_inside
{
	background:none;
}

.content ul#news_inside li
{
	padding:0 15px;
}

.content ul#products li
{
	padding:0 0 45px 0;
	background:url("img/product_sep.jpg") repeat-x;
	background-position:bottom left;
	min-height:40px;
}

.content ul#news_inside li img
{
	float:left;
	border:2px solid #FFFFFF;
	margin-top:5px;
}


.content ul#products li img
{
	float:left;
	border:7px solid #CBCFD9;
	margin-top:5px;
	position:relative;
	left:15px;

}

.content ul#products div.top
{
	display:block;
	width:100%;
	height:21px;
	background:url("img/product_top.jpg") repeat-x;
	position:relative;
	right:0;
	margin-top:0;
}

.content ul#news_inside li p
{
	float:right;
	width:590px;
	margin:0;
	margin:5px 0;
}

.content ul#news_inside li h3
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0033CC;
	margin:0;
	margin:10px 0px 5px 0px;
	width:100%;
	background:url("img/news_heading.jpg") no-repeat;
	text-indent:30px;
	line-height:28px;
}

.content ul#news_inside li span.date
{
	display:block;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:bold;
	
}

.content ul#products li div
{
	float:right;
	width:585px;
	position:relative;
	right:15px;
}

.content ul#products li div ul
{
	list-style:none;
	margin:0;
	padding:0;
}

.content ul#products li div ul li
{
	display:block;
	width:45%;
	float:left;
	padding:0 0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#003366;
	background:url("img/product_list.gif") no-repeat;
	background-position:0px 9px;
	text-indent:12px;
	line-height:22px;
	margin:0;
	min-height:0px;
	
}

.content ul#products li div h3
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0033CC;
	margin-top:0;
}


.content ul li a.readmore
{
	text-decoration:none;
	font-weight:bold;
	color:#009FC5;

}

.content ul#products li div p
{
	border-top:dotted 2px #009FC5;
	padding-top:10px;
	clear:both;
}

.feature
{
	padding:16px;
	background:#EFEFF1;
}
 
#footer
{
	height:100px; 
	background:url("img/footer.jpg") repeat-x; 
	clear:both;
	width:100%;
	margin-top:10px;
} 

#footer ul
{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	top:20px;
}

#footer ul li
{
	display:inline;
	color:#0066FF;
	font-weight:bold;
}

#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:hover
{
	color:#0066FF;
	text-decoration:none;
}


#footer p
{
	position:relative;
	top:30px;
	font-weight:bold;
	color:#000033;
	margin:0;
}
 
 /* *** Float containers fix */ 
.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

.clear
{
	clear:both;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
/*printer styles*/ 
@media print
{ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}