/*******************************************************************************/ FLASH REPLACEMENTS .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced > div { display: none !important; } .sIFR-active h1, .sIFR-active h2, .sIFR-active h3 { visibility: hidden; font-family: Arial; line-height: 1em; } /******************************************************************************/ /* HTML ELEMENTS "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif Georgia, Georgia, "Times New Roman", Times, serif */ *,body { margin: 0; padding: 0; } body { margin: 0; font: normal 62.5% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #4f0b28 url('/_images/bg.jpg') repeat-x; padding-top: 34px;} a { text-decoration:none; outline:none; } img { border: none; } form { padding: 0px; margin: 0px; } td { vertical-align: top; } /******************************************************************************/ /* LAYOUT ELEMENTS */ #contentTop { min-width: 909px; width: 909px; margin:auto; } #header { height: 286px; min-width: 909px; } #content { background: url('/_images/content-bg.gif') no-repeat top left; width: 909px; } /******************************************************************************/ /* NAV ELEMENTS */ #home { display: block; width: 70px; height: 32px; background: url('/_images/nav/home.jpg') no-repeat 0 0; } #home:hover { background-position: 0 -32px; } #home span { display: none; } #about { display: block; width: 84px; height: 32px; background: url('/_images/nav/about.jpg') no-repeat 0 0; } #about:hover { background-position: 0 -32px; } #about span { display: none; } #what-we-do { display: block; width: 99px; height: 32px; background: url('/_images/nav/whatwedo.jpg') no-repeat 0 0; } #what-we-do:hover { background-position: 0 -32px; } #what-we-do span { display: none; } #expertise-case-studies { display: block; width: 212px; height: 32px; background: url('/_images/nav/expertise-case.jpg') no-repeat 0 0; } #expertise-case-studies:hover { background-position: 0 -32px; } #expertise-case-studies span { display: none; } #perspectives { display: block; width: 106px; height: 32px; background: url('/_images/nav/perspectives.jpg') no-repeat 0 0; } #perspectives:hover { background-position: 0 -32px; } #perspectives span { display: none; } #contact { display: block; width: 111px; height: 32px; background: url('/_images/nav/contact.jpg') no-repeat 0 0; } #contact:hover { background-position: 0 -32px; } #contact span { display: none; } /******************************************************************************/ /* TOP NAV ELEMENTS */ #topNav { width: 682px; } #topNav a { } #topNav a:hover { } .topSubNav{ position:absolute; visibility: hidden; line-height: 22px; z-index: 100; width: 250px; } .topSubNav a{ width: 250px; display: block; text-indent: 20px; text-decoration: none; font-size: 1.2em; font-weight: bold; color: #000; border-bottom: 1px solid #e2ded3; } .topSubNav a:hover{ } #dropmenudiv{ position:absolute; border:1px solid black; border-bottom-width: 0; line-height:18px; z-index:100; } #dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #333333; padding: 1px 0; text-decoration: none; font-weight: bold; background: #000; padding: 4px 7px; color: #fff; font-size: 1.2em; } #dropmenudiv a:hover{ /*hover background color*/ background-color: grey; } /******************************************************************************/ /* Sitemap Styler */ #sitemap, #sitemap ul, #sitemap li{ margin:0; padding:0;list-style:none; } #sitemap { background:url(/_images/sitemap/line1.gif) repeat-y;} #sitemap li { line-height:20px; margin-top:1px; position:relative; width:100%; } /* IE leaves a blank space where span is added so this is to avoid that */ * html #sitemap li { float:left; display:inline; } #sitemap li a { padding-left:48px;} #sitemap li span { float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;} #sitemap li span, #sitemap li span.collapsed{background:url(/_images/sitemap/collapsed.gif) no-repeat 0 0;} #sitemap li span.expanded{ background:url(/_images/sitemap/expanded.gif) no-repeat 0 0;} /* sub levels */ #sitemap li ul { margin-left:28px; background:url(/_images/sitemap/line1.gif) repeat-y; } #sitemap li li { background:url(/_images/sitemap/line2.gif) no-repeat 0 0; } /* float fix */ #sitemap:after, #sitemap ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #sitemap, #sitemap ul { display:block; } /* \*/ #sitemap, #sitemap ul { min-height:1%; } * html #sitemap, * html #sitemap ul{height:1%;} /* */ #sitemap ul{ display:none; } /******************************************************************************/ /* CONTENT ELEMENTS background-color: #860038;*/ .column-left { width: 227px; } .column-left ul { width: 221px; margin-left: 5px; list-style: none; } .column-left li { color: #000000; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #d3d3d3 } .column-left li a { color: #000000; display: block; padding: 7px 20px 7px 25px; } .column-left li a:hover { color: #fff; background: #820235; } .column-right { width: 139px; } .column-center { width: 543px; } .column-center h3 { font-size: 1.5em; color:#f7f1ea; padding: 0px 20px; margin: 0; } .column-center h3 a:hover { color: #EFEFEF; } .column-center h1 { font-size: 2em; color:#f7f1ea; background-color: #820235; padding: 5px 20px 0px; margin-bottom: 15px; } .column-center h2 { font-size: 1.3em; color:#ffffff; padding: 0px 20px; font-weight: normal; } .column-center p { padding: 0px 20px; color: #CCCCCC; font-size: 1.3em; margin-bottom: 9px; } .column-center ul { } .column-center li { padding: 5px 20px; color: #ffffff; font-size: 1.2em; } .column-center a { color:#ffffff; } .column-center strong { color: #ffffff; } .thumbs { text-align: left; margin-bottom: 10px; padding: 10px 0 0 20px; } .thumbs a { outline:0 none; cursor: pointer; } .thumbs img { border: 4px solid #fff; margin: 2px; opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); } .thumbs img:hover { border: 4px solid #fff; margin: 2px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100); } .news a { color: #fff;} .news a:hover { color: #DFDFDF; text-decoration: underline; } /* LIST STYLES */ .column-center .sList { list-style:none; margin: 15px 0px; font-weight: bold; clear: both; color: #000 } .column-center .sList li { padding: 0; } .column-center .sList a { color: #ffffff; } .column-center .sList a:hover { color: #000; background:#FFFFFF; } .column-center .sList .header { color: #fff; padding: 8px; font-size: 1.2em; } .column-center .sList .row1 { display: block; background: #2C2C2C; border-bottom: 1px solid #4a4a4a; padding: 1px 4px 1px 18px; } .column-center .sList .row2 { display: block; background: #2C2C2C; border-bottom: 1px solid #4a4a4a; padding: 1px 4px 1px 18px; } .column-center .sList .btt a { } .btt { display: block; padding: 0px 20px; color: #ffffff; font-size: 1.2em; border-bottom: 1px solid #424242; margin-bottom: 19px; } .btt a { color: white; } .btt a:hover { color: grey; } .column { width: 255px; float: left; background: url('/images/column-seperator.gif') no-repeat right top; padding-right: 18px; margin-left: 15px; } .column h2 { font-size: 1.5em; color: #0c73d2; text-transform:uppercase; margin-left: 15px; } .column ul { list-style: none; width: 227px; margin-left: 15px; } .column li { background: url('/images/li-dots.gif') repeat-x center bottom; } .column li a { display: block; background: url('/images/icon-arrow.gif') no-repeat left 10px; font-size: 1.2em; color: #5a5a5a; height: 23px; padding-top: 3px; text-indent: 10px; } .column li a:hover { color: blue; text-indent: 11px; background: url('/images/icon-arrow.gif') no-repeat 1px 10px; } #contentLeft { float: left; width: 510px; padding-right: 50px; background: url('/images/column-seperator.gif') no-repeat right top; margin-left: 25px; } #contentLeft ul { list-style: none; margin-left: 15px; padding-bottom: 10px; } #contentLeft li { } #contentLeft p { font-size: 1.3em; color: #5a5a5a; padding-bottom: 15px; } #contentLeft li { font-size: 1.2em; color: #5a5a5a; padding-top: 7px; padding-left: 15px; background: url('/images/icon-arrow.gif') no-repeat left 12px; } #contentLeft h1 { color: #0c73d2; font-size: 2.2em; font-weight: bold; text-transform:uppercase; } #contentLeft h2 { color: #5a5a5a; font-size: 1.8em; } #contentRight { float: right; width: 250px; margin-right: 35px; padding-top: 50px; } #contentRight ul { list-style: none; margin-left: 10px; } #contentRight li { background: url('/images/li-dots.gif') repeat-x center bottom; } #contentRight li a { display: block; background: url('/images/icon-arrow.gif') no-repeat left 10px; font-size: 1.2em; color: #5a5a5a; height: 23px; padding-top: 3px; text-indent: 10px; } #contentRight h2 { color: #5a5a5a; font-size: 1.8em; } #contentRight p { font-size: 1.3em; color: #5a5a5a; padding-bottom: 15px; } /******************************************************************************/ /* FOOTER ELEMENTS */ #footer { border-top: 4px solid #000000; padding-top: 15px; width: 900px; margin: auto; color: #7c7c7c; font-size: 1.1em; } #footer ul { list-style: none; text-align: center; } #footer li { display: inline; } #footer li img { padding-left: 10px; } #footer p { text-align: center; } #footer a { color: #7c7c7c; } #footer a:hover { color: white; } /******************************************************************************/ /* MISC ELEMENTS */ #contentLeft #sitemap li { background-image: none;} .sTable { } .sTable td { border-bottom: 1px solid #cccccc; width: 50%; padding: 2px 8px; background: #F4F4F4; } .sTable input, .sTable textarea, .sTable select { width: 250px; } .logo { margin-top: 5px; border: 2px solid #CCCCCC; margin-left: 5px; } .error { text-align: center; color: #ff0000; font-size: 1.4em; padding: 25px; } #sexyBG { display: none; position: absolute; background: #000; opacity: 0.4; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=60); top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } #sexyBOX { display: none; position: absolute; text-align: center; top: 40px; z-index: 100; padding: 10px; background: #ffffff; font-size: 1.2em; font-weight: bold; color: #333333; width: 502px; } .sexyX { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #666666; background: #284da3; margin-top: 10px; }