html, body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
p, td, div, span {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
form {
	margin: 0px;
	padding: 0px;
}
input {
	font-size: 13px;
}
a {
	color: #0088cf;	
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
ul {
	padding: 0px 0px 0px 14px;
	margin: 0px;
	color: #000000;
}
li {
	padding: 0px 0px 6px 0px;
	margin: 0px;
	list-style: none;
	list-style-image: url(images/li1.gif);
	color: #000000;
}
h1, h2 {
	font: normal 15px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 2px 0px 8px 0px;
}
h3, h4, h5 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 2px 0px 8px 0px;
}
h1 {
	font-size: 18px;
	color: #3a669d;
}
h2 {
	color: #3a669d;
}
h1 a, h2 a {
	color: #3a669d;
}
h3 {
	color: #000000;
	padding: 4px 0px;
}
h4 {
	color: #3a669d;
	font-weight: bold;
}
h3 a, h4 a {
	color: #3a669d;
}
h5 {
	color: #3a669d;
	font-weight: normal;
	padding: 0px;
}
h5 a {
	color: #3a669d;
}
p {
	padding: 2px 0px 8px 0px;
	margin: 0px;
}
hr {
	height: 1px;
	border-top: none;
	border-bottom: #B5BCC5 1px  solid;
	margin: 0px;
	padding: 0px;
}
.body-top {
	background: url(images/t-ln.gif) repeat-x left top;
}
#container {
	width: 904px;
	margin: 0px auto;
}
#head {
	background: #fefefe url(images/t-ln.gif) repeat-x left top;
	height: 79px;
	clear: both;
}
#head .logo {
	width: 340px;
	height: 79px;
	float: left;
}
#head .phone {
	width: 174px;
	float: left;
}
#head .contacts {
	text-align: right;
/*	background: url(images/head/phone.gif) right bottom no-repeat; */
	height: 79px;
}
#head a {
	color: #007eb2;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin-right: 6px;
}
#head a:hover {
	color: #000;
}
#head a.chat {
	padding: 2px 0px 2px 22px;
	background: url(images/head/icons/chat.gif) no-repeat left center;
}
#head a.quote {
	padding: 2px 0px 2px 22px;
	background: url(images/head/icons/quote.gif) no-repeat left center;
}
#head a.contactus {
	padding: 2px 0px 2px 22px;
	background: url(images/head/icons/contact.gif) no-repeat left center;
}
#head a.clientarea {
	padding: 2px 0px 2px 22px;
	background: url(images/head/icons/clientarea.gif) no-repeat left center;
}
#head .fpass {
	text-align: right;
	padding: 2px 6px;
}
#head .frm {	
	line-height: 26px;
	padding: 14px 0px 0px 0px;
}
#head .frm .value {	
	width: 90px;
	border: 1px #67686b solid;
}
#head .frm .btn {	
	margin: auto auto -7px auto
}
.mmenu {
	height: 30px;
	background: transparent url(images/mmenu/bg.gif) no-repeat center bottom;
	text-align: center;
	clear: both;
}
.mmenu .wrapp {
	padding: 0px 0px 0px 40px;
}
.mmenu .wrapp a {
	height: 28px;
	background: transparent url(images/mmenu/arrow.gif) no-repeat center 0px;
	padding: 2px 34px 0px 34px;
	font: bold 14px/28px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	white-space: nowrap;
/*	float: left; */
}
.mmenu .wrapp a.act {
	color: #defdb7;
	background: transparent url(images/mmenu/arrow.gif) no-repeat center -30px;
}
.mmenu .wrapp a:hover {
	color: #defdb7;
/*	color: #fffc00; */
/*	background: transparent url(images/mmenu/arrow.gif) no-repeat center -30px; */
}


#mainarea {
	margin: 8px auto 10px auto;
	clear: both;
}
.home {
	background: url(images/mainarea-bg.gif) left top repeat-y;
}
.cleaner {
	height: 1px;
	line-height: 1px;
	clear: both;
/*
	border: 1px green solid;
*/	
}
#footer {
	background: transparent url(images/footer.gif) no-repeat center top;
	margin-top: 20px;
	padding: 18px 0px;
	text-align: center;
	clear: both;
}
#footer .copy {
	color: #404040;
	padding: 4px 0px;
}
#footer .menu {
	color: #0088cf;
}
#footer .menu a {
	color: #0088cf;
	padding: 0px 2px;
	text-decoration: none;
}
#footer .menu a:hover {
	text-decoration: underline;
}
#footer .counters {
	float: right;
	padding: 14px 16px;
}

/* -------- main columns -------- */
#mainarea .mcol {
	vertical-align: top;
	float: left;
	width: 658px;
	margin: 0px 0px 0px 24px;
/*
	border: 1px red solid;
*/	
}
#mainarea .lcol {
	width: 222px;
	vertical-align: top;
	float: left;
/*
	border: 1px green solid;
*/	
}
#mainarea .rcol {
	width: 254px;
	vertical-align: top;
	float: left;
/*
	border: 1px blue solid;
*/	
}
/* -------- left boxes -------- */
.lcol .box1 {
	background: transparent;
	margin-bottom: 10px;
}
.lcol .box1-t {
	background: transparent url(images/l/box1/t.gif) no-repeat center top;
}
.lcol .box1-b {
	padding: 4px 10px 14px 10px;
}
.lcol .box2 {
	background: transparent url(images/l/box2/bg.gif) repeat-y center top;
	margin-bottom: 10px;
}
.lcol .box2-t {
	background: transparent url(images/l/box2/t.gif) no-repeat center top;
}
.lcol .box2-b {
	background: transparent url(images/l/box2/b.gif) no-repeat center bottom;
	padding: 4px 10px 14px 10px;
}
.box2-contacts {
	background: transparent url(images/l/box2/b_contacts.gif) no-repeat center bottom;
	padding: 4px 10px 14px 10px;
}
.lcol .box3 {
	background: transparent url(images/l/box3/gradient.gif) no-repeat center top;
	margin-bottom: 10px;
}
.lcol .box3-t {
	background: transparent url(images/l/box2/t.gif) no-repeat center top;
}
.lcol .box3-b {
	padding: 4px 10px 14px 10px;
}
.box1 h3, .box2 h3, .box3 h3 {
	padding-top: 0px;
	margin: 4px auto 12px auto;
}

/* -------- main boxes -------- */
.mcol .box {
	margin: 20px 0px;
}
.mcol .box1 {
	background: transparent url(images/m/box1/bg.gif) repeat-y center top;
	margin-bottom: 10px;
}
.mcol .box1-t {
	background: transparent url(images/m/box1/t.gif) no-repeat center top;
}
.mcol .box1-b {
	background: transparent url(images/m/box1/b.gif) no-repeat center bottom;
	padding: 8px 10px 4px 10px;
}
.mcol .box2 {
	background: transparent url(images/m/box2/bg.gif) repeat-y center top;
	margin-bottom: 10px;
}
.mcol .box2-t {
	background: transparent url(images/m/box2/t.gif) no-repeat center top;
}
.mcol .box2-b {
	background: transparent url(images/m/box2/b.gif) no-repeat center bottom;
	padding: 8px 10px 4px 10px;
}
.mcol .box3 {
	background: transparent url(images/m/box3/bg.gif) repeat-y center top;
	margin-bottom: 10px;
}
.mcol .box3-t {
	background: transparent url(images/m/box3/t.gif) no-repeat center top;
}
.mcol .box3-b {
	background: transparent url(images/m/box3/b.gif) no-repeat center bottom;
	padding: 8px 10px 4px 10px;
}
.mcol .box4 {
	background: transparent url(images/m/box3/gradient.gif) no-repeat center top;
	margin-bottom: 10px;
}
.mcol .box4-t {
	background: transparent url(images/m/box3/t.gif) no-repeat center top;
}
.mcol .box4-b {
	padding: 8px 10px 4px 10px;
}
/* -------- content columns -------- */
.rows {
	clear: left;
}
.col1 {
	padding: 0px 10px 0px 20px;
	clear: both;
}
.col2 {
	width: 280px;
	padding: 0px 10px 0px 20px;
	float: left;
}
.col3, .col3-l {
	width: 180px;
	padding: 0px 16px 0px 18px;
	vertical-align: top;
	float: left;
	background: url(images/m/box1/sep.gif) no-repeat right top;
}
.col3-l {
	width: 188px;
	padding: 0px 4px 0px 18px;
	background: none;
}
/* -------- home page boxes -------- */
.col4,
.col4-l {
	width: 217px;
	padding: 0px;
	margin-right: 12px;
	vertical-align: top;
	float: left;
	background: url(images/home/box1-bg.gif) no-repeat right top;
}
.col4-l {
	margin-right: 0px;
}

.col4 .wrapp,
.col4-l .wrapp {
	padding: 14px 16px;
}
.col4 .collage,
.col4-l .collage {
	text-align: center;
}
.home-box1 {
	width: 446px;
	padding: 0px;
	margin-right: 12px;
	vertical-align: top;
	float: left;
	background: url(images/home/box2-bg.gif) no-repeat right top;
}
.home-box2 {
	width: 446px;
	padding: 0px;
	vertical-align: top;
	float: left;
	background: url(images/home/box3-bg.gif) no-repeat right top;
}
.home-box1 .wrapp,
.home-box2 .wrapp {
	padding: 16px 22px;
}

/* -------- text colors -------- */
h2.orange {
	color: #ff5c00;
}
h2.green {
	color: #518604;
}
h2.gray {
	color: #383838;
}

/* -------- titles, lists ect. icons -------- */
ul.list2 {
	padding: 0px;
}
ul.list2 li {
	padding: 3px 0px 3px 20px;
	margin: 0px;
	list-style-image: none;
	background: url(images/li2.gif) no-repeat left center;
}
.nav {
	margin-bottom: 20px;
}

/* text proof reading */
.review {
	color: red;
}

.todo {
	color: green;
}

/* Content table */
table.ttable {
	border: 1px #09F solid;
	border-collapse: collapse;
}

table.ttable td {
	border: 1px #09F solid;
	padding: 5px;
}

table.ttable th {
	background-color: #CCC;
}

table.ttable2 th {
	border-bottom: 1px #09F solid;
	background-color: #CCC;
	text-align: left;
	padding: 5px;
}

table.ttable2 td {
	vertical-align: top;
	padding: 5px;
}

td.tbl_2col {
	width: 50%;
	padding: 10px 10px 0px 0px;
}
td.tbl_3col {
	width: 33%;
}
.portf-thumb img {
	margin: 0px 20px 0px 0px;
}

.portf-thumb p {
	text-align: center;
	font-size: 12px;
	color: #A3A3A3;
}

.portf-thumb img {
	margin: 0px 20px 0px 0px;
}

.case img {
	margin: 0px 20px 20px 0px;
	float: left;
}

.case h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.case .h2 {
	font-weight: bold;
}

/* ---------------- pages navigation & decoration ---------------- */
.glossary h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 15px;
	color: #000000;
	margin: 10px 0px 10px 0px;
}
.glossary h3 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
}
.glossary strong a,
.glossary a strong {
	color: #000000;
	text-decoration: none;
}

.goTop {
	text-align: right;
}
hr.sep {
	line-height: 20px;
	color: #999999;
	margin: 10px 0px;
	border-left: none;
	border-right: none;
}
.alphabetically a {
	padding: 0px 4px;
	border: 1px #cccccc solid;
	text-decoration: none;
	font-weight: bold;
}
.alphabetically a:hover {
	border: 1px #0088cf solid;
	text-decoration: none;
	background: #effbff;
}

/* ---------------- icons ---------------- */
.ico-contact {
	background: url(images/icons/contacts-info.gif) no-repeat left center;
	padding: 1px 0px 0px 25px;
	margin: 4px auto 12px auto;
}
.ico-highlights {
	background: url(images/icons/highlights.gif) no-repeat left center;
	padding: 0px 0px 0px 25px;
	margin: 4px auto 12px auto;
}
.ico-company {
	background: url(images/icons/company-info.gif) no-repeat left center;
	padding: 0px 0px 0px 25px;
	margin: 4px auto 12px auto;
}
.ico-info {
	float: left;
	margin: 4px 8px 0px 0px;
}
.ico-projquote {
	background: url(images/icons/projquote.gif) no-repeat left center;
	display: block;
	line-height: 24px;
	padding-left: 40px;
	margin-top: 2px;
}
.ico-requestdemo {
	background: url(images/icons/requestdemo.gif) no-repeat left center;
	display: block;
	line-height: 24px;
	padding-left: 40px;
	margin-bottom: -12px;
}
.ico-skype {
	background: transparent url(images/icons/messengers.gif) 0% 2px no-repeat;
	padding: 2px 0px 2px 22px;
}
.ico-msn {
	background: transparent url(images/icons/messengers.gif) 0% -20px no-repeat;
	padding: 2px 0px 2px 22px;
}
.ico-ym {
	background: transparent url(images/icons/messengers.gif) 0% -40px no-repeat;
	padding: 2px 0px 2px 22px;
}
.ico-gtalk {
	background: transparent url(images/icons/messengers.gif) 0% -60px no-repeat;
	padding: 2px 0px 2px 22px;
}
.ico-email {
	background: transparent url(images/icons/messengers.gif) 0% -77px no-repeat;
	padding: 2px 0px 2px 22px;
}

/* ---------------- banners ---------------- */
.banner-services img {
	margin-bottom: 10px;
}
.banners-column {
	width: 232px;
	float: right;
}
.banners-column .quote {
	padding-top: 0px;
}
.banners-column .demo {
	padding-top: 50px;
}
.banners-column .contact {
	padding-top: 50px;
}
.banners-line {
	height: 70px;
	line-height: 70px;
}
.banners-line .quote {
	margin-right: 90px;
}
.banners-line .demo {
}
.banners-line .contact {
}
/* ---------------- tags ---------------- */
.tags {
	display: none;
}
/* ---------------- live chat ---------------- */
.skype {
	padding: 0px;
	margin-top: 6px;
}
.skype img {
	border: none;
}
.livechat {
	height: 40px;
	margin-top: 1px;
}
.livechat table {
	width: 100%;
}
.livechat table td {
	text-align: left;
}
.bookmarks {
	padding: 10px 0px 0px 0px;
}
/* ---------------- learn more ---------------- */
.learnmore {
}

/* ---------------- news ---------------- */
p.news {
	margin: 0px 0px 15px 0px;
}
p.news .date {
	color: #A3A3A3;
	font-weight: bold;
	display: block;
}
li.menuspacer {
	background: transparent url(images/mmenu/menu-sep.gif) left center repeat-x;
	height: 8px;
	line-height: 8px;
	margin: 0px;
	padding: 0px;
}

/* testimonials */

p.testimonial {
	color: #A0A0A0;
}

p.testimonial span.author{
	color: #A0A0A0;
	font-weight: bold;
	font-style: italic;
}

hr.testimonial {
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 4px 0px;
}
/* ---------------- messengers ---------------- */
.messengers {
	padding: 0px 0px 10px 0px;
}
.messengers ul {
	padding: 0px;
	margin: 0px;
}
.messengers li {
	list-style: none;
	list-style-image: none;
	padding: 2px 0px 2px 22px;
}




