@charset "UTF-8";


#wrapper {
width:708px;
}

/* HEADER PIX */

#headerpix-index {
background:url(images/index-headerpix.jpg) top left no-repeat;
width:708px;
height:86px;
float:left;
}
#headerpix-contact {
background:url(images/contact-headerpix.jpg) top left no-repeat;
width:708px;
height:86px;
float:left;
}
#headerpix-prodserv {
background:url(images/prodserv-headerpix.jpg) top left no-repeat;
width:708px;
height:86px;
float:left;
}
#headerpix-demo {
background:url(images/demo-headerpix.jpg) top left no-repeat;
width:708px;
height:86px;
float:left;
}
#headerpix-whatsnew {
background:url(images/whatsnew-headerpix.jpg) top left no-repeat;
width:708px;
height:86px;
float:left;
}
#headerpix-about {
background:url(images/about-headerpix.jpg) top left no-repeat;
width:708px;
height:86px;
float:left;
}
#headerpix-clients {
background:url(images/clients-headerpix.jpg) top left no-repeat;
width:708px;
height:86px;
float:left;
}


/* MENU */

#menu {
width:708px;
height:60px;
clear: left;
}

#m-lside-index {
height:60px;
width:157px;
background: url(images/index-m-lside.gif) no-repeat;
float:left;
}
#m-rside-index {
height:60px;
width:28px;
background: url(images/index-m-rside.gif) no-repeat;
float:right;
}
#m-lside-contact {
height:60px;
width:157px;
background: url(images/contact-m-lside.gif) no-repeat;
float:left;
}
#m-rside-contact {
height:60px;
width:28px;
background: url(images/contact-m-rside.gif) no-repeat;
float:right;
}
#m-lside-prodserv {
height:60px;
width:157px;
background: url(images/prodserv-m-lside.gif) no-repeat;
float:left;
}
#m-rside-prodserv {
height:60px;
width:28px;
background: url(images/prodserv-m-rside.gif) no-repeat;
float:right;
}
#m-lside-demo {
height:60px;
width:157px;
background: url(images/demo-m-lside.gif) no-repeat;
float:left;
}
#m-rside-demo {
height:60px;
width:28px;
background: url(images/demo-m-rside.gif) no-repeat;
float:right;
}
#m-lside-whatsnew {
height:60px;
width:157px;
background: url(images/whatsnew-m-lside.gif) no-repeat;
float:left;
}
#m-rside-whatsnew {
height:60px;
width:28px;
background: url(images/whatsnew-m-rside.gif) no-repeat;
float:right;
}

.imgLink {
text-indent:-9999px;
display: block;

}

ul#navbar {
list-style-type:none;
float:left;
margin:0px;
padding:0px;
}

ul#navbar li {
 height:60px;
 float:left;
}

ul#navbar li a {
 height:60px;
 outline:none;
}

li.home a, li.homeCurrent a {
 width: 71px;
 background: url(images/nav_all.jpg) no-repeat 0px 0px;
}

li.home a:hover, li.home a:active {
 background: url(images/nav_all.jpg) no-repeat 0px -60px;
}

li.prodserv a, li.companyCurrent a {
 width: 154px;
 background: url(images/nav_all.jpg) no-repeat -71px 0px;
}

li.prodserv a:hover, li.company a:active {
 background: url(images/nav_all.jpg) no-repeat -71px -60px;
}

li.clients a, li.productsCurrent a {
 width: 75px;
 background: url(images/nav_all.jpg) no-repeat -225px 0px;
}

li.clients a:hover, li.products a:active {
 background: url(images/nav_all.jpg) no-repeat -225px -60px;
}

li.contact {
padding-right:18px;
 background: url(images/nav_all.jpg) no-repeat -300px 0px;
}

li.contact a, li.productsCurrent a {
 width: 81px;
 background: url(images/nav_all.jpg) no-repeat -300px 0px;

}

li.contact a:hover, li.products a:active {
 background: url(images/nav_all.jpg) no-repeat -300px -60px;
}


li.demo a, li.partnersCurrent a {
 width: 124px;
 background: url(images/nav_all.jpg) no-repeat -399px 0px;
}

li.demo a:hover, li.partners a:active {
 background: url(images/nav_all.jpg) no-repeat -399px -60px;
}




/* MAIN CONTENT */


#indexbody {
	background:url(images/index-bg.gif) top left no-repeat;
	width:708px;
	height:327px;
}
.indextext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height:18px;
	color: #666666;
	font-weight:bold;
}
#flashintro {
	width:708px;
	height:255px;
}


#mainbody {
	background:url(images/bodybg.gif) top left no-repeat;
	width:708px;
	height:574px;
}
.maintext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #666666;
}
.maintext a {
	color: #ff6600;
}

.smaller {
font-size:10px;
line-height:12px;
}


/* FOOTER */
.footer {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height:12px;
	color: #dddddd;
}