/* ************************************************* CityIS.com General Screen Styles ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; } body {color: inherit; background: #000 url(../images/bg5.jpg) repeat-x; font: 76% 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.3em; text-align: center; } input,select,textarea { font-size: 1em; font-family: 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #444; background-color:inherit; } a { color: #eb3e40; text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0; } img.icon { vertical-align: middle; } hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1em 0; } .clear { clear: both; } table { border-collapse: collapse; } input.button { border: 1px solid #eb3e40; background-color:inherit; color: #fff; padding: .25em .5em; } input.text ,textarea.text { border: 1px solid; width: 100%; padding: 2px; background: #fff; color: inherit; border-color: #ccc #ccc #ccc #999;} /*------------------------------------------- Wrap -------------------------------------------*/ #above-wrap { height: 28px; text-align: left; margin: 0 auto; width: 960px; } #above-wrap p#strap { padding: 6px 0 0 2px; color: #666; font-size: .9em; background-color:inherit; } #above-wrap ul#shortcut-links { float: right; font-size: .9em; list-style: none; height: 26px; margin-top: 2px; } #above-wrap ul#shortcut-links li { display: block; float: left; margin: 1px 1px 0 1px; background: url(../images/utils-r-0.gif) 100% 0 no-repeat; } #above-wrap ul#shortcut-links a { display: block; padding: 3px 10px; color: #fff; background: url(../images/utils-l-0.gif) 0 0 no-repeat; } #above-wrap ul#shortcut-links li:hover { background: url(../images/utils-r-1.gif) 100% 0 no-repeat; } #above-wrap ul#shortcut-links a:hover { background: url(../images/utils-l-1.gif) 0 0 no-repeat; text-decoration: none; } /*#above-wrap h1 { font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#333; background-color:inherit; padding: 5px 0 5px 5px;}*/ #above-wrap h1 { padding: 6px 0 0 2px; font-weight: normal; color: #666; font-size: .9em; background-color:inherit; } #wrap { color:inherit; padding: 0; width: 960px; margin: 0 auto; text-align: left; background: #eee url('../images/bgwrap2.jpg') 0 0 no-repeat; } /*------------------------------------------- Header -------------------------------------------*/ #logoWrap { width: 908px; padding: 20px 0 20px 28px; } #logo { float: left; width: 20%; margin: 2px 0 14px 0; } #utils { float: right; width: 80%; } #logo h1 { padding: 1px 0 0 0; font-size: .9em; line-height: .9em; width:500px; color:#999;} #telnos { float: right; width: 200px; font-size: 1.2em; color: #888; text-align: right; font-weight: bold; background-color:inherit; } #telnos ul { list-style: none; text-align: right; } #telnos li { float: right; margin: 0 0 0 5px; } #region { position: absolute; z-index: 999; font-size: .9em; color: #666; text-align: left; margin: 0 0 0 280px; background-color:inherit; } #region a { color: #666; background-color:inherit; } #region img { vertical-align: middle; } #region ul { list-style: none; text-align: left; } #region ul li { padding: 2px 0 0 0; width: 240px; } #region ul li a { padding: 0 10px; text-decoration: none; } #region ul li:hover { background: #333; color:inherit;} #region ul li:hover a { color: #fff; background-color:inherit; } #region ul li:hover img#map-small { visibility: hidden } #region ul li ul { display: none; height: 115px; } #region ul ul li { padding: 0 } #region ul li:hover ul { display: block; padding: 0; background: #333; color:inherit; } #region ul ul a { color: #fff; background-color:inherit; } #region ul li:hover ul:hover { display: block; padding: 0; } #region ul ul ul { height: 21px; } #region #map-click img { margin: 0 0 0 20px; } #region #map-links { } #region #map-links ul { text-align: center; background: #222; color:inherit; padding: 4px 0 0 0 } #region #map-links ul li { display: inline; margin: 0 0 0 0; } #region #map-links ul li a { padding: 0 0 0 8px; } #region #map-links ul li:hover { background: none; } #region #map-links ul li a:hover { text-decoration: underline;} #search { float: right; font-size: .9em; color: #666; background-color:inherit; } #search input.searchText { height: 20px; border: 1px solid #ccc; vertical-align: middle; margin: 0 0 0 .25em } #utilsnav { display: none; clear: both; float: right; padding: 1em 0; } #utilsnav ul { list-style: none; } #utilsnav a { color: #888; font-size: .9em; background-color:inherit; } #utilsnav li { display: inline; margin: 0 0 0 .5em; } #nav1Wrap { clear: both; width: 920px; margin: 0 0 0 10px; padding: 0 10px 0 10px; background: url(../images/nav1bg1.png) 50% -2px no-repeat; height: 32px; } #nav1 { } #nav1 ul { list-style: none; } #nav1 li { float: left } #nav1 li a { display: block; color: #fff; width: 95px; height: 20px; padding: 6px 9px 4px 10px; border-right: 1px solid #aaa; background-color:inherit;} #nav1 li a:hover { text-decoration: none; } #nav1 #n1-services:hover { background: url(../images/nav1bg1-hover.png) -7px -2px; } #nav1 #n1-products:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-solutions:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-industry:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-resources:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-about:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-news:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-contact:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-services .sel { background: url(../images/nav1bg1-roll.png) -7px -2px; } #nav1 #n1-products .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-solutions .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-industry .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-resources .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-about .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-news .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-contact .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 .sel { color: #fff; background-color:inherit; } /* #nav1SubWrap { clear: both; width: 920px; margin: -2px 20px; height: 28px; background: url(../images/nav1subbg1.png) 50% -1px no-repeat; } #nav1Sub { } #nav1Sub ul { list-style: none; font-size: .9em; } #nav1Sub li { float: left; } #nav1Sub li a { display: block; color: #666; height: 18px; padding: 5px 1em 4px 1em; } #nav1Sub li a:hover { text-decoration: underline; } #nav1Sub .sel { color: #fff; } #nav1Sub .corporate { background: url(../images/bg-corporateX.png) 0 -2px repeat-x; } */ /* #nav1SubWrap { clear: both; width: 920px; margin: 0 20px; padding: 10px 0 0 0; height: 28px; border-bottom: 1px solid #ccc; background: url(../images/navsubbg.gif); } #nav1Sub { } #nav1Sub ul { list-style: none; font-size: 1em; margin-left: 10px; } #nav1Sub li { float: left; margin: 0 1px 0 0; } #nav1Sub li a { display: block; color: #666; height: 18px; padding: 6px 10px 4px 10px;background-color:inherit; } #nav1Sub li a:hover { text-decoration: underline; } #nav1Sub .sel { color: #444; border: 1px solid #ccc; padding: 5px 10px 5px 10px; background: #f9f9f9; border-bottom: 0; } #nav1Sub .corporate { background: url(../images/bg-corporateX.png) 0 -2px repeat-x; } */ #nav1SubWrap { clear: both; width: 920px; margin: 0 20px; padding: 10px 0 0 0; height: 28px; border-bottom: 0px solid #ccc; background: url(../images/nav1-sub-bg.gif) 0 100% no-repeat; } #nav1Sub { } #nav1Sub ul { list-style: none; font-size: 1em; margin-left: 10px; } #nav1Sub li { float: left; margin: 0 1px 0 0; } #nav1Sub li a { display: block; color: #666; height: 18px; padding: 6px 10px 4px 10px; background-color:inherit; } #nav1Sub li a:hover { text-decoration: underline; } #nav1Sub li.sel { color: #444; background: url(../images/nav1-sub-r-1.gif) 100% 0 no-repeat; } #nav1Sub li.sel a { color: #444; padding: 5px 10px 5px 10px; background: url(../images/nav1-sub-l-1.gif) 0 0 no-repeat; border-bottom: 0; } #nav1Sub .corporate { background: url(../images/bg-corporateX.png) 0 -2px repeat-x; } #breadcrumb { clear: both; border-top: 0px solid #ccc; width: 900px; padding: 5px 10px; margin: 0 20px } #breadcrumb ul { list-style: none; font-size: .8em; color: #888; background-color:inherit; } #breadcrumb li { float: left; margin: 0 .5em 0 0; } #breadcrumb a { color: #999; padding: 0 0 0 0; background-color:inherit;} /*------------------------------------------- Content -------------------------------------------*/ #contentWrap { width: 920px; padding: 5px 20px 0 20px; clear: both; } .contentWrapHome { padding-top: 5px !important; } #left { width: 180px; float: left; padding: 5px 0 0 0; } #left h2 { font-size: .8em; text-transform: uppercase; font-weight: normal; letter-spacing: .05em; color: #666; margin: 0 0 .5em 10px; background-color:inherit;} #left #nav2Wrap { } #left #nav2 { } #left #nav2 ul { list-style: none; font-size: .9em; } #left #nav2 li { border-top: 1px solid #ddd; } #left #nav2 li a { display: block; color: #666; padding: 5px 10px 5px 10px; margin: 1px 0; background-color:inherit; } #left #nav2 li a:hover { text-decoration: underline; background: #e0e0e0; color:inherit; } #left #nav2 li ul { margin-bottom: 0; font-size: 1em; } #left #nav2 li li { border-top: 1px dashed #ddd; } #left #nav2 li li a { padding-left: 20px } #left #nav2 .sel { color: #444; background: #e0e0e0; font-weight: bold; } #mainWrap { width: 560px; padding-bottom: 20px; float: left; } .wide { width: 740px !important; } .wideRight { width: 740px !important; } #main { padding: 2px 15px 30px 15px; } .wide #main { padding: 2px 0 30px 10px !important; } .wide .col { padding: 0 10px; } .colL { float: left; width: 255px; margin-right: 0px; } .colR { float: right; width: 255px; margin-right: 5px; } .boxWrap { width: 260px; float:left; background: url(../images/boxbg-top1.png) 0 0 no-repeat; } .box { background: url(../images/boxbg-bottom1.png) 0 100% no-repeat; padding: 0 3px 15px 15px; margin: 14px 0 7px 0; } .colw1 { width: 175px; float: left; } .colw15 { width: 235px; float: left; } .colw2 { width: 350px; float: left; } .colw3 { width: 525px; float: left; } .officeLocationWrap { height: 580px; } .officeLocation { width: 350px; } .googleMap { margin: 0 0 1em 0; } .googleMap iframe { border: 1px solid #ccc; } #map { width: 400px; height: 400px; border: 1px solid #999; margin-left: 3px; } #main h1 { font-size: 1.5em; line-height: 1.3em; margin: .2em .5em .75em 3px; color: #222; background-color:inherit; } #main h2 { font-size: 1.1em; line-height: 1.3em; margin: 2em .5em .5em 3px; color: #222; background-color:inherit; } #main h2 a { color: #222; background-color:inherit; } #main .box h2 { margin-top: 1em; } #main h2.large { font-size: 1.2em; line-height: 1.3em; border-bottom: 2px solid #ddd; padding: 0 0 .5em 0; margin: 1em 2.5em 1em 3px; } #main h2.large a { color: #222; background-color:inherit; } #main .colw15 h2.large { margin-right: 1.5em; } #main h2:first-child,#main h2.first-child { margin-top: 0em; } #main h3 { font-size: .9em; color: #444; margin: 0 2em 0 3px; background-color:inherit; } #main h3 a { color: #222; background-color:inherit; } #main p { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #main p.large { color: #888; font-size: 1.15em; line-height: 1.3em; margin: 0 2em 1em 3px; background-color:inherit; } #main p.nobold strong { font-weight: normal !important; } #main p.intro { font-size: 1.3em; margin: 0 3em 1.25em 3px; line-height: 1.3em; color: #888; background-color:inherit; } #main p.intro1 { font-size: 1.2em; margin: 0 3em 1em 3px; line-height: 1.3em; color: #888; background-color:inherit; } #main ul { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #main ul ul { font-size: 1em; } #main ul li { list-style: none; background: url(../images/bullet-red.gif) 0 4px no-repeat; padding-left: 18px; } #main ol { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #main ol li { margin-left: 18px; } #main .box h1,#main .box h2,#main .box h3,#main .box p,#main .box ul { margin-right: 12px; margin-left: 0; } #main .partner-box img { margin: 1em 1em .5em 0em; } #main .partner-box h3 { display: none; } #main ul.glossary { padding: 0 0 2em 0; border-bottom: 1px solid #ddd; margin-bottom: 2em; } #main ul.glossary li { background: none; padding: 0 10px 0 0; float: left; } #main ul.links { color: #666; background-color:inherit; } #main ul.margin { border-top: 0px solid #ddd; margin: 0 0 2em 0; } #main ul.pdfs li { padding-left: 18px; background: url(../images/pdf.png) 1px 1px no-repeat; } #main ul.videos li { padding-left: 18px; background: url(../images/video.png) 0 3px no-repeat; } #main ul.links li.video { padding-left: 18px; background: url(../images/video.png) 0 3px no-repeat; } #main ul.links li.pdf { padding-left: 18px; background: url(../images/pdf.png) 1px 1px no-repeat; } #main ul.tabs { color: #666; height: 28px; margin: 0; background-color:inherit; } #main ul.tabs li { background: none; float: left; padding: 0;} #main ul.tabs a { display: block; padding: .5em 1em; } #main ul.tabs a.sel { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #main .whitepaper { border-top: 1px solid #ddd; padding-top: 1em; } #main .tip { border-top: 1px solid #ddd; padding-top: 1em; } #main .useful-link { border-top: 1px solid #ddd; padding-top: 1em; } #main .faq { border-top: 1px solid #ddd; padding-top: 1em; } #main .video-library { border-top: 1px solid #ddd; padding-top: 1em; } #main .video-library h2 { color: #222; margin: 1.5em 1em 2em 3px; background-color:inherit; } #main .video-library h3 { color: #222; margin-bottom: .5em; background-color:inherit; } #main .case { margin-bottom: 2em; } #main .case h2 { display: none; } #main .case img { margin: 0 0 .5em 0; } #main table.history { margin: 0 0 1em 3px; font-size: .9em; color: #444; background-color:inherit; } #main table.history th,#main table.history td { padding: 0 1em .5em 0; } #main .form { color:inherit; background: #eee; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; padding: 15px; margin-left: 3px } #main table.contact { margin: .5em 0 1em 3px; width: 95%; font-size: .9em; color: #444; background-color:inherit; } #main .form table.contact { margin-bottom: .5em; } #main table.contact th,#main table.contact td { padding: 0 1em 1em 0; vertical-align: top; font-weight: normal; } #main table.contact th { width: 100px; text-align: right; } #main .supportDesk { height: 215px; margin: 0 0 2em 0; } #main table.supportContact { margin: 0 0 1em 3px; font-size: .9em; color: #444; background-color:inherit; } #main table.supportContact th,#main table.supportContact td { padding: 0 1em .5em 0; vertical-align: top; font-weight: normal; } #main table.logSupportCall { margin: 0 0 1em 3px; font-size: .9em; color: #444; width: 95%; background-color:inherit; } #main table.logSupportCall th,#main table.logSupportCall td { padding: .5em 1em .5em 0; border-top: 0px solid #ccc; vertical-align: top; font-weight: normal; } #main table.logSupportCall th { width: 100px; text-align: right; } #main .box table { margin-left: 0 !important; } #main img.videoThumb { margin: .25em 0 .5em 3px; } #main .box img.videoThumb { margin-left: 0; } #right { width: 180px; float: left; padding: 5px 0 30px 0; } #right h2 { font-size: 1.1em; line-height: 1.3em; margin: 2em .5em .5em 3px; color: #222; background-color:inherit; } #right h2 a { color: #222; background-color:inherit; } #right .box h2 { margin-top: 1em; } #right h2.large { font-size: 1.2em; line-height: 1.3em; border-bottom: 2px solid #ddd; padding: 0 0 .5em 0; margin: 1em 3em 1em 3px; } #right h2.large a { color: #222; background-color:inherit; } #right .colw15 h2.large { margin-right: 1.5em; } #right h2:first-child,#right h2.first-child { margin-top: 0em; } #right h3 { font-size: .9em; color: #444; margin: 0 2em 0 3px; background-color:inherit; } #right p { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #right p.large { color: #888; font-size: 1.15em; line-height: 1.3em; margin: 0 2em 1em 3px; background-color:inherit; } #right p.nobold strong { font-weight: normal !important; } #right p.intro { font-size: 1.3em; margin: 0 3em 1.25em 3px; line-height: 1.3em; color: #888; background-color:inherit; } #right p.intro1 { font-size: 1.2em; margin: 0 3em 1em 3px; line-height: 1.3em; color: #888; background-color:inherit; } #right ul { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #right ul li { list-style: none; background: url(../images/bullet-red.gif) 0 4px no-repeat; padding-left: 18px; } #next-stepsWrap { padding: 0 0 10px 0; } #next-steps { } #right #next-steps h2 { margin: 0 1px; color: #666; font-size: .8em; text-transform: uppercase; font-weight: normal; letter-spacing: .05em; padding: 0 0 0 5px; height: 22px; background-color:inherit; } #right #next-steps ul { padding: 0 2px; list-style: none; font-size: .9em; margin: 0; } #right #next-steps li { border-top: 1px solid #ddd; padding: 0; background: none; } #right #next-steps a { display: block; color: #444; padding: 6px 5px 6px 35px; margin: 1px 0; background: 8px 8px no-repeat; background-color:inherit;} #right #next-steps a:hover { background-color: #e0e0e0; color:inherit; } #right #next-steps .buyers-guide a { background-image: url(../images/nextsteps-download.png); background-position: 8px 6px } #right #next-steps .demo a { background-image: url(../images/nextsteps-demo.png); background-position: 7px 4px; } #right #next-steps .enquiry a { background-image: url(../images/nextsteps-enquiry.png); background-position: 8px 4px; } #right #next-steps .callback a { background-image: url(../images/nextsteps-callback.png); background-position: 7px 4px; } #right #next-steps .newsletter a { background-image: url(../images/nextsteps-newsletter.png); background-position: 7px 7px; } #contact-info { font-size: 1em; padding: 0 0 10px 0; } #right #contact-info h2 { margin: 0 1px; color: #666; font-size: .8em; text-transform: uppercase; font-weight: normal; letter-spacing: .05em; padding: 0 0 0 5px; background-color:inherit; } #right #contact-info h3 { margin: 1em 1px 0 1px; color: #444; font-size: .9em; padding: 0 0 0 5px; background-color:inherit; } #right #contact-info p { margin: 0 1px .5em 1px; color: #666; font-size: .9em; padding: 0 0 0 5px; background-color:inherit; } #full-video { position: absolute; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: #000; color:inherit; } #full-video #container { width: 550px; height: 550px; margin: 50px auto; padding: 1px; } #full-video p { font-size: 1em; text-transform: uppercase; letter-spacing: .05em; text-align: center; margin: 0; } .full-vid { position: absolute; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: #000; color:inherit; } .full-vid-cont { width: 550px; height: 550px; margin: 50px auto; padding: 1px; } .full-vid p { font-size: 1em; text-transform: uppercase; letter-spacing: .05em; text-align: center; margin: 0; } /*------------------------------------------- Home -------------------------------------------*/ #banner { width: 920px; height: 305px; margin: 0 auto; padding-top: 1px; } #banner img.banner { width: 920px; } #carousel-wrapper { position: absolute; z-index: 1; width: 920px; height: 305px; overflow: hidden; background: url(../images/home/banner-bg.jpg) no-repeat; } #carousel-content { width: 5600px; } #carousel-content .slide { float: left; width: 920px; height: 305px; overflow: hidden; } #carousel-content .slide img { } #carousel-nav { position: relative; z-index: 100; top: 255px; left: 0; } #carousel-nav ul { list-style: none; width: 316px; margin: 0 auto; } #carousel-nav li { float: left; margin: 0 4px; } #carousel-nav a { display: block; background: url(../images/home/slide-t.png) no-repeat; height: 30px; width: 55px; text-indent: -9999px; } #carousel-nav a:hover { background: url(../images/home/slide-t-1.png) no-repeat; } #carousel-nav a#Manage-thumb { background: url(../images/home/Manage-thumb-0.png) no-repeat; } #carousel-nav a#Manage-thumb:hover { background: url(../images/home/Manage-thumb-1.png) no-repeat; } #carousel-nav a#Improve-thumb { background: url(../images/home/Improve-thumb-0.png) no-repeat; } #carousel-nav a#Improve-thumb:hover { background: url(../images/home/Improve-thumb-1.png) no-repeat; } #carousel-nav a#Streamline-thumb { background: url(../images/home/Streamline-thumb-0.png) no-repeat; } #carousel-nav a#Streamline-thumb:hover { background: url(../images/home/Streamline-thumb-1.png) no-repeat; } #carousel-nav a#Unlock-thumb { background: url(../images/home/Unlock-thumb-0.png) no-repeat; } #carousel-nav a#Unlock-thumb:hover { background: url(../images/home/Unlock-thumb-1.png) no-repeat; } #carousel-nav a#Realise-thumb { background: url(../images/home/Realise-thumb-0.png) no-repeat; } #carousel-nav a#Realise-thumb:hover { background: url(../images/home/Realise-thumb-1.png) no-repeat; } #carousel-nav a#Video-Enable-thumb { background: url(../images/home-usa/Video-thumb-0.png) no-repeat; } #carousel-nav a#Video-Enable-thumb:hover { background: url(../images/home-usa/Video-thumb-1.png) no-repeat; } #carousel-nav a#High-Def-thumb { background: url(../images/home-usa/High-thumb-0.png) no-repeat; } #carousel-nav a#High-Def-thumb:hover { background: url(../images/home-usa/High-thumb-1.png) no-repeat; } #carousel-nav a#Ultimate-Telepresence-thumb { background: url(../images/home-usa/Ultimate-thumb-0.png) no-repeat; } #carousel-nav a#Ultimate-Telepresence-thumb:hover { background: url(../images/home-usa/Ultimate-thumb-1.png) no-repeat; } #carousel-nav a#Audio-Visual-thumb { background: url(../images/home-usa/Audio-thumb-0.png) no-repeat; } #carousel-nav a#Audio-Visual-thumb:hover { background: url(../images/home-usa/Audio-thumb-1.png) no-repeat; } #carousel-nav a#Design-Deploy-thumb { background: url(../images/home-usa/Design-thumb-0.png) no-repeat; } #carousel-nav a#Design-Deploy-thumb:hover { background: url(../images/home-usa/Design-thumb-1.png) no-repeat; } #home-buttons { margin: 0; } #home-buttons ul { list-style: none; text-align: left; } #home-buttons li { cursor: pointer; border-top: 0px solid #555; width: 20%; float: left; background: #444; height: 107px; overflow: hidden; margin: 0 0 8px 0; color:inherit; } #home-buttons .hit { height: 75px; } #home-buttons h2 { font-size: 1.1em; line-height: 1.2em; font-weight: normal; color: #fff; margin: 5px 0 .25em 10px; background-color:inherit; } #home-buttons p { font-size: 1em; line-height: 1.3em; font-weight: normal; margin: 0 20px .5em 10px } #home-buttons p.enter { display: none; position: relative; font-size: .85em; height: 20px; bottom: 0; text-align: right; background: #666; margin: 0; padding: 3px 8px 0 8px; text-transform: uppercase; color:inherit; } #home-buttons li { text-indent: -9999px; } #home-buttons li#b1 { background: url(../images/h-nav-large-0.gif) no-repeat; } #home-buttons li#b1:hover { background: url(../images/h-nav-large-1.gif) no-repeat; } #home-buttons li#b2 { background: url(../images/h-nav-public-0.gif) no-repeat; } #home-buttons li#b2:hover { background: url(../images/h-nav-public-1.gif) no-repeat; } #home-buttons li#b3 { background: url(../images/h-nav-small-0.gif) no-repeat; } #home-buttons li#b3:hover { background: url(../images/h-nav-small-1.gif) no-repeat; } #home-buttons li#b4 { background: url(../images/h-nav-mobile-0.gif) no-repeat; } #home-buttons li#b4:hover { background: url(../images/h-nav-mobile-1.gif) no-repeat; } #home-buttons li#b5 { background: url(../images/h-nav-roi-0.gif) no-repeat; } #home-buttons li#b5:hover { background: url(../images/h-nav-roi-1.gif) no-repeat; } /* #home-buttons li#b1 { border-top: 5px solid #9f10c4; background: #631676; color:inherit; } #home-buttons li#b1 .enter { background: #4f115e; color:inherit; } #home-buttons li#b1 .hit p,#home-buttons li#b1 .enter a { color: #c1a2c8;background-color:inherit; } #home-buttons li#b2 { border-top: 5px solid #035aaa; background: #0e3d69; color:inherit; } #home-buttons li#b2 .enter { background: #0a3054; color:inherit; } #home-buttons li#b2 .hit p,#home-buttons li#b2 .enter a { color: #9fb1c3;background-color:inherit; } #home-buttons li#b3 { border-top: 5px solid #ffff00; background: #8e8d0e; color:inherit; } #home-buttons li#b3 .enter { background: #6a6b0a; color:inherit; } #home-buttons li#b3 .hit p,#home-buttons li#b3 .enter a { color: #d2d19f;background-color:inherit; } #home-buttons li#b4 { border-top: 5px solid #01a33e; background: #0d602d; color:inherit; } #home-buttons li#b4 .enter { background: #0a4d24; color:inherit; } #home-buttons li#b4 .hit p,#home-buttons li#b4 .enter a { color: #9ebfab;background-color:inherit; } #home-buttons li#b5 { border-top: 5px solid #FF7F00; background: #ab4400; color:inherit; } #home-buttons li#b5 .enter { background: #823500; color:inherit; } #home-buttons li#b5 .hit p,#home-buttons li#b5 .enter a { color: #ddb499;background-color:inherit; } */ #newsWrap { clear: both; padding: 5px 0 8px 0; height: 30px; } #latestNews { width: 920px; /* width: 686px; */ height: 32px; background: url(../images/newstickerbg1.png) no-repeat; float: left; } #latestNews #newstickerWrap { padding: 8px 10px; } #latestNews h2 { font-size: 1em; color: #666; font-weight: normal; width: 90px; float: left;background-color:inherit; } #newsticker ul { font-size: 1em; list-style: none; height: 1.2em; overflow: hidden; color: #666; background-color:inherit;} #latestNews span.newsTitle { text-transform: uppercase; margin-right: 10px; } #latestNews span.newsMore { float: right; } #latestNews p { font-size: .9em; color: #666;background-color:inherit; } #latestNews a { color: #777; background-color:inherit;} #quickLinksHome { display: none; float: left; width: 222px; height: 32px; margin-left: 10px; } #quickLinksHome div { border: 1px solid #ccc; height: 16px; padding: 7px 9px; } #quickLinksHome h2 { font-size: .9em; font-weight: normal; text-transform: uppercase; color: #666; background-color:inherit; } #quickLinksHome a { color: #666; background-color:inherit; } #shortcuts { clear: both; padding: 5px 0 0 0; } #shortcut1 { height: 157px; width: 222px; float: left; background: #666; margin: 0 11px 10px 0; color:inherit; } #shortcut2 { height: 157px; width: 222px; float: left; background: #666; margin: 0 11px 10px 0; color:inherit; } #shortcut3 { height: 157px; width: 222px; float: left; background: #666; margin: 0 10px 10px 0; color:inherit; } #shortcut4 { height: 157px; width: 222px; float: left; background: #666; margin: 0 0 10px 0; color:inherit; } #partnersHome { clear: both; padding: 0; } /*------------------------------------------- Landing page -------------------------------------------*/ body.landing-page { } .landing-page a { text-decoration: underline; } #landing-page-wrap { background: #f1f1f1 url(../images/bgwrap-landing-page.jpg) no-repeat; width: 680px; padding: 20px; margin: 20px auto 0 auto; text-align: left; } #landing-page-header { height: 60px; } #landing-page-main { float: left; width: 480px; } #landing-page-main h1 { color: #999; font-size: 1.5em; line-height: 1.3em; margin: .2em .5em .75em 0; background-color:inherit; } #landing-page-main h1 strong { color: #222; } #landing-page-main h2 { font-size: 1.1em; line-height: 1.3em; margin: 2em .5em 1em 0; color: #222; background-color:inherit; } #landing-page-main h2 strong { text-decoration: underline; } #landing-page-main h3 { color: #444; font-size: .9em; margin: 0 2em 0 0; background-color:inherit; } #landing-page-main p { color: #444; font-size: .9em; margin: 0 2em 1em 0; background-color:inherit; } #landing-page-main ul { color: #444; font-size: .9em; margin: 0 2em 1em 0; background-color:inherit; } #landing-page-main ul li { list-style: none; background: url(../images/bullet-red.gif) 0 4px no-repeat; padding-left: 18px; } #landing-page-main .whitepaper { border-top: 1px solid #ddd; padding-top: 1em; } #landing-page-main ul.whitepapers { color: #444; font-size: .9em; font-weight: normal; margin: 0 0 1em 2em; background-color:inherit; } #landing-page-main ul.whitepapers li { height: 60px; list-style: none; background: url(../images/li-whitepaper-lge.png) 0 1px no-repeat; padding-left: 30px; } #landing-page-main ul.links li { padding-left: 18px; background: url(../images/pdf.png) 1px 1px no-repeat; } #landing-page-sidebar { float: left; width: 200px; } #landing-page-sidebar .col { padding: 0 0 0 0; } #landing-page-sidebar .form { background: #eee; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; padding: 15px 15px 0px 15px; } #landing-page-sidebar h2 { font-size: .9em; color: #222; margin: 0 0 0em 0; } #landing-page-sidebar p { font-size: .9em; color: #444; margin: 0 0 1em 0; } #landing-page-sidebar form input.text { border: 1px solid #ccc; padding: 2px; width: 165px; } #landing-page-sidebar form select { width: 171px; background: #fff; border: 1px solid #ccc; padding: 2px; } #landing-page-sidebar form input.button { border: 1px solid #eb3e40; background-color: #eb3e40; color: #fff; padding: .25em .5em; } body.landing-page #footerWrap { background: url('../images/footerbg-landing-page.jpg') 0 -60px repeat-x; width: 720px; margin: 0 auto; padding: 15px 0px; clear: both; height: 50px; } .landing-page #boilerplate { height: 120px; } .landing-page #boilerplate p { text-align: left; margin: 0 2em 1em 20px; } /*------------------------------------------- Footer -------------------------------------------*/ .headertitle { text-align: center; } .headertitle h1 { font-size: .9em; color: #666; background-color:inherit; } .cityiscontent { text-align:center; font-size:11px; background:#CCC; font-family:Arial, Helvetica, sans-serif; color:inherit; } .cityiscontent h1 { font-size:11px;} #footerWrap { background: url('../images/footerbg1.gif') 0 -60px repeat-x; width: 940px; margin: 0 auto; padding: 15px 10px; clear: both; height: 50px; } .landing-page #footerWrap { background: none; } #footer { text-align: center; padding-top: 0px; } #footer p { font-size: .9em; color: #777; background-color:inherit; } #footer p a { color: #888; background-color:inherit; text-decoration: none; } #footer p a:hover { text-decoration: underline; } #footer .w3c-buttons { list-style: none; margin: 10px 0; } #footer .w3c-buttons li { display: inline; margin: 0 5px; } .f1 { float: left; width: 150px; } /* #wrap .st_divfooter { padding: 10px 0 0 0; text-align: center; font-size: .9em; line-height: 1.4em; } #wrap .st_divfooter ul { width: 950px; margin: 0; list-style: none; font-size: .9em; } #wrap .st_divfooter li { display: inline; margin: .25em 5px 0 5px; } #wrap .st_divfooter a { color: #555; white-space: nowrap; background-color:inherit; } #wrap .st_divfooter a:visited { color: #666; background-color:inherit; } #wrap .st_divfooter a:hover { color: #666; text-decoration: underline; background-color:inherit; } #wrap .st_divfooter h1, #wrap .st_divfooter h2 { font-size:11px; color:#333; text-decoration:underline; font-weight:bold; background-color:inherit; } .st_partners { height:67px;border:1px solid #ddd;padding-top:10px;} .st_partners a { color: #999; white-space: nowrap; background-color:inherit; } .st_partners a:visited { color: #999; background-color:inherit; } .st_partners a:hover { color: #666; text-decoration: underline; background-color:inherit; } .st_partners h5 { margin-left:15px;margin-top:2px;color:#555; } .st_partners ul { margin-left:30px;margin-top:8px;color:#999;float:left; } */ .st_partners { margin: 10px 0 0 0; font-size: .9em; color: #444; text-align: center; } .st_partners h5 { color: #444; display: inline; font-size: 1em; } .st_partners ul { display: inline; list-style: none; } .st_partners li { display: inline; margin: 0 .1em; } .st_partners a { color: #666; white-space: nowrap; } .st_partners a:visited { color: #666; } .st_partners a:hover { color: #666; text-decoration: underline; } .st_divfooter { margin: 10px 0 0 0; font-size: .9em; color: #444; text-align: center; } .st_divfooter h1,.st_divfooter h2 { color: #444; font-size: 1em; } .st_divfooter h5 { color: #444; display: inline; font-size: 1em; } .st_divfooter .otherSites { padding-top: 10px; } .st_divfooter ul { display: inline; list-style: none; } .st_divfooter li { display: inline; margin: 0 .1em; } .st_divfooter a { color: #666; white-space: nowrap; } .st_divfooter a:visited { color: #666; } .st_divfooter a:hover { color: #666; text-decoration: underline; } .st_divfooter ul.bottomNav { display: block; margin: 10px 0 0 0; } .st_divfooter ul.bottomNav li { margin: 0 .5em; }