/* RESET */
html,body,div,span,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,ol,ul,li,table,tr,th,td,form,fieldset,input,legend,textarea,select,option,blockquote { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 1em; line-height: 1; }
h2,h3 { padding: .2em 0; margin-bottom: .5em; }
a { outline: none; text-decoration: none; }
p { line-height: 1.4; }
img,table { border: none; }
input,legend { line-height: 1; }
ol,ul { list-style: none; margin-bottom: 1.2em; }
dl { margin-left: 2em; }
dl dd { margin-left: 1em; }
p,fieldset,table { margin-bottom: 1.2em; }
table { border-collapse: collapse; border-spacing: 0; } 
td { padding: .5em; }

/* GLOBAL CLASSES */
.bold,b,strong { font-weight: bold; }
.italic,i,em { font-style: oblique; font-family: "lucida sans"; font-weight: normal; }
.underline { text-decoration: underline; }
.highlight { background: #ff3; padding: 0 2px; }

.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.caps { text-transform: capitalize; }
.scaps { font-variant: small-caps; }

.align-j,p { text-align: justify; }
.align-c { text-align: center; }
.align-l { text-align: left; }
.align-r { text-align: right; }

/*.inline { display: inline; }*/
.clear,br { clear: both; }
.none { display: none; }
.float-l { float: left; }
.float-r { float: right; } img.float-r { margin-left: 20px; padding: 5px; border: 1px solid #ddd; background: #fff; }
img.no-frame { padding: 0; border: none; }

html { overflow-y: scroll; }
body { background: #f2f2f2 url('/_img/background.jpg') top center repeat-y; }
body,p,td,textarea,input,select { font: 83%/1.5 "Lucida Sans Unicode", Tahoma, Verdana, Arial; color: #505050; }
a { color: #2a72a9; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
h2 { font-size: 1.8em; color: #71a92a; font-weight: normal; font-variant: small-caps; font-family: Tahoma, Arial; }
h2 span { display: block; font-size: .5em; padding: 4px 2px; }
h2 span a { color: #969696; }
h3 { font-size: 1.5em; color: #71a92a; font-family: Tahoma, Arial; }
h4 { font-size: 1.2em; font-weight: bold; margin: 1.5em 0 1em; }
p { font-size: 1em; }


/*---------- MAIN CONTAINER ----------*/
.container { border: 1px solid #e8e8e8; background: #fff; width: 900px; margin: 10px auto; }
.header { clear: both; margin: 1px; margin-bottom: 0; background: url('/_img/header.gif') top right no-repeat; height: 86px; border-bottom: 1px solid #ddd; }
.preamble { clear: both; width: 900px; height: 295px; background: url('/_img/preamble.jpg') 0 0 no-repeat; margin-bottom: -4px; }
.body { clear: both; padding: 5px; min-height: 300px; height: auto; }
	*html .body { height: 300px; }
	
/* LEFT BODY */
div.left { float: left; width: 600px; padding: 8px 15px 30px; background: #eef6df; border: 1px solid #ddecc3; }

/* RIGHT BODY */
div.right { float: right; width: 240px; padding: 5px 0 20px; }


/*---------- HEADER ----------*/
h1.logo { margin-top: 20px; margin-left: 20px; float: left; display: block; z-index: 1000; background: url('/_img/logo.gif') no-repeat; width: 200px; height: 45px; text-indent: -9999px; }
*html h1.logo { margin-left: 8px; }
ul.menu { float: right; width: 611px; background: url('/_img/top-menu.jpg') top left no-repeat; margin: 38px 21px 0 0; }
*html ul.menu { margin-right: 10px; }
ul.menu li { float: left; margin: 0; padding: 0; }
ul.menu li a { display: block; height: 0; padding-top: 48px; background-repeat: no-repeat; overflow: hidden; }
li#home a { width: 94px; background: url('/_img/top-menu.jpg') 0 0; }
li#home a:hover { background: url('/_img/top-menu.jpg') 0 -48px; }
li#home a:active { background: url('/_img/top-menu.jpg') 0 -96px; }
li#solutions a { width: 145px; background: url('/_img/top-menu.jpg') -94px 0; }
li#solutions a:hover { background: url('/_img/top-menu.jpg') -94px -48px; }
li#solutions a:active { background: url('/_img/top-menu.jpg') -94px -96px; }
li#clients a { width: 128px; background: url('/_img/top-menu.jpg') -239px 0; }
li#clients a:hover { background: url('/_img/top-menu.jpg') -239px -48px; }
li#clients a:active { background: url('/_img/top-menu.jpg') -239px -96px; }
li#about a { width: 117px; background: url('/_img/top-menu.jpg') -367px 0; }
li#about a:hover { background: url('/_img/top-menu.jpg') -367px -48px; }
li#about a:active { background: url('/_img/top-menu.jpg') -367px -96px; }
li#contact a { width: 127px; background: url('/_img/top-menu.jpg') -484px 0; }
li#contact a:hover { background: url('/_img/top-menu.jpg') -484px -48px; }
li#contact a:active { background: url('/_img/top-menu.jpg') -484px -96px; }

a.portal { float: right; font-size: .8em; margin-right: 20px; margin-top: 8px; margin-bottom: -25px; color: #d01425; }


/*----------  FOOTER  ----------*/
.footer { clear: both; width: 910px; margin: auto; padding-bottom: 25px; color: #ccc; }
.footer span { color: #969696; font-size: 11px; padding: 0 5px; }
.footer a { color: #646464; }
.footer a:hover { text-decoration: underline; }



label { display: block; font-size: .9em; padding-bottom: 2px; }
input { line-height: 1 }
input[type=text] { font-size: 1.1em; padding: 3px 5px; width: 200px; background: #fff; border: 1px solid #71a92a; }
input[type=submit] { font-weight: bold; padding: 3px 5px; text-transform: capitalize; }
textarea { padding: 3px; padding-left: 5px; width: 400px; height: 150px; background: #fff; border: 1px solid #71a92a; }
input[type=text],textarea { font: 1em Arial, Helvetica, sans-serif; color: #505050; }
.form-row { padding: 5px 0 12px; }
address { font-style: normal; }
address span { display: block; }
ul.more-info {  }
ul.more-info li { display: block; clear: both; margin: 0; }
ul.more-info li label { width: 50px; font-size: 1em; float: left; }

#contact-us { padding: 0 20px; }

span.who { font-size: .8em; font-weight: bold; }

input.fill { display: none; }

.solutions img { border: 1px solid #ddd; }


ul.list { margin: 20px 10px; clear: both; }
ul.list li {  }
ul.list li a { display: block; margin: 0 5px; }
ul.list li a:hover { text-decoration: none; background: #ddecc3; }
ul.list li a span { font-size: 10px; font-weight: normal; display: block; }

ul.clients li { float: left; margin-bottom: 15px; }
ul.clients li a { font-weight: bold; width: 160px; padding: 3px 10px 5px; }

ul.solutions ul.left { float: left; width: 49%; }
ul.solutions ul.right { float: right; width: 49%; }
ul.solutions ul li a { padding: 3px 8px; }
ul.solutions ul li a:hover { font-weight: bold; padding-left: 12px; }

ul.sitemap { margin: 0; padding: 0; list-style: disc; margin-left: 24px; color: #d01425; }
ul.sitemap li { padding-bottom: 20px; }
ul.sitemap ul { margin: 0; padding: 0; list-style: circle; margin-top: 7px; margin-left: 24px; }
ul.sitemap ul li { padding: 0; }