html { min-height: 100%; margin-bottom: 1px; background: #12242b url(../cimg/bg000000.gif); font-size: 100.01%; }
body { margin: 0; padding: 0; /* background: url(../cimg/bg-top.png) repeat-x; */ color: #4d5967; font: 68.75%/127% Arial,Helvetica,sans-serif; }
textarea, input, select, option, button { font: 1em Arial,Helvetica,sans-serif; }
/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
/*img { border: none; }*/
abbr,
acronym { /*border-bottom: 1px dotted #aaa; */ }
embed { display: block; }
dl { margin: 0 0 12px; }
dt { font-weight: bold; }
dd { margin: 0; }
p { margin: 0 0 12px; }
/*a { color: #369; text-decoration: none; }
a:hover, a:focus, a:active { color: #BF1414; text-decoration: underline; }
strong { color:#000000; }*/
/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 7px; font: bold 2.4em "trebuchet ms", Arial,Helvetica,sans-serif; color: #bf1414; }
h1 { margin-bottom: 15px; font-size: 2.73em; }
h1 strong { color: #1b252a; }
h2 { font-size: 1.64em; }
h3 { color: #1b252a; font-size: 1.64em; }
h4 { color: #1b252a; font: bold 1.45em Arial,Helvetica,sans-serif; }
h5 { font-size: 1.00em; }
h6 { font-size: 0.80em; }
/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; top: -10001em; }
.clear { clear:both; height:1px; }
/* LAYOUT
------------------------------------------- */
#top { background:url(../cimg/bg-top00.png) repeat-x left bottom; }
#top div.inner { position: relative; height: 118px; }
#logo { position: absolute; top: 31px; left: 0; width: 246px; height: 53px; background: url(../cimg/logo0000.png) no-repeat; }
#domainlookup { position: absolute; top: 31px; right: 0; width: 600px; height: 53px; }
#logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001px; }
#nav { position: absolute; right: 0; bottom: -1px; }
#nav img,
#nav object { display: block; }
#sub-nav { margin: 0 0 -1px; background: #c2d5e5 url(../cimg/bg-subna.gif) 0 100% repeat-x; }
#sub-nav ul { overflow: hidden; width: 100%; list-style: none; height: 2em; margin: 0; padding: 10px 0 2px; }
#sub-nav ul li { display: inline; float: left; margin: 0 1px 0 0; line-height: 1; }
#sub-nav ul li a { position: relative; float: left; padding: 0 0 0 5px; background: url(../cimg/tabs0000.png) no-repeat; color: #fff; font-weight: bold; }
#sub-nav ul li a.over { background: red; }
#sub-nav ul li a span { float: left; padding: 6px 20px 5px 15px; background: url(../cimg/tabs0000.png) 100% 0 no-repeat; cursor: pointer; }
/*#sub-nav ul li a:hover { margin: -3px 0 0; background-position: 0 -50px; text-decoration: none; }
#sub-nav ul li a:hover span { padding-bottom: 8px; background-position: 100% -50px; }*/
#sub-nav ul li a:hover { background-position: 0 -50px; text-decoration: none; }
#sub-nav ul li a:hover span { background-position: 100% -50px; }
#sub-nav ul li strong a { margin: 0 0 -2px !important; background-position: 0 -100px !important; color: #b33737 !important; }
#sub-nav ul li strong a span { padding-bottom: 7px !important; background-position: 100% -100px !important; }
#content { background: #fff url(../cimg/bg-conte.gif) 0 top repeat-x; }
#content div.outer { padding: 45px 0 45px; background: url(../cimg/bg-contf.gif) 0 100% repeat-x; }
.home #content div.outer { padding-top: 0; }
#footer { /*border-bottom: 1px solid #12242b;*/ background: #fff url(../cimg/bg-foote.gif) 0 100% repeat-x; color: #1b2428; font: 0.82em "Lucida Grande","Lucida Sans Unicode",sans-serif; text-transform: uppercase; }
#footer div.inner { overflow: hidden; padding: 10px 0; }
#footer p { display: inline; float: right; margin: 0 0 0 25px; }
#footer p.first { float: left; margin: 0; }
#footer strong { padding: 0 4px 0 0; color: #1b2428; font-weight: normal; }
#footer span { padding: 0 2px; color: #7997aa; }
#footer a { color: #7997aa; }
#copyrights { padding: 20px 0; color: #59697a; font: 0.82em "Lucida Grande","Lucida Sans Unicode",sans-serif; text-align: center; text-transform: uppercase; }
#copyrights a { color: #59697a; }
.inner { width: 800px; margin: 0 auto; }
.inner .main { font:105%/1.5em Arial,Helvetica,sans-serif; }
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
#skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }
/* ELEMENTS
------------------------------------------- */
a.button-a { display: block; padding: 0 0 0 10px; background: url(../cimg/button-a.png) no-repeat; color: #7993ab; }
a.button-a:hover { color: #364b5f; text-decoration: none; }
a.button-a span { display: block; padding: 0 10px 0 0; background: url(../cimg/button-a.png) 100% 0 no-repeat; line-height: 22px; text-align: center; cursor: pointer; }
div.three-cols { width: 100%; }
div.three-cols div.col-a { float: left; width: 200px; }
div.three-cols div.col-b { display: inline; float: left; width: 330px; margin: 0 0 0 35px; }
div.three-cols div.col-c { float: right; width: 200px; }
div.three-cols h2 { color: #223b44; }
div.one-col { overflow: hidden; width: 100%; }
div.one-col.main { float: left; width: 800px; }
div.two-cols { overflow: hidden; width: 100%; }
div.two-cols div.main { float: left; width: 580px; }
div.two-cols div.side { float: right; width: 170px; padding: 15px 15px 0 20px; background: url(../cimg/box-a-to.png) no-repeat; }
div.two-cols.b { margin: -10px 0 0; padding: 20px 0 0; }
div.two-cols.b div.main { width: 390px; }
div.two-cols.b div.side { width: 390px; padding: 0; background: none; }
div.two-cols.b div h2 { color: #1b252a; }
div.two-cols.c { }
div.two-cols.c div.main { }
div.two-cols.c div.main h1 { margin: 0 0 5px; }
div.two-cols.c div.side { padding-top: 0; background: none; }
div.testimonial-a { padding: 0 0 0 22px; background: url(../cimg/quotie-a.gif) no-repeat; }
div.testimonial-a blockquote { margin: 0; padding: 0; color: #5b6269; }
div.testimonial-a blockquote p { margin: 0 0 1px; }
div.testimonial-a blockquote p span { display: none; }
div.testimonial-a p strong { color: #000; }
ul.news-a { list-style: none; margin: 0 0 10px 0; padding: 1px 0 0; background: url(../cimg/sep-a000.gif) -1px -1px repeat-x; }
ul.news-a li { padding: 0 0 1px; background: url(../cimg/sep-a000.gif) -1px 100% repeat-x; }
ul.news-a li a { display: block; padding: 5px 17px 5px 5.8em; background: url(../cimg/bullet-a.gif) 313px 7px no-repeat; color: #5b6269; }
ul.news-a li a span { float: left; width: 5.5em; margin: 0 0 0 -5.5em; color: #1b252a; }
ul.news-a li a:hover { background-color: #f4f7fa; background-position: -487px 7px; color: #cf4040; text-decoration: none; }
ul.news-a li a:hover span { color: #cf4040; }
ul.news-a.b li a { background-position: 373px 7px; outline: none; }
ul.news-a.b li a span { color: #cf4040; }
ul.news-a.b li a:hover { background-position: -427px 7px; color: #1b252a; }
ul.news-a.b li a:hover span { color: #1b252a; }
ul.news-a.b li.active a { background-color: #f4f7fa; color: #cf4040; text-decoration: none; }
ul.news-a.b li.active a span { color: #1b252a; }
form.form-box { width: 390px; margin: 0 0 7px; padding: 0; background: url(../cimg/form-box.png) 0 0 no-repeat; }
form.form-box fieldset { position: relative; bottom: -7px; margin: 0; padding: 3px 1px 10px; background: url(../cimg/form-box.png) 0 100% no-repeat; }
form.form-box fieldset div { overflow: hidden; width: 100%; margin: 0; padding: 5px 0; }
form.form-box fieldset div.break { margin-bottom: 30px; }
form.form-box fieldset div.submit { width: auto; padding: 10px 0 0 100px; }
form.form-box fieldset div.error { width: auto; padding: 5px 0 5px 100px; color: #bf1414; font-size: 1.27em; font-weight: bold; }
form.form-box fieldset div.highlight { margin: -1px 0; border: 1px solid #ccc; border-width: 1px 0; background: #fde6e6; }
form.form-box fieldset div label,
form.form-box fieldset div span.label { float: left; width: 90px; margin: 5px 0 0; padding: 0 5px; color: #1b252a; font-weight: bold; line-height: 1; text-align: right; }
form.form-box fieldset div input,
form.form-box fieldset div select,
form.form-box fieldset div textarea { width: 250px; vertical-align: middle; }
form.form-box fieldset div input { padding-left: 3px; }
form.form-box fieldset div textarea { height: 150px; padding-left: 3px; }
form.form-box fieldset div.files input { width: auto; }
form.form-box fieldset div .m { width: 140px; }
form.form-box fieldset div .s { width: 70px; }
form.form-box fieldset div button { display: block; position: relative; width: 101px; height: 20px; border: none; background: url(../cimg/b-submit.png) no-repeat; text-indent: -10001em; }
form.form-box fieldset div img { margin: 0 0 0 5px; vertical-align: middle; cursor: pointer; }
#contact label,
#contact span.label { width: 70px; }
#contact textarea { width: 280px; }
#contact div.submit { padding-left: 80px; }
ul.sitemap { list-style: none; margin: 0 0 0 20px; padding: 0 0 5px 10px; }
ul.sitemap li { padding: 5px 0 0; }
ul.sitemap ul { list-style: none; margin: 0; padding: 0 0 0 20px; }
/* ul.sitemap a { font-size: 1.27em; }
*/
div.award { margin: 0 0 10px; }
div.award blockquote { margin: 0 0 3px; padding: 0; }
div.award p { margin: 0; }
div.award p img { vertical-align: middle; }
p.confirm { width: 100%; margin: 25px 0; padding: 10px 0; background: #cfebc2; font-weight: bold; text-align: center; }
#content a { /*border-bottom: 1px solid #369; */ text-decoration: underline; }
/*#content a:visited { border-bottom-style: dotted; text-decoration: none; }*/
#content a:hover { border-bottom: 1px solid #BF1414; color: #BF1414; }
#content ul.news-a a, #content ul.news-a a:hover,
#content p.feed a, #content p.feed a:hover,
#content #filters a, #content #filters a:hover,
#content div.filter a, #content div.filter a:hover,
#content a.button-a, #content a.button-a:hover { border-bottom:none; }
/* REGIONS
------------------------------------------- */
a.corner-ribbon { background:transparent url(../cimg/corner-r.gif) no-repeat; height:112px; right:0pt; top:0pt; width:112px; z-index:1001; display:block; overflow:hidden; position:absolute; text-indent:-999px; }
#news-box { }
#news-box h3 { width: 300px; font: bold 1em Arial,Helvetica,sans-serif; }
#news-box p.feed { float: right; margin: -19px 0 0; }
#news-box p.feed a { float: left; width: 30px; height: 11px; background: url(../cimg/i-feed00.gif) no-repeat; text-indent: -10001em; }
#news-list { min-height: 400px; }
#news-list p.feed { float: right; margin: -20px 0 0; }
#news-list p.feed a { float: right; width: 30px; height: 11px; background: url(../cimg/i-feed00.gif) no-repeat; text-indent: -10001em; }
#news-item { min-height: 400px; background: url(../cimg/indicato.gif) 50% 20px no-repeat; }
#news-item.loading { background-position: 50% 20px; }
#news-item div.body { background: #fff; }
#awards { }
#awards h2 { color: #1b252a; }
#portfolio-wrap { overflow: visible; }
#portfolio { width: 540px; padding: 15px 20px 0; background: url(../cimg/box-b-to.png) no-repeat; font: 1em/127% Arial,Helvetica,sans-serif; }
hr.clear { overflow: hidden; clear: both; visibility: hidden; height: 1px; }
#portfolio hr { height: 58px; margin-bottom: 20px; }
div.project { background: url(../cimg/indicato.gif) 50% 50% no-repeat; }
div.project p.image img { color: #fff; font-size: 1px; }
#filters { list-style: none; height: 23px; margin: 0 0 15px; padding: 0; }
#filters li { position: relative; z-index: 100; float: left; width: 124px; height: 17px; padding: 6px 0 0 11px; background: url(../cimg/select00.png) no-repeat; line-height: 1; }
#filters li.active { z-index: 110; width: 142px; margin-right: -18px; background-position: 0 -23px; }
#filters li a { display: block; width: 112px; padding: 0; color: #606c79; outline: none; }
#filters li a:hover,
#filters li a:active,
#filters li a:focus { color: #1b2e36; text-decoration: none; }
#filters li.active a,
#filters li.active a:hover { color: #d20000; }
#filters li ul { visibility: hidden; position: absolute; left: 0; top: 23px; list-style: none; width: 135px; margin: 0; padding: 0 7px 10px 11px; background: url(../cimg/select-b.png) 0 100% no-repeat; color: #1b252a; }
#filters li.active ul { visibility: visible; }
#filters li ul li { display: block; float: none; width: auto; height: auto; padding: 4px 0; background: url(../cimg/sep-b000.gif) 0 100% repeat-x; }
#filters li ul li a { width: auto; color: #606c79 !important; }
#filters li ul li a:hover { color: #d20000 !important; }
#filters li ul li ul { position: relative; top: 0; width: auto; margin: 4px 0 -4px; padding: 1px 0 0; background: url(../cimg/sep-c000.gif) 0 0 repeat-x; }
#filters li ul li ul li { }
#filters li ul li ul li a { padding-left: 10px; }
div.filter { margin: 0 0 15px 3px; height: 12px; color: #888; font-weight: bold; line-height: 1.09em; }
div.filter a { display: inline; overflow: hidden; float: left; width: 12px; height: 0; margin: 0 6px 0 0; padding: 12px 0 0; border: none !important; background: url(../cimg/reset000.gif) no-repeat; }
div.filter a:hover { background-position: 0 -24px; }
div.filter strong { color: #000; }
/* FIXES
------------------------------------------- */
h2.awards { overflow: hidden; height: 24px !important; }
div.tooltip .inner { min-height: 60px; }
/* CLIENTS
------------------------------------------- */
#header { position: absolute; right: 0; bottom: 0; height:40px; clear:both; overflow:hidden; }
/* NAVIGATION STYLES - TWEAK AS NEEDED */
#myNav { float: right; font-family:"trebuchet MS", tahoma, arial, sans-serif; font-weight:bolder; font-size:12px; color:#fff; margin: 0; padding: 0; list-style: none; height:40px; overflow:hidden; clear:both; }
#myNav li { display: block; float:left; margin: 0 1px 0 0; padding: 0; }
#myNav li a:link, #myNav li a:visited { color:#c6d8e6; background:url(../cimg/n-tabs00.gif) no-repeat left top; width:66px; height:36px; overflow:hidden; text-align:center; margin:0; padding:12px 0 0 0; display:block; text-decoration:none; position:relative; top:4px; }
#myNav li a:hover { background:url(../cimg/n-tabs00.gif) no-repeat left -50px; color:#000; }
#myNav li a:active,
#myNav li a.active { background:url(../cimg/n-tabs00.gif) no-repeat left -100px !important; color:#000 !important; }
#Slider-wrap { position: absolute; right: -2px; top: 120px; width: 478px; }
#Slider { overflow:hidden; }
#PortalLogin { background: url(../cimg/bg-porta.png) no-repeat; height: 62px; width: 448px; font: 11px Arial, Helvetica, tahoma, sans-serif; text-align:left; clear: both; padding: 5px 15px 15px; color: #475564; z-index: 500; }
#PortalLogin h2 { margin-bottom: 5px; color: #1b252a; letter-spacing: -0.03em; margin-top: 15px; }
#PortalLogin form { margin: 5px 0px 0px; padding: 0px; }
#PortalLogin label { }
#PortalLogin .help { display: inline; float: left; left: 1px; width: 100px; margin-top: -20px; margin-left: 240px; }
#PortalLogin a.close { background: url(../cimg/btn-clos.png) no-repeat; float: right; clear: none; height:21px; overflow:hidden; }
#PortalLogin a.close:hover { background: url(../cimg/btn-clos.png) no-repeat left -25px; }
#PortalLogin .btnLogin { margin-left: 0.7em; margin-bottom: -4px; }
#PortalLogin .col { width: 185px; float: left; }
#PortalLogin .formfield { color: #333333; margin: 0px; height: 15px; border: 1px solid #7F9DB9; padding-right: 4px; padding-left: 4px; width: 115px; }
#PortalLogin .col2 { width:260px; float: left; }
#subnav { height:35px; clear:both; overflow:hidden; background: #C0D1E1 url(../cimg/bg-subna.jpg) repeat-x; }
/* NAVIGATION STYLES - TWEAK AS NEEDED */
#mySubnav { font-family:Arial, Helvetica, tahoma, sans-serif; font-weight:bolder; font-size:11px; color:#fff; margin: 0; padding: 0; position:absolute; list-style: none; height:35px; overflow:hidden; clear:both; display: block; }
#mySubnav li { display: block; float:left; margin: 0 1px 0 0; padding: 0; }
#mySubnav li a { color:#fff; background:#7493b1 url(../cimg/tabs-sub.gif) no-repeat left -50px; width:115px; height:30px; text-align:center; margin:10px 0 0; padding:5px 0 0; display:block; text-decoration:none; position:relative; top:0px; }
#mySubnav li a:hover { background:#b33737 url(../cimg/tabs-sub.gif) no-repeat left -50px; color:#fff; }
#mySubnav li strong a { background: url(../cimg/tabs-sub.gif) no-repeat left top !important; color:#000 !important; border:none; overflow:visible; z-index:500; }
/* Pricing table */
.dataTable tr.rowOnBlue {
background-color: #F9FCFF;
}
.dataTable tr.rowHighlight {
border-bottom: 1px solid #CADBE5;
padding-left: 5px;
background-color: #FFFDE9;
}
.dataTable td, th {
text-align: center;
padding: 5px;
}
.dataTable td {
border-bottom: 1px solid #CADBE5;
padding: 3px 5px;
}
.dataTable .titleCell {
background: #0d4fb0;
color: #fff;
font-size: 14px;
padding: 8px;
}
.dataTable .subTitleCell {
background: #395495;
color: #fff;
}
.dataTable th {
background: #7493B1;
color: #fff;
text-align: left;
padding-left: 5px;
font-weight:bold;
}
.dataTable td {
text-align: left;
}
table.dataTable {
margin-bottom: 2em;
}