﻿body 
{
	color: #010101; 
	background-color: #f7f7f7; 
	font-size: 16px; 
	font-family: arial, verdana;	
	margin: 0;
	padding: 0;
}


A:link {	FONT-SIZE: 14px;	COLOR: #a0a0a0}A:visited {	FONT-SIZE: 14px;	COLOR: #a0a0a0}A:hover {	FONT-SIZE: 14px;	COLOR: #a0a0a0}A:active {	FONT-SIZE: 14px;	COLOR: #a0a0a0}

/*master page */
.mastercontainer

{
	margin: 0 auto;
	padding: 0 auto;
	background-color: #f7f7f7;
	width: 100%;
	height: 142px;
	text-align:center;
	background-image: url(../images/headbg.gif);
	background-repeat: repeat-x;
}

.headercontainer

{
	width: 900px;
	height: 142px;
	font-size: 12px;
	text-align:left;
	margin: 0 auto;
}

.headercontainerTop

{

	width: 900px;
	height: 103px;
	font-size: 12px;
	text-align:left;
	margin: 0 auto;
}
.logo

{
	float:left;
	margin-top: 20px;
	margin-right: 3px;

}

.topicon
{

	float:left;
	margin-left: 45px;
	margin-top: 25px;
}
.icon

{

	float:left;
}
.icontext

{
	float:left;
	margin-left: 3px;
	margin-right: 18px;
	padding-top: 7px;
	font-size: 12px; 
	font-weight:normal;
	line-height: 9pt;

}

.icontext a

{
	color: #010101; 
	float:left;
	font-size: 12px; 
	text-decoration: none;
}

.icontext a:hover

{
	color: #010101; 
	float:left;
	font-size: 12px; 
	text-decoration: underline;
}

.searchfield
{
	float:right;
	width: 220px;
	margin-top: 30px;
	margin-right: 10px;
}

.searchbox

{

	width: 200px;
	float:left;

}
.field

{
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
	float:left;
	width:180px;
}


.searchtext

{
	font-size: 14px;
	font-weight: lighter;
	padding-left: 4px;
	float:left;
}

.searchtext a

{
	font-size: 14px;
	font-weight: lighter;
	padding: 2px;
	float:left;
	text-decoration: none;
	color: #FFFFFF; 
	background-color: #cccccc;
}

.searchtext a:hover

{
	font-size: 14px;
	font-weight: lighter;
	padding: 2px;
	float:left;
	text-decoration: underline;
	color: #FFFFFF; 
}

.menu

{

	float:left;
	margin-top: 0px;

}
/*menu start */
/*ID OF 1. LIST*/

#navID
{
	/* all lists */
	padding: 0px;
	margin: 0px; 
	border: none;
	z-index: 10000;
	background: url(../images/menubgoff.gif);
	background-repeat: repeat-x;
	color: White;
	float: left;
	width: 900px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	height: 36px;
}

/* 1. LIST */
#navID ul
{
	/*width:100%;*/
	z-index: 10000;
	padding: 0;
	margin: 0;
    
}

/* 1. ELEMENT */
#navID li
{
	/* all list items */
	float: left; /* width needed or else Opera goes nuts */
	list-style: none;
	margin: 0px;
	line-height: 14px;
	padding-top:9px;
	background: url(../images/menubgoff.gif);
	background-position:100% 0px;
	background-repeat: repeat-y;
}
#navID li.navLast
{
	float: left; /* width needed or else Opera goes nuts */
	list-style: none;
	margin: 0px;
	line-height: 14px;
	background:none;padding-top:9px;
}
#navID li.navLast a 
{
	background:none;
}
/* 1. NAV */
#navID a
{
	
	padding-left: 15px;
	display: block;
	padding-right: 22px;
	text-decoration: none;
	white-space: normal;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #838383;
	border-right: 0px solid #ec218e;
	
}
#navID a:hover
{
	color: #fff;
}
#navID a:hover, #navID a:activate
{
	/*background-color: #0066CB;
	z-index: 10000;
	line-height: 12px;
	margin-top:7px;*/
	background: url(../images/menubgon.gif) repeat-x;	
	color: #fff;
	
}

/* END NEW MENU */

.skipnav
{
display:none;	
}

/* menu end */


.breadcrumb

{
	background-color: #ffffff; 
	font-size: 16px; 
	width: 900px;
	border-bottom: 0px solid #ededed;
	height:35px;
	margin: 0px auto;
	text-align:left;
}

.breadcrumbdiv
{
	padding: 10px 0px 5px 5px;	

}

.breadcrumbdiv a

{
   
	color: #a0a0a0; 
	font-size: 14px; 
	text-decoration: none;
   
}

.breadcrumbdiv a:hover

{
	color: #a0a0a0; 
	font-size: 14px; 
	text-decoration: underline;

}

.maincontainer
{
	font-size: 16px;
	margin: 0px auto;
	width: 900px;
	color: #010101;
	BACKGROUND-COLOR: #ffffff;
	margin: 0px auto;
	height:auto;
	display:inline-block;
}

.rightcolumn 
{
padding-right: 5px;	
margin-top: 0px;
padding-left: 0px;	
font-size: 14px;	
float: right;	
padding-bottom: 5px;	
width: 270px;	
color: #a0a0a0;	
text-align: left}

.footer 
{
font-size: 12px;
background: url(../images/footerbg.gif) repeat-x;
float: left;
margin-bottom: 0px;
padding-bottom: 0px;	
width: 900px;
height: 131px;
text-align: left
}
.w3container
{
	margin: 0 auto;
	padding: 0 auto;
	width: 900px;
	text-align:center;
}
.w3c
{	
	font-size: 14px;
	text-align:left;
	float:right;
	margin-top: 40px;
	margin-right: 5px;
	color: #6f6f6f;
	padding-bottom: 0px;
}

.footercontainer {	FONT-SIZE: 14px;	FLOAT: left;	PADDING-BOTTOM: 20px;	MARGIN: 20px;WIDTH: 195px;	COLOR: #6f6f6f;	TEXT-ALIGN: left}.footermicrosoft {	MARGIN-TOP: 40px;	PADDING-LEFT: 5px;	FONT-SIZE: 14px;	FLOAT: left;	PADDING-BOTTOM: 0px;	WIDTH: 150px;	COLOR: #6f6f6f;	TEXT-ALIGN: left}
.verticalmenu {	BORDER-RIGHT: #9a9a9a 0px solid;	PADDING-RIGHT: 0px;	BORDER-TOP: #9a9a9a 0px solid;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 30px 0px 5px;	border-left: #9a9a9a 0px solid;	WIDTH: 270px;	PADDING-TOP: 0px;	border-bottom: #9a9a9a 0px solid;	list-style-type: none}
.verticalmenu LI A {PADDING-RIGHT: 0px;	DISPLAY: block;	PADDING-LEFT: 15px;	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	PADDING-BOTTOM: 3px;	WIDTH: auto;	COLOR: #838383;	PADDING-TOP: 3px;	FONT-FAMILY: arial, helvetica, sans-serif;	TEXT-DECORATION: none}
.verticalmenu LI A {	WIDTH: 160px}
.verticalmenu LI A:visited {	}
.glossymenu LI A:active {	COLOR: white}
.verticalmenu LI A:hover {	COLOR: #ffffff}


/*default page */
.contentcontainer {background-color: #ffffff; font-size: 12px;	float: left;margin-bottom: 10px;width: 610px;text-align: left}
.boxes {font-size: 16px;float: left;padding-bottom: 15px;margin-left: 5px;width: 610px;border-bottom: #ededed 1px solid; border-top: 1px solid #ededed;}
.box {font-size: 16px;float: left;width: 180px;margin-right: 23px}
.headertext a{margin-top: 15px;	font-size: 1.15em;float: left;color: #0091e5; width: 170px;text-align: left; text-decoration:none; font-weight:Bold;}
.headertext a:hover{text-decoration:underline }
.frontabstracttext a {margin-top: 5px;font-size: 0.97em;float: left;color: #838383;text-align: left;text-decoration:none}
.frontabstracttext a:hover{text-decoration:underline;font-size: 0.97em }
.digimakerrelases {padding-right: 0px;margin-top: 0px;padding-left: 0px;font-size: 14px;background-color:#b6f261;FLOAT: right;	PADDING-BOTTOM: 5px;	WIDTH: 275px;	COLOR: #a0a0a0;	TEXT-ALIGN: left}
.head {	PADDING-RIGHT: 0px;	MARGIN-TOP: 0px;	PADDING-LEFT: 0px;	FONT-SIZE: 12px;	FLOAT: right;	PADDING-BOTTOM: 5px;	WIDTH: 275px;	COLOR: #ffffff;	HEIGHT: 20px;	BACKGROUND-COLOR: #88e800;	TEXT-ALIGN: left}
.headtext {	PADDING-LEFT: 5px;	FONT-SIZE: 14px;	FLOAT: left;	WIDTH: 170px;	COLOR: #ffffff;	PADDING-TOP: 2px;	TEXT-ALIGN: left}
.heading A {	PADDING-RIGHT: 0px;	MARGIN-TOP: 10px;	PADDING-LEFT: 15px;	FONT-SIZE: 18px;	FLOAT: left;	PADDING-BOTTOM: 0px;	WIDTH: 250px;	COLOR: #737373;	TEXT-ALIGN: left;	TEXT-DECORATION: none}
.heading A:hover {	PADDING-RIGHT: 0px;	MARGIN-TOP: 10px;	PADDING-LEFT: 15px;	FONT-SIZE: 18px;	FLOAT: left;	PADDING-BOTTOM: 0px;	WIDTH: 250px;	COLOR: #737373;	TEXT-ALIGN: left;	TEXT-DECORATION: underline}
.abstract {	PADDING-RIGHT: 0px;	MARGIN-TOP: 0px;	PADDING-LEFT: 15px;	FONT-SIZE: 14px;	FLOAT: left;	PADDING-BOTTOM: 5px;	WIDTH: 200px;	COLOR: #737373;	TEXT-ALIGN: left}
.olderarticles {	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	FLOAT: right;	PADDING-BOTTOM: 4px;	WIDTH: 265px;	COLOR: #737373;	MARGIN-RIGHT: 10px;	TEXT-ALIGN: right}
.olderarticles A {	MARGIN-TOP: 0px;	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	COLOR: #737373;	TEXT-DECORATION: none}
.olderarticles A:hover {	PADDING-RIGHT: 0px;	MARGIN-TOP: 0px;	PADDING-LEFT: 0px;	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	COLOR: #737373;	TEXT-DECORATION: underline}
.mainbanner {	MARGIN-TOP: 10px;	FONT-SIZE: 16px;	FLOAT: left;	MARGIN-LEFT: 5px;	WIDTH: 610px}
.breakline {	MARGIN-TOP: 0px;	FONT-SIZE: 16px;	FLOAT: left;	MARGIN-LEFT: 5px;	WIDTH: 610px;	BORDER-BOTTOM: #ededed 1px solid}
.headertext_under a{	MARGIN-TOP: 15px;	FONT-SIZE: 18px;	FLOAT: left;	WIDTH: 300px;	COLOR: #0091e5;	TEXT-ALIGN: left;text-decoration:none}

.customers {	MARGIN-TOP: 0px;	FONT-SIZE: 16px;	FLOAT: left;	MARGIN-LEFT: 0px;	WIDTH: 615px}
.client {	BORDER-RIGHT: #ededed 1px solid;	BORDER-TOP: #ededed 1px solid;	MARGIN-TOP: 5px;	FONT-SIZE: 16px;	FLOAT: left;	MARGIN-LEFT: 5px;	BORDER-LEFT: #ededed 1px solid;	WIDTH: 300px;	MARGIN-RIGHT: 0px;	BORDER-BOTTOM: #ededed 1px solid;	HEIGHT: 180px}
.clientlogo {	BORDER-RIGHT: #ededed 0px solid;	BORDER-TOP: #ededed 0px solid;	MARGIN-TOP: 5px;	PADDING-LEFT: 0px;	FONT-SIZE: 16px;	FLOAT: left;	BORDER-LEFT: #ededed 0px solid;	WIDTH: 250px;	BORDER-BOTTOM: #ededed 0px solid;	HEIGHT: 80px;	TEXT-ALIGN: center}
.clienttext {	PADDING-RIGHT: 5px;	MARGIN-TOP: 0px;	PADDING-LEFT: 15px;	FONT-SIZE: 14px;	FLOAT: left;	PADDING-BOTTOM: 5px;	WIDTH: 250px;	COLOR: #838383;	TEXT-ALIGN: left}
.clienttext A {	FONT-SIZE: 14px;	COLOR: #838383}
.clienttext A:hover {	FONT-SIZE: 14px;	COLOR: #838383}
.digimakerblog {	PADDING-RIGHT: 0px;	MARGIN-TOP: 5px;	PADDING-LEFT: 0px;	FONT-SIZE: 14px;	BACKGROUND: url(../images/rightgreybg.gif) repeat-x;	FLOAT: right;	PADDING-BOTTOM: 5px;	WIDTH: 275px;	COLOR: #a0a0a0;	TEXT-ALIGN: left}
.head2 {	PADDING-RIGHT: 0px;	MARGIN-TOP: 0px;	PADDING-LEFT: 0px;	FONT-SIZE: 12px;	FLOAT: right;	PADDING-BOTTOM: 5px;	WIDTH: 275px;	COLOR: #ffffff;	HEIGHT: 20px;	BACKGROUND-COLOR: #0185d4;	TEXT-ALIGN: left}
.headertext {	MARGIN-TOP: 15px;	FONT-SIZE: 18px;	FLOAT: left;	COLOR: #0091e5;	TEXT-ALIGN: left}
.twitter {	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	FLOAT: right;	PADDING-BOTTOM: 5px;	WIDTH: 265px;	COLOR: #737373;	MARGIN-RIGHT: 10px;	TEXT-ALIGN: right}
.twitterimg {	PADDING-RIGHT: 3px;	FONT-SIZE: 14px;	FLOAT: right;	PADDING-BOTTOM: 0px;	COLOR: #737373;	MARGIN-RIGHT: 0px;	PADDING-TOP: 1px}
.twittertext {	FONT-SIZE: 14px;	FLOAT: right;	PADDING-BOTTOM: 0px;	COLOR: #737373;	MARGIN-RIGHT: 4px}
.twitter A {	MARGIN-TOP: 0px;	FONT-WEIGHT: bold;	FONT-SIZE: 11px;	PADDING-BOTTOM: 5px;	COLOR: #737373;	TEXT-DECORATION: none}
.twitter A:hover {	PADDING-RIGHT: 0px;	MARGIN-TOP: 0px;	PADDING-LEFT: 0px;	FONT-WEIGHT: bold;	FONT-SIZE: 11px;	PADDING-BOTTOM: 5px;	COLOR: #737373;	TEXT-ALIGN: right;	TEXT-DECORATION: underline}

/* fullstory template */

.fullstorycontainer {	FONT-SIZE: 16px;	FLOAT: left;	PADDING-BOTTOM: 15px;	MARGIN-LEFT: 5px;	WIDTH: 610px;	BORDER-BOTTOM: #ededed 1px solid}
.fullstorycontent {	FONT-SIZE: 16px;	FLOAT: left;	WIDTH: 610px;	MARGIN-RIGHT: 23px; border-top: 1px solid #ededed}
.frontabstracttextFullstory {	MARGIN-TOP: 10px;	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	FLOAT: left;	MARGIN-BOTTOM: 10px;	WIDTH: 610px;	COLOR: #838383;	TEXT-ALIGN: left}
.frontFullstorytext {	MARGIN-TOP: 5px;	FONT-SIZE: 14px;	FLOAT: left;	WIDTH: 610px;	COLOR: #838383;	TEXT-ALIGN: left}
.frontabstracttext A {	font-size: 0.97em;	FLOAT: left;	COLOR: #838383;	TEXT-ALIGN: left;	TEXT-DECORATION: none}
.frontabstracttext A:hover {	font-size: 0.97em;	FLOAT: left;	COLOR: #838383;	TEXT-ALIGN: left;	TEXT-DECORATION: underline}
.share {	MARGIN-TOP: 5px;	FONT-SIZE: 14px;	FLOAT: left;	MARGIN-LEFT: 5px;	COLOR: #a0a0a0;	TEXT-ALIGN: left;width:600px;}
.tips a{	MARGIN-TOP: 5px;	FONT-SIZE: 14px;	FLOAT: left;	MARGIN-LEFT: 5px;	COLOR: #a0a0a0;	TEXT-ALIGN: left}
.addme {	MARGIN-TOP: 5px;	FONT-SIZE: 14px;	FLOAT: left;	MARGIN-LEFT: 5px;	COLOR: #a0a0a0;	TEXT-ALIGN: left}
.print {	MARGIN-TOP: 5px;	FONT-SIZE: 14px;	FLOAT: left;	MARGIN-LEFT: 5px;	COLOR: #a0a0a0;	TEXT-ALIGN: left}



/*two column template */

.fullstoryrightcontent {	FONT-SIZE: 16px;	FLOAT: left;	WIDTH: 285px;	COLOR: #838383;	MARGIN-RIGHT: 0px}
.downloadcontainer {	FONT-SIZE: 16px;	FLOAT: left;	WIDTH: 295px;	MARGIN-RIGHT: 0px}
.frontabstracttextFullstoryRight {	MARGIN-TOP: 10px;	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	FLOAT: left;	MARGIN-BOTTOM: 10px;	WIDTH: 285px;	COLOR: #838383;	TEXT-ALIGN: left}
.frontFullstorytextRight {	MARGIN-TOP: 5px;	FONT-SIZE: 14px;	FLOAT: left;	WIDTH: 285px;	COLOR: #838383;	TEXT-ALIGN: left}
.frontFullstorytextLeft {	MARGIN-TOP: 5px;	FONT-SIZE: 14px;	FLOAT: left;	WIDTH: 285px;	COLOR: #838383;	TEXT-ALIGN: left}
.frontabstracttextFullstoryLeft {	MARGIN-TOP: 10px;	PADDING-LEFT: 3px;	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	FLOAT: left;	BACKGROUND-IMAGE: url(../images/downloadbg.gif);	MARGIN-BOTTOM: 10px;	PADDING-BOTTOM: 10px;	WIDTH: 265px;	COLOR: #a0a0a0;	PADDING-TOP: 10px;	BACKGROUND-REPEAT: repeat-x;	TEXT-ALIGN: left}
.downloadcontainer {FONT-SIZE: 16px;	FLOAT: left;	WIDTH: 295px;	MARGIN-RIGHT: 0px}
.downloadtext {	MARGIN-TOP: 5px;	FONT-SIZE: 14px;	FLOAT: left;	MARGIN-BOTTOM: 1px;	WIDTH: 295px}
.downloadimg {	MARGIN-TOP: 8px;	FONT-SIZE: 14px;	FLOAT: left;	MARGIN-BOTTOM: 1px;	WIDTH: 295px}
.frontRelated {	MARGIN-TOP: 10px;	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	FLOAT: left;	MARGIN-BOTTOM: 10px;	WIDTH: 285px;	COLOR: #838383;	TEXT-ALIGN: left}
/* ArticleListing Template */



/*search Template */
.SearchTop{margin-left:20px;}
.SearchHeading{float:left;font-size: 18px;padding-left:35px;margin:20px 0px 20px 0px;}
.searchboxdiv{clear:both;float:left;margin:0px 0px 20px 0px;}
.Searchheadertext a{clear:both;margin-top: 15px;	font-size: 18px;color: #0091e5; text-align: left; text-decoration:none}
.Searchheadertext a:hover{text-decoration:underline }


.searchResultAbstract {	MARGIN-TOP: 10px;	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	MARGIN-BOTTOM: 10px; clear:both; COLOR: #838383;	TEXT-ALIGN: left}
.searchContainer
{
	float:left;
}
searchResultContainer.{float:left;clear:both;margin-left:15px;width:900px}
