img	{border: 0; }
img.map {border: 1px solid #aaa; margin: 5px 5px 5px 10px; padding: 5px;}

body {text-align: center; color: #666; margin: 0; padding:0; background: #fff; font: 12px "Trebuchet MS", Verdana, Arial, sans; }

p {text-align: left; color: #666;}
a {color:#008080;}

.l {float: left;}
.r {float: right;}
.spacer {height: 1.0em;}
.center {text-align: center;}
.clear {clear: both;}
.partners-logo {padding: 10px; float: right;}
.screenshot {padding: 3px; margin: 0 10px 10px 0; border: 1px solid #999; float: left;}

.s150 {width: 150px;}
.s200 {width: 200px;}
/********************************************************************************/

#wrapper {color: #000; background: #fff; width: 660px; margin: 0 auto; padding: 0; text-align: left;}

#logo {padding: 10px 0 10px 10px;}

#menu {padding:0; margin:0; height: 37px; background: #fff url(../img/menu-bg.gif) no-repeat 2px top;}
#menu ul {margin: 0; padding: 9px 0 0 11px;}
#menu ul li {list-style:none; display: inline; }
#menu ul li a {color: #008080; padding: 4px 11px; font-size: 1.2em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#menu ul li a:HOVER {color: #fff;}
#menu ul li a.on {color: #fff;}

#content-wrapper {background: #fff url(../img/lhs-bg.gif) repeat-y 0px 0px; width: 660px; float: left; margin-left:4px; margin-right:0; margin-top:2px; margin-bottom:0}
*html #content-wrapper {background: #fff url(../img/lhs-bg.gif) repeat-y 4px 0px; width: 660px; float: left; margin-left:0px; margin-right:0; margin-top:2px; margin-bottom:0}

#header {margin: 0; width: 650px; height: 119px;}
*html #header {margin: 0 0 0 4px; width: 650px; height: 119px;}
#header .about {background: #fff url(../img/header-about.jpg) no-repeat top left;}
#header .products {background: #fff url(../img/header-products.jpg) no-repeat top left;}
#header .case-studies {background: #fff url(../img/header-case-studies.jpg) no-repeat top left;}
#header .partners {background: #fff url(../img/header-partners.jpg) no-repeat top left;}
#header .recruitment {background: #fff url(../img/header-recruitment.jpg) no-repeat top left;}
#header .news {background: #fff url(../img/header-news.jpg) no-repeat top left;}
#header .contact {background: #fff url(../img/header-contact.jpg) no-repeat top left;}

#lhs {background: url(../img/lhs-home-bg.gif) no-repeat 0px 0px; width: 175px; margin: 0; float: left}
*html #lhs {background: url(../img/lhs-home-bg.gif) no-repeat 4px 0px; width: 170px; margin: 0; float: left; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0}
#lhs h1 {font-size: 1.8em; padding: 0 5px 0 6px; margin: 5px 0 0 0;}

#lhs ul {margin: 3px 5px 5px 5px;}
*html #lhs ul {margin: 3px 5px 5px 7px;}
#lhs ul li {background: url(../img/bullet2.gif) no-repeat 10px 50%; margin: 0; border: medium none; font-weight: bold; color: #666; list-style-type:none; padding-left:20px; padding-right:5px; padding-top:0; padding-bottom:0}
#lhs ul li.desc {list-style: none; background: none; padding: 0 5px 0px 20px; font-weight: normal;}

#lhs ul.news {margin: 3px 5px 5px 5px;}
*html #lhs ul.news {margin: 3px 0px 5px 7px; }
#lhs ul.news li.title {background: url(../img/bullet1.gif) no-repeat 0px 3px; border: medium none;; list-style-type:none; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:15px; padding-right:5px; padding-top:0; padding-bottom:0}
#lhs ul.news li.title a {color: #008080; font-size: 1.0em; font-weight: bold; text-decoration: none;}
#lhs ul.news li.title a:HOVER {color: #666;}
#lhs ul.news li {list-style: none; padding: 0 5px 5px 15px; background: none; font-weight: normal; border-bottom: 1px solid #BC9CC3;}
* html #lhs ul.news li {list-style: none; padding: 0 5px 5px 15px; background: none; font-weight: normal; border-bottom: none;}
#lhs ul.news li a {font-size: 0.9em; color: #666; text-decoration: none;}
#lhs ul.news li a:HOVER {text-decoration: underline;}

#lhs ul.menu {margin: 6px 5px 5px 5px;}
*html #lhs ul.menu {margin: 6px 5px 5px 7px;}
#lhs ul.menu li {background: url(../img/bullet1.gif) no-repeat 3px 48%; margin: 0; border-top: 1px solid #BC9CC3; list-style-type:none; padding-left:15px; padding-right:5px; padding-top:6px; padding-bottom:6px}
#lhs ul.menu li a {color: #008080; font-size: 1.0em; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#lhs ul.menu li a:HOVER {text-decoration: underline;}
#lhs ul.menu li.last {border-bottom: 1px solid #BC9CC3;}
#lhs ul.menu li.on {background: #BED4E8 url(../img/bullet1_down.gif) no-repeat 3px 10px;}
#lhs ul.menu li.on a {color: #666; font-weight: bold;}
#lhs ul.menu li.sub {background: url(../img/bullet2.gif) no-repeat 15px 6px; margin: 0; border: medium none;; list-style-type:none; padding-left:25px; padding-right:5px; padding-top:0; padding-bottom:0}
#lhs ul.menu li.sub a {color: #666; font-size: 1.0em; font-weight: normal; text-decoration: none; text-transform: none;}
#lhs ul.menu li.sub a:HOVER {color: #000; text-decoration: underline;}
#lhs ul.menu li.subon {background: url(../img/bullet2.gif) no-repeat 15px 6px; margin: 0; border: medium none;; list-style-type:none; padding-left:25px; padding-right:5px; padding-top:0; padding-bottom:0}
#lhs ul.menu li.subon a {color: #666; font-weight: bold; text-transform: none;}
#lhs ul.menu li.subon a:HOVER {color: #000; text-decoration: underline;}

#lhs .pic-about-1 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-about-1.jpg);}
#lhs .pic-about-2 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-about-2.jpg);}
#lhs .pic-products-1 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-1.jpg);}
#lhs .pic-products-2 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-2.jpg);}
#lhs .pic-products-3 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-3.jpg);}
#lhs .pic-products-4 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-4.jpg);}
#lhs .pic-products-5 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-5.jpg);}
#lhs .pic-products-6 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-6.jpg);}
#lhs .pic-products-7 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-7.jpg);}
#lhs .pic-products-8 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-8.jpg);}
#lhs .pic-products-9 {width: 175px; height:179px; background: url(../img/pic-products-9.jpg);; margin-left:0; margin-right:0; margin-top:30px; margin-bottom:v}
#lhs .pic-products-10 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-10.jpg);}
#lhs .pic-products-11 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-11.jpg);}
#lhs .pic-products-12 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-12.jpg);}
#lhs .pic-products-13 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-products-13.jpg);}
#lhs .pic-case-studies-1 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-case-studies-1.jpg);}
#lhs .pic-recruitment-1 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-recruitment-1.jpg);}
#lhs .pic-recruitment-2 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-recruitment-2.jpg);}
#lhs .pic-news-1 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-news-1.jpg);}
#lhs .pic-news-2 {margin: 30px 0 30px 0; width: 175px; height:179px; background: url(../img/pic-news-2.jpg);}
#lhs .pic-contact-1 {margin: 30px 0; width: 175px; height:179px; background: url(../img/pic-contact-1.jpg);}

#bcrumb {padding: 0 10px 5px 10px; width: 460px; float: left; color: #008080; font-weight: bold;}
#bcrumb a {font-weight: normal;}
#bcrumb a:HOVER {color: #666;}

#flash-home {width: 470px; height: 195px; background: url(../img/home-flash.jpg) no-repeat top left; float: left; margin-left:6px; margin-right:0; margin-top:0px; margin-bottom:0}
*html #flash-home {width: 470px; height: 195px; background: url(../img/home-flash.jpg) no-repeat top left; float: left; margin-left:2px; margin-right:0; margin-top:0px; margin-bottom:0}

#content {width: 470px; background: #fff; float: left; margin: 2px 0 0 6px; padding: 10px 0 0 0;}
*html #content {width: 469px; background: #fff; float: left; margin: 2px 0 0 2px; padding: 10px 0 0 0;}
#content h1 {font-size: 1.8em; padding: 0 5px 0 6px; margin: 10px 0 0 0;}
#content h2 {font-size: 1.2em; color: #800080; font-weight: bold; padding: 0 5px 0 6px; }
#content h3 {font-size: 1.1em; color: #666; font-weight: bold; padding: 0 5px 0 6px; }
#content p {font-size: 1.0em; margin: 0; padding: 5px;}
#content p.date {line-height: 1.4em; font-size: 0.9em; margin: 0; padding: 0 0 0 5px;}
#content a {color: #666; font-size: 1.0em; font-weight: normal; text-decoration: none;}
#content a:HOVER {color: #000; text-decoration: underline;}
#content a.more {font-weight: bold;}

#content ul {margin: 0 0 0 5px;}
*html #content ul {margin: 0 0 0 20px;}
#content ul li {background: url(../img/bullet2.gif) no-repeat 3px 10px; margin: 0; color: #666; list-style-type:none; padding-left:12px; padding-right:5px; padding-top:3px; padding-bottom:3px}
#content ul li a {color: #666; font-size: 1.0em; font-weight: normal; text-decoration: none;}
#content ul li a:HOVER {color: #000; text-decoration: underline;}

#content ul.sitemap {margin: 0 0 0 5px;}
*html #content ul.sitemap {margin: 0 0 0 10px;}
#content ul.sitemap li.head1 {background: url(../img/bullet1.gif) no-repeat 0px 7px; margin: 20; color: #666; list-style-type:none; padding-left:12px; padding-right:5px; padding-top:3px; padding-bottom:3px}
#content ul.sitemap li.head2 {background: url(../img/bullet2.gif) no-repeat 3px 10px; color: #666; list-style-type:none; margin-left:30px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:12px; padding-right:5px; padding-top:3px; padding-bottom:3px}
#content ul.sitemap li.head3 {list-style: none; background: none; padding: 3px 5px 3px 12px; margin: 0 0 0 40px; color: #666;}
#content ul.sitemap li a {color: #666; font-size: 1.0em; font-weight: normal; text-decoration: none;}
#content ul.sitemap li a:HOVER {color: #000; text-decoration: underline;}

#content ul.download {margin: 0; padding: 0 0 0 5px;}
#content ul.download li {background: url(../img/icon-doc.gif) no-repeat 0px 13px; color: #005B72; font-weight: normal; list-style-type:none; padding-left:20px; padding-right:0; padding-top:10px; padding-bottom:0}
#content ul.download li a {background: none; color:#666; font-weight: normal; text-decoration: none;}
#content ul.download li a:HOVER {color:#000;}
#content ul.download li.desc {list-style: none; background: none; color: #aaa; font-weight: normal; padding: 0 0 0 20px;}

#content-wrapper-end {background: #fff url(../img/lhs-home-bottom.gif) no-repeat 0px 0px; width: 660px; height:3px; clear: both; margin-left:0px; margin-right:0; margin-top:2px; margin-bottom:0}
*html #content-wrapper-end {background: #fff url(../img/lhs-home-bottom.gif) no-repeat 0px 0px; width: 660px; height:3px; clear: both; margin-left:4px; margin-right:0; margin-top:2px; margin-bottom:0}

form.inputform {}
form.inputform fieldset {border: none;}
form.inputform p {padding: 0; }
form.inputform table {margin: 0; border-collapse: collapse; font-size: 0.9em; color: #666; width: 100%}
form.inputform table td {padding: 5px; text-align: left; vertical-align: top;}
form.inputform table tr.alt {background: #F5F5F5;}
form.inputform table tr td.action {padding: 0 0 5px 0; border-top: 1px solid #800080; text-align: center; }
form.inputform table input,textarea {padding: 0 0 0 2px; border: 1px solid #ccc; color: #444; font-family:  _Sans, Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 1.0em; height: 16px;}
form.inputform table textarea {height: 60px;}
form.inputform input.submit { margin: 5px 0 0 5px; padding: 2px 0 2px 0; background: #8B8786; border: 1px solid #5D5A5A; width: 100px; color: #fff; font-weight: bold; height: 22px}
html>body form.inputform input.submit { margin: 5px 0 0 5px; padding: 1px 0 2px 0; }
span.mand {color: #800080; font-weight: bold; text-align: left; }

#footer {height: 53px; background: url(../img/footer-bg.gif) no-repeat center left; padding: 0; margin-left:0; margin-right:0; margin-top:3px; margin-bottom:0}
*html #footer {height: 53px; background: url(../img/footer-bg.gif) no-repeat center left; padding: 0; margin-left:0; margin-right:0; margin-top:-12px; margin-bottom:0}
#footer p.left {font-size: 1.0em; color: #fff; line-height: 1.8em; padding: 5px 0 0 10px; margin: 0; float: left;}
#footer p.right {font-size: 1.0em; color: #fff; line-height: 1.8em; padding: 5px 15px 0 0; margin: 0; text-align: right; float: right;}
#footer a {font-size: 1.0em; color: #fff; text-decoration: none;}
#footer a:HOVER {text-decoration: underline;}