/* Hides from IE5-mac \*/
* html #middlebar {height: 1%;}
/* End hide from IE5-mac */

body {
	font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #292929;
	margin: 0px 0px 15px 0px; 
	padding: 0px;
	background: #FFFFFF url("bgbody.gif") top center repeat-y;
	text-align: center;
}
#press {
	background: #FFFFFF url("press.gif") top left no-repeat;
}
ul#navlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#navlist li
{
float: left;
font-family: arial;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0;
background-color: #263359;
border-top: 1px solid #263359;
border-bottom: 1px solid #263359;
}

#navlist a, #navlist a:link
{
margin: 0;
padding: 5px 9px 4px 9px;
color: #ffffff;
border-right: 1px dashed #ffffff;
text-decoration: none;
}

ul#navlist li#active
{
color: #ffffff;
background-color: #8192C4;
}

#navlist a:hover
{
color: #ffffff;
background-color: #8192C4;
}
#main {
    width: 898px;
    margin: 0px auto;
    padding: 0px;
    text-align: right;
}

a, a:link, a:visited, a:active, a:hover { 
	text-decoration: none; 
	border: none;
	color: #000000;
}

img, p, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	border: none;
}

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

#hd {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    height: 72px;
}

#topnav {
	margin: 0px;
	padding: 0px;
	text-align: right;
	height: 40px;
}

#lng {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: right;
}

#lg {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 212px;
	height: 68px;
	background: url("sonitollogo.jpg") no-repeat;
}

h1#logo a, h1#logo a:link, h1#logo a:visited, h1#logo a:active, h1#logo a:hover {
	display: block;
	height: 41px;
	border: none;
	text-decoration: none;
	text-align: left;
}

h1#logo {
    display: block;
	height: 41px;
	width: 212px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	overflow: hidden;
	text-indent: -1000px;
	font-size: 1px;
}

#nav {
	clear: both;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 23px;
}

#navt {
	padding: 0px;
	margin: 0px;
	height: 32px;
	text-align: right;
}


#navul, #navtul {
    border: none;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

#navul a, #navul a:link, #navul a:visited, #navul a:active, #navul a:hover {
	padding: 0px;
	display: block;
	height: 17px;
	border: none;
	text-decoration: none;
}

#navtul a, #navtul a:link, #navtul a:visited, #navtul a:active, #navtul a:hover {
	padding: 0px;
	display: block;
	height: 32px;
	border: none;
	text-decoration: none;
}

#navul li {
    display: block;
    float: left;
	height: 17px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	overflow: hidden;
	text-indent: -1000px;
	font-size: 1px;
	text-decoration: none; 
	background-repeat: no-repeat;
}

#navtul li {
    display: block;
    float: right;
	height: 32px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	overflow: hidden;
	text-indent: -1000px;
	font-size: 1px;
	text-decoration: none; 
	background-repeat: no-repeat;
}
#mainimage {
	width: 898px;
	height: 155px;
	margin: 0px 0px 0px 0px;
	background: url("image1.jpg") no-repeat;
}

#mainimageholder {
	padding: 50px 0px 0px 12px;
}

#footer {
	border-top: 1px solid #999999;
	padding-top: 8px;
}

#footerlogo {
	float: right;
	padding: 0px 0px 0px 0px;
}

#footertext {
	padding: 0px 0px 0px 0px;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover { 
	color: #444444;
}

#contentholder {
	margin: 15px 0px 0px 0px;
}

#chleft {
/*	width: 100%;*/
	width: 898px;
	float: left; 
	margin-right: -193px;
}

#chmiddle {
	margin-right: 193px;
}

#leftbar {
	width: 225px;
	float: left;
}

#rightbar {
	width: 165px;
	float: right;
	text-align: right;
}

#middlebar {
}

#leftbarcontent {
	padding: 3px 0px 0px 0px;
	line-height: 150%;
}

#rightbarcontent {
	padding: 24px 0px 0px 0px;
}

ul.lm1, ul.lm2 {
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

ul.lm2 {
	margin: 4px 0px 4px 0px;
}

li.lm1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	background: #FFFFFF url("bgli.gif") repeat-x;
	background-position: 0px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #363333;
	line-height: 23px;
}

li.lm2 {
	margin: 0px;
	padding: 3px 0px 3px 10px;
	list-style-type: none;
	background: #FFFFFF url("lie4.gif") no-repeat;
	background-position: 0px 6px;
	font-size: 11px;
	font-weight: normal;
	color: #363333;
	line-height: 14px;
	font-weight: normal;
}

li.lm1 a, li.lm1 a:link, li.lm1 a:visited, li.lm1 a:active { 
	color: #363333;
}

li.lm2 a, li.lm2 a:link, li.lm2 a:visited, li.lm2 a:active { 
	color: #555555;
}

li.lmsel a, li.lmsel a:link, li.lmsel a:visited, li.lmsel a:active { 
	color: #4184b4;
}

li.lm1 a:hover {
	color: #000000;
}

li.lm2 a:hover, li.lmsel a:hover { 
	color: #4184b4;
}

.rbar1 {
    width: 114px;
    height: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
	background: url("rbar1.gif") no-repeat;
	font-size: 1px;
}

.rcnt {
	margin-right: 11px;
}

#rightbar img {
	margin-right: 0px;
}

#maincontent {
	font-size: 12px;
	line-height: 170%;
}

#maincontent a, #maincontent a:link, #maincontent a:visited, #maincontent a:active { 
	color: #326a93;
	text-decoration: underline;
}

#maincontent a:hover { 
	color: #111111;
}

#maincontent h1 {
	height: 28px;
	background: url("h1bg.gif") repeat-x;
	background-position: 0px 25px;
	margin-bottom: 6px;
}

#maincontent h2 {
	height: 20px;
	margin-bottom: 6px;
}

#maincontent h3 {
	height: 23px;
	background: url("h1bg.gif") repeat-x;
	background-position: 0px 22px;
	margin-bottom: 8px;
}


#maincontent h2 a, #maincontent h2 a:link, #maincontent h2 a:visited, #maincontent h2 a:active { 
	color: #303030;
	text-decoration: none;
}


#maincontent h2 a:hover { 
	color: #303030;
}

.listEntry {
	margin-top: 20px;
}

.listEntry h2 {
	font-size: 13px;
	font-weight: bold;
	color: #222222;
}

.listEntry h2 a {
	font-size: 13px;
}

/*
#maincontent h3 {
	color: #335269;
	border-bottom: 1px solid #797979;
	margin-bottom: 8px;
}
*/
#maincontent h4 {
	font-size: 13px;
	font-weight: bold;
	color: #303030;
	margin-bottom: 4px;
}

.cntext {

}


#maincontent .box1 {
	background: #cad6df;
	border-left: 4px solid #335269;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}

#leftbarcontent .box1 {
	background: #dae4ec url("bggr.gif") bottom left repeat-x;
	border-top: 1px solid #335269;
	padding: 8px 8px 19px 8px;
	margin: 0px 0px 10px 0px;
}

#leftbarcontent .adress, #leftbarcontent .adress a {
	font-weight: bold;
	color: #234159;
}

#leftbarcontent .adress {
	border-bottom: 1px dotted #335269;
	padding: 4px 0px 12px 0px;
	margin-bottom: 12px;
}

#leftbarcontent small {
	font-size: 10px;
	line-height: 120%;
}


#maincontent .box2 {
	background: #f6fafd url("c_bq.gif") bottom left repeat-x;
	border: 1px solid #335269;
	padding: 10px;
	color: #2e5c83;
	margin: 10px 0px 10px 0px;
}

#maincontent .box3 {
	background: #cad6df;
	padding: 0px;
	color: #41403e;
	margin: 10px 0px 10px 0px;
	border: 1px solid #6f8ea4;
}

#maincontent .box4 {
	background: #f8fae1;
	border-top: 1px dotted #585b32;
	border-bottom: 1px dotted #585b32;	
	padding: 10px;
	color: #333333;
	margin: 10px 0px 10px 0px;
}

#maincontent .box5 {
	background: #f6fafd url("c_bq.gif") bottom left repeat-x;
	border: 1px solid #335269;
	padding: 8px;
	color: #2e5c83;
	margin: 10px 0px 10px 0px;
}

#maincontent .box6 {
	background: #f6fafd url("c_bq.gif") bottom left repeat-x;
	border: 1px solid #335269;
	padding: 8px;
	color: #2e5c83;
	margin: 10px 0px 10px 0px;
}

#maincontent blockquote {
	background: #F9F9F9;
	border-left: 4px solid #666666;
	padding: 10px;
	margin: 10px 0px 10px 25px;
}

#maincontent strong {
	background: #d4e2ec;
	padding: 0px 2px 0px 2px;
	font-weight: normal;
	color: #222222;
	border-bottom: 1px solid #bbccd8;
}

#maincontent ul {
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	margin: 0px 0px 0px 20px;
}

#maincontent ol {
	padding: 0px;
	font-size: 12px;
	margin: 5px 0px 10px 36px;
}

#maincontent ul li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	background: url("c_li1.gif") 0px 6px no-repeat;
	font-size: 12px;
}

#maincontent li ul li {
	background: url("c_li2.gif") 0px 6px no-repeat;
}

#maincontent .box3 ul {
	padding: 4px 10px 6px 0px;
	margin: 0px 0px 0px 10px;
}

#maincontent .box3 ul ul {
	padding: 0px;
}


#maincontent .box3 ul li {
	color: #324f64;
	background: url("c_li5.gif") 0px 6px no-repeat;
	border-bottom: 1px dotted #e9f1f2;
	padding: 3px 0px 3px 18px;
}

#maincontent .box3 li ul li {
	color: #324f64;
	background: url("c_li3.gif") 0px 8px no-repeat;
}


#maincontent .box5 ul {
	padding: 4px 10px 6px 0px;
	margin: 0px 0px 0px 10px;
}

#maincontent .box5 ul ul {
	padding: 0px;
}

#maincontent .box5 ul li {
	color: #324f64;
	background: url("c_li7.gif") 0px 6px no-repeat;
	padding: 3px 0px 3px 20px;
	font-size: 14px;
}

#maincontent .box5 li ul li {
	color: #324f64;
	background: url("c_li7.gif") 0px 8px no-repeat;
}

#maincontent .box6 ul {
	padding: 4px 10px 6px 0px;
	margin: 0px 0px 0px 10px;
}

#maincontent .box6 ul ul {
	padding: 0px;
}


#maincontent .box6 ul li {
	color: #324f64;
	background: url("c_li6.gif") 0px 6px no-repeat;
	padding: 3px 0px 3px 20px;
}

#maincontent .box6 li ul li {
	color: #324f64;
	background: url("c_li6.gif") 0px 8px no-repeat;
}

#maincontent .box3 h4 {
	padding: 6px 0px 2px 0px;
	margin: 0px 10px 0px 10px;
	font-size: 14px;
}

#maincontent .box5 h4, #maincontent .box6 h4 {
	padding: 2px 0px 2px 0px;
	margin: 0px 10px 0px 10px;
	font-size: 14px;
	border-bottom: 1px solid #AAAAAA;
}



#leftbarcontent h4 {
	margin: 2px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	color: #324f64;
	border-bottom: 1px solid #A1A1A1;
}

#splashnews {
	background: #E9E9E9 url("spbg_news.gif") top left no-repeat;
	padding: 0px 0px 0px 32px;
	margin: 25px 0px 0px 0px;
}

#splashnewsholder {
	width: 100%;
}

#splashteasuse {
	width: 100%;
}


.imgDIVinTextRight {
	float: right;
	margin-left: 12px;
	margin-top: 5px;
}

.imgDIVinTextLeft {
	float: left;
	margin-right: 12px;
	margin-top: 2px;
}

.imgDIVtopLeft {
	text-align: left;
}

.imgDIVtopCenter {
	text-align: center;
}

.imgDIVtopRight {
	text-align: right;
}

.imgDIVbottomLeft {
	text-align: left;
	margin-top: 10px;
}

.imgDIVbottomCenter {
	text-align: center;
	margin-top: 10px;
}

.imgDIVbottomRight {
	text-align: right;
	margin-top: 10px;
}

.readmore {
	width: 100%;
	background: url("more.gif") top right no-repeat;
	height: 16px;
}

.readmorein {
	width: 100%;
	height: 16px;
	font-size: 1px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-indent: -1000px;
}

.readback {
	width: 100%;
	background: url("back.gif") top left no-repeat;
	margin-top: 15px;
	height: 16px;
}

.readbackin {
	width: 100%;
	height: 16px;
	font-size: 1px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-indent: -1000px;
}

.image_caption {
	margin-top: 2px;
	padding-left: 2px;
	border-bottom: 1px solid #EEEEEE;
	text-align: left;
	font-size: 11px;
}

.imglistcaption {
	margin-top: 2px;
	text-align: left;
	font-size: 11px;
}

.imagelistimg {
	padding: 1px;
	border: 1px solid #E0E0E0;
}

.popupimage {
	padding: 4px;
	background: #666666;
	border: 1px solid #cccccc;
}

.articleCode {
	background: #F2F2F2;
	font-family: Courier, "Courier New", monospace;
	border: 1px solid #C7C7C7;
	padding: 10px;
}

.linkEmail, .articleLinkList, .articleLinkInternal {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	background: url("c_l.gif") 0px 4px no-repeat;
	font-size: 12px;
}

.linkFileList {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	font-size: 12px;
	text-decoration: none;
}

.scshotm {
	float: left;
}

.scshotl {
	font-size: 1px;
	width: 45px;
	float: left;
	background: url("scl.jpg") bottom right no-repeat;
	font-size: 1px;
}

.scshotr {
	font-size: 1px;
	width: 45px;
	float: left;
	background: url("scr.jpg") bottom left no-repeat;
	font-size: 1px;
}

.scimage {
	border: 1px solid #c1bfbf;
}

.sccaption {
	padding: 3px 90px 0px 45px;
	text-align: left;
	font-size: 11px;
	line-height: 140%; 
}

#leftbarcontent blockquote {
	background:  #e9eaea url("bgs1.gif") repeat-x;
	border-top: 2px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;	
	padding: 5px;
	margin: 10px 0px 10px 0px;
}

.sitemap {
margin-bottom: 25px;
}

.sitemapadd {
margin-bottom: 15px;
}

.citeholder {
margin: 15px 0px 15px 0px;
}

.citeleft {
	background: url("cit.gif") 0px 0px no-repeat;
	padding-left: 30px;
}

.citeright {
	background: url("cib.gif") bottom right no-repeat;
	padding-right: 30px;
}

.citecontent, cite {
	font-style: normal;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	
}

.citename {
	text-align: right;
	padding: 5px 30px 0px 0px;
	font-weight: bold;
	font-size: 11px;
	color: #777777;

}

.frmst, .frmli {
	border: 1px solid #d6d6d6;
	background: #f2f2f2;
	margin-top: 8px;
	padding-bottom: 10px;
}

.frmst p, .frmli p {
	padding-left: 10px;
}


.frmst table, .frmli table {
	margin: 0px;
	padding: 0px;
}

.frmst table td, .frmli table td {
	padding: 5px 10px 4px 10px;
	margin-top: 0px;
}

.frmst, .frmli {
	padding-top: 10px;
}

.frmst p strong, .frmli p strong {
	background: #ffffff;
	padding: 0px;
	font-weight: bold;
	font-size: 16px;
	color: #222222;
	border: none;
}

.formLabel, .formLabelRequired, .formField {
	font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: #222222;
	vertical-align: top;
	padding-right: 10px;
}

.formField input, .formField textarea {
color: #335269;
font-size: 12px;

}

.frmst submit, .frmli submit {
	font-size: 14px;
}

.frmer {
	color: #660000;
	font-weight: bold;
	font-size: 12px;
	margin-top: 2px;
}

.frmst input:focus, .frmst textarea:focus, .frmli input:focus, .frmli textarea:focus {
	background: #fefee9;
}

.frmli .formLabel {
	width: 170px;
}


.txthighlight {
	color: #5882a2;
}

.txthighlightbold {
	color: #5882a2;
	font-weight: bold;
}

.cust_clients h4, .cust_partner h4 {
	clear: right;
	border-top: 1px dotted #c9c9c9;
	padding-top: 2px;
	padding-left: 1px;
	background-color: #f2f2f2;
}

.cust_partner h5 {
	font-size: 12px;
	padding-top: 2px;
	padding-left: 1px;
}

.cust_screens .screenshottable {
	margin-left: -44px;
}

.cust_screens .sccaption {
	padding: 3px 50px 0px 45px;
}

#cust_featlist h4 {
	clear: right;
	border-top: 1px solid #486d8b;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color: #6a95b6;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

#cust_featlist .cntext {
	padding-bottom: 20px;
}

#cust_featlist .image_td {
	padding-bottom: 20px;
}

.tbcust {
	margin-top: 15px;
}

.tbcust table { 
    font-size: 11px;
	text-align: left;
	border-collapse: collapse;
	border: none;
}

.tbcust tr, .tbcust td {
	vertical-align: top;
}

.tbcust td.tbhcel, .tbcust td.tbhcem, .tbcust td.tbhcer {
	color: #222222;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px 10px 4px;
}

.tbcust td.tbrowsplit  {
	font-weight: bold;
	font-size: 12px;
	color: #3a607c;
	padding: 5px 0px 5px 20px;
	background: #cad6df url("ic_1.gif") 3px 4px no-repeat;
}

.tbcust td.tbrowsplitsub  {
	font-size: 11px;
	color: #3a607c;
	padding: 5px 0px 5px 20px;
	background: #eff4f8;
	line-height: 150%;
}

.tbcust td.tbcel, .tbcust td.tbcem, .tbcust td.tbcer {
	padding: 10px 0px 10px 4px;
	font-size: 11px;
}

.tbcust td.tbcem, .tbcust td.tbcer, .tbcust td.tbhcem, .tbcust td.tbhcer {
	border-left: 1px solid #C6C6C6;
	padding: 10px 0px 10px 10px;
}

.tbul {
	line-height: 150%;
	margin: 0px 5px 5px 0px;
	background:  url("ic_2.gif") 0px 2px no-repeat;
	padding: 0px 0px 0px 16px;
}

.pagelinks {
	border-top: 1px solid #DDDDDD;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}


#splashnl {
	width: 208px;
	float: left;
	margin: 0px;
	line-height: 140%;
}

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

#splashnl input {
	font-size: 10px;
	margin-top: 1px;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
}

#splashnl input:focus {
	background: #fefee9;
}

#splashnl .frmsub {
	height: 17px;
	line-height: 12px;
}


.splashnewsitem {
	width: 215px;
	float: left;
	margin: 0px 10px 0px 0px;
	line-height: 140%;
}

.splashnewsitemcnt {
	padding: 6px 4px 6px 0px;
	font-size: 11px;
	font-weight: normal;
	color: #505050;	
}

#splashnews h5, #splashnews h5 a, #splashnews h5 a:link, #splashnews h5 a:visited, #splashnews h5 a:active {
	font-size: 12px;
	font-weight: bold;
	color: #4b7391;
	text-decoration: none;
}

.splashnewssum {
	height: 34px;
}


.splashnewsitem .readmore {
	width: 199px;
	background: url("moresp.gif") top right no-repeat;
	height: 17px;
}

.splashnewsitem .readmorein {
	width: 100%;
	height: 17px;
	font-size: 1px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-indent: -1000px;
}

.adtel {
	background: url("a_tel.gif") center left no-repeat;
	line-height: 16px;
	padding: 0px 0px 0px 20px;
	margin-bottom: 4px;	
}

.adfax {
	background: url("a_fax.gif") center left no-repeat;
	line-height: 16px;
	padding: 0px 0px 0px 20px;
	margin-bottom: 4px;	
}

.admail {
	background: url("a_mail.gif") center left no-repeat;
	line-height: 16px;
	padding: 0px 0px 0px 20px;
}
.pressback {
	background-color: #FFFFFF;
	background-image: url(press.gif);
	background-repeat: no-repeat;
	background-position: left top;
}