﻿body, table, td, p, ul, li, dl, dt, dd, div, span { line-height:120%; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#A39F98; }
body { margin:0; padding:0; }
img { border:0; }
/* body { font-size:1.0em; } */
p, li { font-size:0.85em; .font-size:0.75em; }

/* Links */
a:link { color:#7C756C; text-decoration:none; }
a:visited { color:#7C756C; text-decoration:none; }
a:hover { color:#7C756C; text-decoration:underline; }
a:active { color:#7C756C; text-decoration:none; }

.listBox a:link .rollover { border:1px solid #F0EEED; }
.listBox a:visited .rollover { border:1px solid #F0EEED; }
.listBox a:hover .rollover { border:1px solid #656565; }
.listBox a:active .rollover { border:1px solid #F0EEED; }
.listBox .selected { border:1px solid #656565; margin-bottom:2px; }
.listBox .rollover { margin-bottom:2px; }

.longTitle a:link { color:#7C756C; text-decoration:underline; }
.longTitle a:visited { color:#7C756C; text-decoration:underline; }
.longTitle a:hover { color:#7C756C; text-decoration:underline; }
.longTitle a:active { color:#7C756C; text-decoration:underline; }

.contact a { font-size:0.8em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#7C756C; }

/* Images */
.backImg { margin-bottom:6px; float:right; }
.right2 img, .rightNarrow2 object { margin-bottom:3px; }
.logoSpread { text-align:center; }
.logoSpread img { padding:0 30px 10px 30px; }
.logo { padding:15px 0 0 25px; }

/* Language elements */
.language { position:absolute; top:5px; right:80px; z-index:1; margin:0; padding:0; text-align:right; font-size:0.8em; }
.language ul { margin:0; padding:0; list-style-type:none; }
.language li { display:inline; }
.language li a { letter-spacing:0; }

/* Form elements */
.search { position:absolute; top:64px; left:553px; z-index:1; margin:0; padding:0; width:135px; height:55px; text-align:right; }
input.textField { margin:0; padding:0; width:130px; height:16px; font-size:10px; color:#666; }
select { margin:0; padding:0; }
.work select { margin:5px; }
#dropdown { margin:0 0 16px 0; padding:0; }
#dropdown select, select { display:inline; float:left; margin-right:10px; font-size:0.8em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#7C756C; .font-size:0.7em; }
#dropdown p { margin:0; font-size:0.8em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#A39F98; .font-size:0.7em; }

/* Fonts */
h1 { margin:0; padding:0; }
h2 { margin:0; padding:0; font:22px Arial, Helvetica, sans-serif; color:#7C756C; }
h3 { display:block; float:none; margin:0; padding:0; font:normal 17px/17px Arial, Helvetica, sans-serif; color:#7C756C; }
h4, h4.subhead { display:block; float:none; margin:0; padding:0; font:normal 17px/17px Arial, Helvetica, sans-serif; color:#7C756C; }
/* h4 { display:block; float:none; margin:0 0 10px 0; padding:0; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#A39F98; } */

.newsScroll h2, .longTitle { margin:0 0 10px 0; padding:0; font:17px Arial, Helvetica, sans-serif; color:#7C756C; }
// .titles h2 { margin:0; padding:0; font:normal 20px Arial, Helvetica, sans-serif; color:#7C756C; }
.contact h2, .titleLarge h2 { margin:0 0 10px 0; padding:0; font:normal 22px Arial, Helvetica, sans-serif; color:#7C756C; }
.middle1 h2, .middle1 h3 { margin:0; padding:0; }


.newsTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #A39F98;
}
.newsTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A39F98;
}

.whiteBox p, .greyBox p { margin:0 0 16px 0; padding:0; }
.bottomBox p { margin:0; }
.greyBox p { padding-right:40px; }
.right2 p, .rightNarrow2 p { padding-right:3px; text-align:right; }
.software .greyBox p { margin:0 15px 10px 0; padding:0 0 5px 0; border-bottom:1px dashed #7C756C; }
.about .greyBox p { margin:0 0 10px 0; padding:0 10px 0 0; }
.listBox p { display:inline; float:left; margin:0; padding:6px 0 6px 6px; width:120px; font-size:0.7em; background:#F0EEED; .font-size:0.6em; }
.listBox p.nextMod { display:inline; float:left; margin:67px 0 0; padding:0; /* padding-top:67px; */ width:48px; height:100%; vertical-align:bottom; background:#F0EEED; }
.listBox p.subHeading, .subHeading { margin:0; padding:0; font-size:0.8em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#A39F98; .font-size:0.7em; }
.contact p { display:inline; float:left; margin:0; padding:0; width:214px; font-size:1.0em; font-family:Arial, Helvetica, sans-serif; }

p.info { margin:0; padding:0 40px 0 0; font:normal 17px/17px Arial, Helvetica, sans-serif; color:#7C756C; }
p.noMargin { margin:0; }

dl { margin:0 14px 3px 0; padding:0 0 3px 0; }
.home dl { margin:0 15px 3px 0; padding:0 0 5px 0; border-bottom:1px dashed #7C756C; }
h3, dt { margin:5px 0 0 0; padding:0; font:normal 17px/17px Arial, Helvetica, sans-serif; color:#7C756C; }
dd { margin:0; padding:0; font-size:0.8em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#A39F98; .font-size:0.7em; }

.greyBox ul { margin:0; padding:0 40px 0 30px; }
.greyBox li { margin-bottom:5px; }
.about .greyBox ul { margin:0; padding:0 10px 0 30px; }
.about .greyBox li { margin-bottom:0; }

.footer { margin:0; padding:5px 0 0 0; font-size:0.7em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFF; text-align:right; .font-size:0.65em; }
.mainTextBold { font-weight:bold; }

/* General page structure */
.outerBox { position:relative; margin:0; padding:36px 80px 20px 12px; width:676px; background-color:#FDCB26; }
.innerBox { margin:7px 0 0 0; padding:16px 16px 0 16px; width:644px; background:#FFF; clear:both; }
.whiteBox, .greyBox, .bottomBox { margin:0 0 16px 0; overflow:hidden; clear:both; }
.greyBox { height:1%; }
.flashInnerBox { margin:7px 0 0 0; padding:16px 20px; width:636px; background:#FFF; clear:both; }

.popupOuterBox { margin:0; padding:36px 12px 20px 12px; background-color:#FDCB26; clear:both; }
.popupInnerBox { margin:7px 0 0 0; padding:16px 16px 0 16px; width:auto; background:#FFF; clear:both; }
.popupInnerBox p { margin:0; padding:0 0 16px 0; }
.popupInnerBox p.after { margin:0; padding:16px 0; }


/* Main nav */
ul.mainNav { margin:55px 0 0; padding:0 0 20px 0; list-style:none; }
ul.mainNav li { display:block; float:left; margin:0; padding:0; }
ul.mainNav a { display:block; float:left; margin-right:0; padding:0; height:19px; text-indent:-9999px; }

a.navHome { width:66px; background:url(images/home.gif) no-repeat; }
a.navAbout { margin-left:12px; width:86px; background:url(images/about_us.gif) no-repeat; }
a.navServices { margin-left:12px; width:172px; background:url(images/services_software.gif) no-repeat; }
a.navWork { margin-left:12px; width:92px; background:url(images/our_work.gif) no-repeat; }
a.navClients { margin-left:12px; width:102px; background:url(images/clients.gif) no-repeat; }
a.navContact { margin-left:12px; width:97px; background:url(images/contact_us.gif) no-repeat; }

ul.mainNav a:hover { background-position:0px -19px; }
ul.mainNav .highlight { background-position:0px -19px; }



/* Menu bar */
// .menuBar { position:absolute; top:130px; left:12px; margin:0 0 0 5px; }
/*
.menuBar { margin:52px 0 0 5px; }
.menuBar ul { margin:0; padding:0; list-style-type:none; }
.menuBar li { display:inline; font:normal 18px Arial, Helvetica, sans-serif; color:#FFF; letter-spacing:-1px; }
.menuBar li a { letter-spacing:0; }
.menuBar li strong { font-size:22px; }
.menuBar li a:link { color:#7C756C; text-decoration:none; }
.menuBar li a:visited { color:#7C756C; text-decoration:none; }
.menuBar li a:hover { color:#FFF; text-decoration:none; }
.menuBar li a:active { color:#7C756C; text-decoration:none; }
*/
// .menuBar li a.selected { color:#FFF; }
/*
.menuBar li a.selected:link { color:#FFF; }
.menuBar li a.selected:visited { color:#FFF; }
.menuBar li a.selected:hover { color:#FFF; }
.menuBar li a.selected:active { color:#FFF; }
*/

/* News scroll */
iframe { margin:0; padding:0; width:315px; height:118px; }
.newsImg { display:inline; float:right; }
.newsScroll { width:315px; border-bottom:1px dashed #D8D3CF; }
.newsScroll h2 { margin-top:-3px; margin-bottom:1px; padding-bottom:5px; width:315px; border-bottom:1px dashed #D8D3DF; }

/* medium popup window structure */
.mediumBox { display:block; margin:0 0 16px 0; padding:0; width:100%; clear:both; }
.mediumBox .title { display:inline; float:left; margin:0; padding:0; width:49.5%; }
.mediumBox .imageBox { display:inline; float:left; margin:0; padding:3px; border-right:7px solid #FFF; width:auto; background:#F0EEED; }
.mediumBox .captionBox { display:inline; float:right; margin:0; padding:0; width:auto; }
.greyBox .mediumBox { background:#F0EEED; }

/* wide popup window structure */
.wideBox { display:block; margin:0 0 16px 0; padding:0; width:100%; }
.wideBox .title { display:inline; float:left; margin:0; padding:0; width:33%; }
.imageBox { display:block; margin:0 0 16px 0; padding:0; width:100%; }
.greyBox .wideBox { background:#F0EEED; }

/* 2 column structure */
.leftEqual2, .rightEqual2, .left2, .right2, .leftWide2, .rightNarrow2 { display:inline; float:left; margin:0 6px -1000px 0; padding:0 0 1000px 0; }
.leftEqual2 { width:319px; }
.rightEqual2 { margin-right:0; width:319px; }
.left2 { width:324px; }
.right2 { margin-right:0; padding:3px 3px 1000px 3px; width:308px; }
.leftWide2 { width:332px; }
.rightNarrow2 { margin-right:0; padding:3px 3px 1000px 3px; width:300px; }
.greyBox .leftEqual2, .greyBox .rightEqual2, .greyBox .left2, .greyBox .right2, .greyBox .leftWide2, .greyBox .rightNarrow2 { background:#F0EEED; }
.bottomBox .right2 { padding-top:0; }

/* 3 column structure */
.left3, .middle3, .right3 { display:inline; float:left; margin:0 6px -1000px 0; padding:0 10px 1000px 0; width:201px; }
.right3 { margin-right:0; width:200px; }
.greyBox .left3, .greyBox .middle3, .greyBox .right3 { background:#F0EEED; }

/* 4 column structure */
.left4 { display:inline; float:left; padding-right:6px; width:157px; }
.middle4 { display:inline; float:left; padding-right:5px; width:157px; }
.right4 { display:inline; float:left; width:157px; }

.listBox { display:block; margin:0 0 16px 0; background:#F0EEED; overflow:hidden; clear:both; height:1%; }
.titles, .titleLarge { display:block; float:left; width:218px; background:#F0EEED; }
h2.titles { float:none; }
.contact { display:block; float:left; margin:0; padding:0 0 16px 0; clear:both; }

h2.cmd { font-size:36px; }



/* Fixes clear:both - to go in floating div containers - from http://www.positioniseverything.net/easyclearing.html */
.clearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix { display:inline-table; }
/* Hides from IE-mac \*/
* clearFix .clearfix { height:1%; }
.clearFix { display:block; }
/* End hide from IE-mac */
