@import url('reset.css');
@import url('foliocondensedlight/font.css');

/* general */
body { margin: 10px 5px; }
body,p,li,input,select,textarea,a { font-family: geneva,tahoma,arial,helvetica,sans-serif; font-size: 12px; color: #515052; line-height: 1.1; } 
p { line-height: 1.3; margin: 0 0 10px 0; }

/* classes */
p.opening, p.opening a { color: #ef3e36; font-size: 14px; }
.vr { height: 100%; background: #dadbdb; width: 1px; float: left; }
.hr { width: 100%; background: #dadbdb; height: 1px; clear: both; }
.spacer, .clearer { width: 1px; height: 0; overflow: hidden; }
.clearer { clear: both; }

ul.bullets { padding: 0 0 0 20px; margin-bottom: 10px; list-style: disc; }
ul.bullets li { line-height: 1.3; }
ul.dashes { padding: 0 0 0 20px; margin-bottom: 10px; text-indent: -8px;}
ul.dashes li { line-height: 1.3; }
ul.plain { padding: 0 0 0 8px; margin-bottom: 10px; text-indent: -8px;}
ul.plain li { line-height: 1.6; }

.lhc, .rhc { width: 375px; float: left; margin-right: 35px; line-height:16px;}
.rhc { margin-right: 0; }
.single-col { margin-right: 220px; }
.fullsize-col { margin-right: 0; }

.subtitle { font-size: 14px; color: #00103d; }
.navy { color: #00103d; }
.red { color: #ef3e36; }
.error { color: #9f0e06; }

.quote-red, .quote-navy { width: 360px; border-left: 5px solid #00103d; background: #ef3e36; margin: 25px 0; }
.quote-red p, .quote-navy p { color: #fff; padding: 12px 20px 12px 15px; margin: 0; font-size: 14px; line-height: 1.3; }
.quote-red img, .quote-navy img { position: relative; left: -5px; z-index: 2; }
.quote-navy { border-left-color: #ef3e36; background: #00103d; }
.quote-red img, .quote-navy img { float: left; margin: 0px 10px 5px 0; }

.quote-large { padding: 25px 0 25px 0; clear: both; width: 803px; }
.quote-large img { width: 331px; height: 170px; float: left; }
.quote-large .quote { width: 471px; height: 170px; background: #ef3e36; float: right; }
.quote-large .title { font-family: folio; color: #fff; font-size: 20px; margin: 15px 0 2px 15px; }
.quote-large .hr { background: #f1755c; margin-bottom: 12px; }
.quote-large p { color: #fff; font-size: 12px; margin: 0 25px 0px 15px; line-height: 1.4; }
.quote-large .quotemark { color: #00103d; font-size: 40px; line-height: 0.01; font-family: folio; position: relative; bottom: -20px; }
.quote-large .job-title { color: #00103d; margin-top: 0 }

.input-form { margin: 20px 0 10px 0; }
.input-form label { display: block; width: 150px; float: left; clear: left; }
.input-form input { margin: 0 0 5px 0; width: 200px; }

/* general elements */
#page { width: 1001px; margin: 0 auto; position: relative; }
#header { height: 98px; margin: 0 0 16px 0; border-top: 1px #fff; }
#logo { background: url(images/logo.png); width: 149px; height: 22px; float: left; margin: 75px 15px 0 13px; cursor: pointer; }

#menu { margin: 83px 0 0 15px; float: left; }
#menu li { float: left; margin-right: 20px; _margin-right:18px; }
#menu li.last-child { margin-right: 16px; }
#menu li a { font-family: folio; font-size: 13px; text-decoration: none; color: #a7a9ac; text-transform: uppercase; white-space: nowrap;  }
#menu li a:hover { color: #00103d;}
#menu li a.selected { color: #ef3e36;}

/* webkit bug */
#menu li a { background: white; display: block; }
#menu-index { min-width: 28px; }
#menu-products { min-width: 51px; }
#menu-company { min-width: 47px; }
#menu-customers { min-width: 61px; }
#menu-news { min-width: 29px; }
#menu-services { width: 47px; }
#menu-managed-services { min-width: 98px; }
/* end webkit bug */

#footer { border-top: 1px solid #dadbdb; margin: 20px 0 0 0; padding: 27px 0 0 0; }
#footer li, #footer p { color: #bcbdc0; }

#footer-links { float: right; text-align: right; margin: 2px 17px 0 0; }
#footer-links p { clear: both; }
#footer-links li { float: left; margin: 0 4px 10px 0; }
#footer-links li.last-child { margin-right: 0; }
#footer-links a { text-decoration: none; color: #a7a9ac; }
#footer-links p, #footer-links a { font-size: 11px; }
#footer-links a:hover { color: #00103d; }
#footer-links a.selected { color: #ef3e36;}

#search-box { width: 190px; height: 98px; background: #f1f1f2; float: right; }
#search-box form { display: block; margin: 40px 0 0 10px; }
#search-box p, #search-box input.button { font-family: folio; }
#search-box label { text-transform: uppercase; color: #a7a9ac; font-family: folio; font-size: 13px; }
#search-box label span, #search-box input.button { color: #ef3e36; }
#search-box input { width: 134px; height: 21px; border: none; background: #fff; margin: 6px 0 0 0; float: left; padding: 2px; font-size: 12px; }
#search-box input.button { width: 30px; height: 25px; border: none; border-left: 1px solid #d6d7d9; background: #fff; display: block; float: left; padding: 0; font-size: 11px; }

#side-menu { float: left; width: 177px; }
#side-menu ul { margin: 6px 0 0 0; }
#side-menu li { border-bottom: 1px solid #e9e9ea; }
#side-menu li.last-child { border-bottom: none; }
#side-menu a { font-family: folio; font-size: 12px; text-decoration: none; color: #000000; text-transform: uppercase; display: block; padding: 7px 0 6px 17px; line-height: 1; height: 12px; }
#side-menu a:hover { border-left: 5px solid #00103d; padding-left: 12px; color: #00103d; }
#side-menu a.selected { border-left: 5px solid #ec3f3c; padding-left: 12px; color: #ec3f3c; }
.subnavi_selected{ border-left:5px solid #ec3f3c; color:#ec3f3c !important; padding-left: 12px !important;}
#side-menu ul li ul li a.selected{ border-left: 5px solid #eeeeee; color: #a7a9ac; color: #ec3f3c; }

/*#side-menu ul li a.childNav:hover { border-left: 5px solid #eeeeee; color: #ff0000; padding-left: 12px; margin-left:12px; }*/


#content { float: left; width: 809px; margin: 0 0 0 15px; }

#breadcrumb { font-family: folio; font-size: 24px; width: 100%; border-bottom: 1px solid #e9e9ea; padding: 28px 0 11px 0; margin: 0 0 19px 0; }
#breadcrumb .category { color: #00103d; }
#breadcrumb .page-name { color: #ef3e36; }

#footer-customer-logos-wrapper { width: 454px; height: 51px; overflow: hidden; margin: -9px 0 0 5px; float: left; position: relative; }
#footer-customer-logos { width: 454px; height: 204px; overflow: hidden; position: absolute; top: 0; left: 0; }
#footer-customer-logos img { display: block; margin-bottom: 20px; }
#footer-customers { height: 31px; }
#footer-customers p { height: 31px; font-family: folio; color: #a7a9ac; text-transform: uppercase; font-size: 13px; width: 91px; float: left; margin: 0px 0 0 17px; }

/* home */
#home-menu { width: 746px; height: 380px; background: url('images/home-menu-bg.png'); float: left; position: relative; }
#home-menu-strip { width: 777px; height: 120px; background: #ef4136; position: absolute; top: 84px; left: 0; border-bottom: 1px solid #7f849c; overflow: hidden; }
#home-menu-strip ul { position: absolute; bottom: 0; left: 12px; }
#home-menu-strip li { float: left; height: 63px; border-right: 1px solid #e19982; position: relative; }
#home-menu-strip li.last-child { border: 0; }
#home-menu-strip a { font-family: folio; font-size: 16px; text-decoration: none; color: #f2af98; display: block; margin: 37px 25px 0 10px;  }

#home-menu-strip a:hover, #home-menu-strip a.selected { color: #fff; }
#home-menu-substrip { width: 777px; height: 23px; background: #00002b; position: absolute; top: 204px; left: 0; }
#home-menu-substrip ul { position: absolute; top: 5px; left: 22px; }
#home-menu-substrip li { float: left; margin: 0 20px 0 0;}
#home-menu-substrip a { font-size: 11px; text-decoration: none; color: #fff; background: #00002b; }
#home-menu-substrip a:hover { color: #ef4136; }

#home-news { width: 255px; height: 380px; background: #f1f1f2 url('images/logo-small-red.png') 45px 24px no-repeat; float: left; }
#home-news .title { margin: 46px 0 4px 45px; font-family: folio; color: #ef3e36; text-transform: uppercase; font-size: 16px; }
#home-news .news-item { margin: 15px 0 0 45px; border-bottom: 1px dashed #d6d7d9 }
#home-news .news-item-last { border-bottom: 0; }
#home-news .news-item a { line-height: 1.1; margin: 0 35px 14px 0; display: block; text-decoration: none; font-size: 11px; }
#home-news .news-item .date { color: #00103d; margin-bottom: 3px; font-size: 11px; }
#home-news a.archived { display: block; margin: 20px 0 0 45px; text-decoration: none; color: #a7a9ac; font-size: 11px; }
#home-news a:hover { color: #00103d; }
#home-news .hr { margin-bottom: 20px; }

#home-taglines { position: absolute; right: 25px; bottom: 25px; }
#home-taglines img { height: 109px; }

/* services */
.download-datasheet { position: absolute; top: 140px; right: 2px; }
.download-datasheet a { color: #ef3e36; display: block; padding: 10px 35px 0 0; background: url(images/pdf-download.png) no-repeat top right; height: 14px; text-align: right; }

/* managed services */
#managed-services-model { width: 555px; background: #ef3e36; font-family: folio; font-size: 14px; text-transform: uppercase; color: #fff; text-align: center; padding: 5px 0; margin: 30px 0 5px 0; }
.managed-services-box { width: 265px; height: 133px; background: #939598; padding: 5px 5px; float: left; margin: 0 5px 5px 0; }
.managed-services-box p { font-family: folio; font-size: 14px; text-transform: uppercase; color: #fff; text-align: center; line-height: 1; margin: 0; }
.managed-services-box div { background: #fff; padding: 5px 5px; height: 103px; margin: 5px 0 0 0; }
.managed-services-box div ul li { font-size: 11px; margin: 0 20px 5px 0; }

/*technology */

.map-title{ font-family: folio; color: #000; font-size: 20px; width: 100%; text-align:center   }


/* awards */
.award { width: 152px; height: 142px; display: block; float: left; margin: 0 10px 10px 0; overflow: hidden; position: relative; cursor: pointer }
.end { margin-right: 0; }
.award .border { width: 144px; height: 134px; border: 4px solid #939598; position: absolute; top: 0; left: 0; z-index: 2; }
.award .image { width: 144px; height: 134px; background: center no-repeat; position: absolute; top: 4px; left: 4px; z-index: 1; }
.award:hover .border { border-color: #00103d; }
.award.selected .border { border-color: #ef3e36; background: url('images/awards-bg.png') 50% -1px no-repeat; }
.award-description div { padding-bottom: 10px; background: #fff; }

/* testimonials */
#testimonials { height: 220px; }
.testimonial { background: #ef3e36; }
.testimonial td { height: 220px; vertical-align: middle; }
.testimonial .lhc { width: 530px; padding: 0 0 0 25px; }
.testimonial .lhc p { color: #fab29b; font-size: 14px; }
.testimonial .rhc { width: 208px; padding: 5px; }
.testimonial .rhc td { height: 210px; padding: 0 20px; background: #fff; }
.testimonial .rhc td img { margin-top: 5px; }
.testimonial .lhc p.name { color: #fff; }

/* news */
#press-releases .news-item { width: 200px; float: left; margin: 0 35px 10px 0; color: #414042; }
#press-releases .hr { margin: 0 0; }
#press-releases .news-items { padding: 20px 0 20px 20px; border-left: 5px solid #fff; }
#press-releases .news-items-over { }
#press-releases .news-items-selected { border-color: #ef3e36; }
#press-releases .news-items a { margin-bottom: 3px; display: block; color: #00103d; }
#press-releases .news-items-selected .news-item a { color: #ef3e36; }
#press-releases .news-items-selected .news-item { color: #414042; }
.year { font-family: folio; font-size: 20px; float: left; line-height: 70px; margin-right: 20px; cursor: pointer; color: #666; }
.year-over { color: #00103d; }
.year-selected { font-size: 60px; color: #ef3e36; margin-top: -12px; }

/* search */
#search_results em { color: #ef3e36; font-weight: bold; padding: 0 2px; font-style: normal; }
#search_results .subtitle em { color: #00103d; }

/* careers */
#vacancies ul { margin-bottom: 12px; }
#vacancies li { padding: 0 0 0 18px; background: no-repeat 0 4px; margin-bottom: 2px; background-image: url(images/list-black.png); }
.job_content { padding-bottom: 20px; }

/* contact */
.contact .lhc, .contact .rhc { width: 250px; }

/* css text replace */
.imgreplace { text-indent: -999px; overflow: hidden; }

/* javascript hide/show */
.js { display: none; }
.nonjs { display: block; };

.top_container{position:relative}
.top{width:20px;  left: 350px; top: 5px; float:right}


/* javascript hide/show */
.js { display: none; }
.nonjs { display: block; };

.top_container{position:relative}
.top{width:20px;  left: 350px; top: 5px; float:right}

.container { width:972px; height:100px; overflow:hidden; position:relative;   }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:972px; display:none; }
/*
 * Optional
*/

/*Presscover new */

ul li{ margin:0px; padding:0px;}
ul#press{ list-style:none; background: url(images/press-cover.png) no-repeat;
width:720px; height:420px; border:0px solid green; overflow:hidden; padding:0px; margin-left:0px; }

ul#press a{color:#000; text-decoration:none; line-height:15px; margin:0px; padding:0px; border:0px; }


ul#press li{ border:0px solid #fff; float:left; width:145px !important; height:45px; margin-right:20px; margin-bottom:5px; padding-left:5px; padding-top:85px; }

/*ends here*/
