/*
------------------------------------------------------
COLOR INDEX
dark-blue:#003657;
med-blue:#064F7D;
light-blue:#0472B6;
baby-blue:#7CD3FD;
orange:#F8991D;
red:#A20018;
------------------------------------------------------
*/
/*
------------------------------------------------------
TOOLBOX
------------------------------------------------------
*/
.hide { display:none; }
.alignLeft { text-align:left; }
.alignCenter { text-align:center }
.alignRight { text-align:right; }
.justify { text-align:justify; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.textBottom { vertical-align:text-bottom; }
.right { float:right; }
.left { float:left; }
.strong { font-weight:bold; }
.orange { color:#F8991D; }
.lightBlue { color:#0472B6; }
.darkBlue { color:#003657; }
.red { color:#CC0000; }
.grey { color:#999; }
.ten { font-size:10px; line-height:15px; }
.eleven { font-size:11px; line-height:15px; }
/*--DEFAULT IS 12PX----*/
.thirteen { font-size:13px; }
.fourteen { font-size:14px; }
.fifteen { font-size:15px; }
.sixteen { font-size:16px; }
.eighteen { font-size:18px; }
.twenty { font-size:20px; }
.twentytwo { font-size:22px; }
.space50 { margin-right: 50px; }
.push5 { height: 5px; }
.push10 { height: 10px; }
.push15 { height: 15px; }
.push20{ height: 20px; }
.push30 { height: 30px; }
.push40 { height: 40px; }
.push50 { height: 50px; }
.pushLess { height:75px; }
.push { height:150px; }
.pad { padding:0 25px; }
.padMore { padding:0 50px; }
.padLeft { pading-left: 30px; }
.padServices { padding:5px 100px 5px 30px; }
.hr { width:100%; height:20px; border-bottom:10px solid #F8991D; }
.current { cursor:default; }
.clear { width:100%; height:1px; margin:0 0 -1px; clear:both; }
/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* close commented backslash hack */
br.clearfix { clear:both; margin:0px !important; padding:0px !important; height:1px; font-size:1px; line-height:1px; }
a { outline:none; }
.center { margin:0 auto; }
object { outline:none; }
/*
------------------------------------------------------
SETTINGS
------------------------------------------------------
*/
html { height:100%; background-image:url(../images/htmlBG.gif); background-position:top; background-repeat:repeat-x; background-color:#003657; z-index:0; }
body { height:100%; font-size:12px; font-family:Verdana, Tahoma, Arial, sans-serif; text-align:center; z-index:1; line-height:17px; color:#555; }
h1 { font-size:26px; padding:5px; color:#003657; }
a,
a:visited { text-decoration:none; color:#A20018; }
a:hover { text-decoration:underline; }
ul.bullet li { background:url(../images/bullet.jpg) left center no-repeat; padding-left:10px; line-height:20px; }
/*
------------------------------------------------------
JKPANEL
------------------------------------------------------
*/
#dropdownpanel { position:absolute; width:100%; left:0; top:0; visibility:hidden; z-index:999; }
#dropdownpanel .contentdiv { background-color:#003657; color:white; padding:10px; overflow:hidden; z-index:999; }
#dropdownpanel .control { border-top:20px solid #003657; background:transparent url("../images/login.gif") right center no-repeat; height:17px; z-index:999; }
/*
------------------------------------------------------
GLOBAL
------------------------------------------------------
*/
.wrapper { position:relative; width:920px; min-height:100%; height:auto !important; height:100%; margin:0 auto -140px; text-align:left; }
.header { background:url(../images/headerBG.gif); height:110px; }
.login { width:240px; margin: 10px auto; text-align: right; }
.login a { color:#7CD3FD; font-size:10px; }
.login a:hover { text-decoration:underline; }
.logo { margin:20px 0 6px 20px; }
.content { position:relative; background:url(../images/contentBG.jpg) bottom no-repeat #FFF; padding:0 0 8px 7px; }
.contentLeft { position:relative; width:644px; min-height:600px; background:url(../images/mainContentBG.jpg) top no-repeat #FFF; margin:10px 0 0 0; line-height:22px; padding:0 0 25px 0; }
.sideBar { position:relative; width:257px; background:url(../images/sideBarBG.jpg) top no-repeat #FFF; margin:10px 8px 0 0; }
.sideBarNew { position:relative; width:257px;  margin:0px 8px 0 0; }
.sideBar img { margin-left:2px; }
.container { margin:20px auto; width:95%; }
/*
------------------------------------------------------
NAVIGATION
------------------------------------------------------
*/
ul.nav { height:20px; list-style:none; padding-left:269px; margin-top:-10px; }
ul.nav li { display:inline; font-size:13px; }
ul.nav li a { display:block; float:left; color:white; font-family:Arial, sans-serif; font-weight:bold; text-decoration:none; text-align:center; text-transform:uppercase; padding:3px 0 4px 0; }
ul.nav li a:hover { background:#F8991D; }
ul.nav li a.home { width:60px; }
ul.nav li a.serv { width:95px; }
ul.nav li a.solu { width:95px; }
ul.nav li a.capa { width:120px; }
ul.nav li a.port { width:100px; }
ul.nav li a.abou { width:90px; }
ul.nav li a.cont { width:105px; border:none; }
body#home ul.nav li a.home,
 body#serv ul.nav li a.serv,
 body#serv ul.nav li a.solu,
 body#capa ul.nav li a.capa,
 body#port ul.nav li a.port,
 body#abou ul.nav li a.abou,
 body#cont ul.nav li a.cont { background:#FFF; color:#003657; border-top:2px solid #F8991D; }
/*
------------------------------------------------------
HOME
------------------------------------------------------
*/
.clientLogos { border-bottom:10px solid #F8991D; width:904px; }
.textBlock { position:relative; width:607px; height:258px; background:url(../images/home_textBlock.jpg); float:left; }
.textBlock img { margin:25px 0 0 20px; }
.textBlock img.right { margin:15px 0 0 0; }
.textBlock p { width:545px; margin:5px 0 0 20px; text-align:justify; line-height:20px; color:#333; }
.homeQuote { position:relative; width:296px; height:145px; background:url(../images/home_quoteBG.gif); margin-right:10px; float:right }
.homeQuote p { width:210px; margin:30px 0 0 65px; text-align:left; line-height:17px; color:#333; }
.homeQuote span { float:right; margin-top:4px; font-size:10px; }
.whitePaper { position:relative; width:296px; height:112px; margin-right:10px; float:right; }
/*
------------------------------------------------------
SERVICES
------------------------------------------------------
*/
.serviceArea { width:534px; margin:30px auto 60px auto; background:#FFF; }
.serviceArea h2 { float:right; margin:2px 10px 0 0; }
.serviceArea .title { display:block; width:100%; height:31px; background:url(../images/serv_headerBG.jpg) bottom no-repeat; }
.serviceArea .title:hover { background-position:top; }
.serviceText { background:url(../images/serv_textBG.jpg) top right no-repeat; }
/*
------------------------------------------------------
PORTFOLIO
------------------------------------------------------
*/
.folioContent { position:relative; width:905px; background:#FFF; margin:10px 0 0 0; line-height:22px; }
.thumb { float:left; width:161px; height:160px; background:url(../images/folio/thumbBG.jpg) center top no-repeat; text-align:center; padding:10px; }
.thumb img { border:1px solid; border-color:#CCC; }
.thumb img:hover { border-color:#A20018; }
.thumb p { text-align:left; font-size:10px; line-height:12px; padding:5px; }
/*------EXAMPLES------*/
.exampleHolder1 { position:absolute; top:0px; left:0px; width:992px; height:718px; background:url(../images/folio/richMediaBG.jpg) center top no-repeat; z-index:0; }
.exampleHolder2 { position:absolute; top:0px; left:0px; width:992px; height:718px; background:url(../images/folio/richMediaBG2.jpg) center top no-repeat; z-index:0; }
.closeWindow { position:fixed; top:0px; left:0px; z-index:1; }
.closeWindow img { border:0; }
.bannerCenter { margin: 60px auto 0 auto; }
.banner728 { position:absolute; top:11px; left:237px; z-index:1; }
.banner486 { position:absolute; top:41px; left:479px; z-index:1; }
.banner300 { position:absolute; top:184px; left:442px; z-index:1; }
.banner300x600 { position:absolute; top:184px; left:342px; z-index:1; }
.banner728x600 { position:absolute; top:184px; left:214px; z-index:1; }
/*
------------------------------------------------------
CONTACT
------------------------------------------------------
*/
.mainContact { width:240px; }
.contactForm { width:320px; margin:20px 0 0 0; }
.subContact { width:280px; margin:20px 0 0 0; }
.centerSubs { margin: 0 0 0 25px; }
/*
------------------------------------------------------
FOOTER
------------------------------------------------------
*/
.footer { width:100%; line-height:12px; }
.footer a { color:#FFF; }
.footer a.login { color:#F8991D; }
.footer a:hover { text-decoration:underline; }
.footerWrap { position:relative; width:920px; margin:0 auto; text-align:left; padding:10px; }
.footerText { padding-left:15px; color:#FFF; font-size:11px }