/* CSS Document */ /* Generic Code */ * { margin: 0; padding: 0; } img, a { border: 0; } body { background: #004161; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #333; } body.innerbg { background: #004161 url(../images/bgs/bg.png) repeat-x 50% 0; } h1, h2, h3, h4, h5, h6, p, ol, ul { margin-bottom: 1em; line-height: 18px; } h1 { color: #333333; font: 24px Arial, Helvetica, sans-serif; border-bottom: solid 1px #a9a9a9; padding-bottom: 2px; margin-bottom: 15px; letter-spacing: -1px; } h1 span { color: #004161; font-weight: bold; } #headerinner h1 { color: #73cb04; border: none; margin-bottom: 0; } #headerinner p strong { font: 24px Arial, Helvetica, sans-serif; color: #73cb04; border: none; margin-bottom: 0; } h2 { font: 22px/22px Arial, Helvetica, sans-serif; font-weight: bold; color: #60a703; text-transform: uppercase; border-bottom: solid 1px #a9a9a9; padding-bottom: 2px; margin-bottom: 15px; } h2 span { color: #333; font-size: 16px; font-weight: normal; text-transform: none; } h3 { font: 12px/18px Arial, Helvetica, sans-serif; font-weight: bold; color: #60a703; padding-bottom: 5px; margin-top: 15px; margin-bottom: 0; } h3 span { color: #333; font-weight: normal; } h4 { color: #004161; font-size: 12px; font-weight: bold; margin-bottom: 0; } .packagesline {font: 13px/13px Arial, Helvetica, sans-serif; font-weight: bold; color: #60a703; margin-bottom: 0; text-transform: uppercase;} ul li, ol li { margin-bottom: .5em; } a:link, a:visited { color: #004161; text-decoration: underline; } a:hover, a:link { color: #4373ae; text-decoration: underline; } h2 a:link, h2 a:visited { color: #60a703; text-decoration: none; } h2 a:hover, h2 a:active { color: #004161; text-decoration: none; } h3 a:link, h3 a:visited { color: #60a703; text-decoration: none; } h3 a:hover, h3 a:active { text-decoration: underline; } .adr { width: 32%; float: left; } .note { color: #999; font: 11px/14px Helvetica, Arial, sans-serif !important; margin-bottom: 5px; } .errors { color: #60a703; } #team h3 { margin: 0 0 5px 0; padding: 0; } /* Columns */ .col2_1 { width: 465px; display: inline; margin-right: 30px; float: left; } .col2_2 { width: 465px; float: left; } .col3_1 { width: 300px; margin-right: 30px; display: inline; float: left; } .col3_1.wide { width: 960px; margin: 0; } .col3_1.width2 { width: 630px; } .col3_2 { width: 300px; margin-right: 30px; display: inline; float: left; } .col3_2.wide { width: 630px; margin: 0; } .col3_3 { width: 300px; float: left; } .main-col { width: 660px; float: left; } .side-col { width: 280px; padding-left: 10px; float: right;} .left { float: left; } .right { float: right; } .clear { clear: both; } .clearleft { clear: left; } /* Wrapper */ #wrapper_outer { width: 100%; margin: 0 auto; position: relative; text-align: center; } .innerbg #wrapper_outer { background: #fff url(../images/bgs/bg.png) repeat-x 50% 0; } #wrapper_outer2 { width: 100%; } .innerbg #wrapper_outer2 { background: url(../images/bgs/default.png) 50% 0 no-repeat; } * html #wrapper_outer2 { height: 1%; } .innerbg .page-blog #wrapper_outer2 { background: url(../images/bgs/blog.png) 50% 0 no-repeat; } .innerbg .page-news #wrapper_outer2 { background: url(../images/bgs/news.jpg) 50% 0 no-repeat; } .innerbg .page-inside15 #wrapper_outer2 { background: url(../images/bgs/inside15.png) 50% 0 no-repeat; } .innerbg .page-contact #wrapper_outer2 { background: url(../images/bgs/contact.png) 50% 0 no-repeat; } .innerbg .page-visualize #wrapper_outer2 { background: url(../images/bgs/visualize.png) 50% 0 no-repeat; } .innerbg .page-services #wrapper_outer2 { background: url(../images/bgs/services.png) 50% 0 no-repeat; } .innerbg .page-localize #wrapper_outer2 { background: url(../images/bgs/localize.png) 50% 0 no-repeat; } .innerbg .page-socialize #wrapper_outer2 { background: url(../images/bgs/socialize.png) 50% 0 no-repeat; } .innerbg .page-optimize #wrapper_outer2 { background: url(../images/bgs/optimize.png) 50% 0 no-repeat; } .innerbg .page-interactive-newsletter #wrapper_outer2 { background: url(../images/bgs/straightforward.png) 50% 0 no-repeat; } .page-interactive-newsletter h1 { background: url(../images/logo-straightforward.png) 0 0 no-repeat; height: 87px; text-indent: -9999px; width: 381px; } #wrapper_inner { width: 960px; margin: 0 auto; position: relative; text-align: left; } #packages { width: 250px; float:right;} #packages ul { margin-left: 0; list-style: none; padding-bottom: 2px; margin-bottom: 15px;} #packages ul li { background: url(../images/bullet.gif) no-repeat 0 8px; list-style: none; margin: 0px 0 5px 0px; padding-left: 2em; } /* Header */ #header { width: 960px; min-height: 405px; z-index: 10; } * html #header { height: 405px; } #headerinner { width: 960px; min-height: 300px; padding-bottom: 40px; position: relative; } * html #headerinner { height: 300px; } /* Header Top- */ .headerT { height: 84px; background: url(../images/hrrule.gif?cache=0) no-repeat 73px 73px; position: relative; } #logo { padding-top: 18px; } #logo a { display: block; background: url(../images/logo-15miles.png) no-repeat 0 0; width: 118px; height: 66px; text-indent: -9999px; outline: none; } * html #logo a { background: url(../images/logo-15miles.gif) no-repeat 0 0; } /* Navigation- */ #nav { position: absolute; top: 50px; right: -15px; } #nav ul { margin: 0; padding: 0; list-style: none; } #nav ul li { background: url(../images/circle_blue.gif) no-repeat center bottom; color: #cbe2f6; font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; text-transform: uppercase; background: none; display: block; float: left; margin: 0; padding: 0 15px 15px; position: relative; } #nav ul li.nav-inside15 { background: url(../images/circle_blue.png) no-repeat 50% 19px; width: 100px; } * html #nav ul li.nav-inside15 { background: url(../images/circle_blue.gif) no-repeat 50% 19px; } #nav ul li.nav-services { background: url(../images/circle_green.png) no-repeat 50% 19px; width: 95px; } * html #nav ul li.nav-services { background: url(../images/circle_green.gif) no-repeat 50% 19px; } #nav ul li.nav-search { background: url(../images/circle_white.png) no-repeat 50% 19px; width: 160px; } * html #nav ul li.nav-search { background: url(../images/circle_white.gif) no-repeat 50% 19px; } #nav ul li.nav-contact { background: url(../images/circle_yellow.png) no-repeat 50% 19px; width: 55px; } * html #nav ul li.nav-contact { background: url(../images/circle_yellow.gif) no-repeat 50% 19px; } #nav ul li a:link, #nav ul li a:visited { color: #cbe2f6; text-decoration: none; display: block; font-size: 11px; font-weight: bold; line-height: 14px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } #nav ul li a:hover, #nav ul li a:active { color: #fff; outline: none; } #nav ul ul { display: none; position: absolute; padding: 0 10px 10px 0px; color: #fff; top: 30px; left: 0; list-style-type: none; margin: 0; text-align: left; background-color:#60a605;} #nav ul li.nav-inside15 ul { width: 100px;} #nav ul li.nav-services ul { width: 95px; text-align: left;} #nav ul li.nav-search ul { width: 160px; } #nav ul li.nav-contact ul { width: 55px; } #nav ul ul li { background: none; color: #fff; border-bottom:1px solid #58A000; text-align:left; font: 11px Helvetica, Arial, sans-serif; line-height: 11px; font-weight: normal; text-transform: none; padding: 3px 0 7px 0; float: none; margin: 5px; } #nav ul ul li a:link, #nav ul ul li a:visited { color: #fff; font-weight: normal; text-decoration: none; text-transform: none; text-align: left;} #nav ul ul li a:hover, #nav ul ul li a:active { color: #004161; text-align: left;} * html #nav ul li { height: 1%; } /* Header Middle- */ .innerheaderM { min-height: 50px; margin: 45px 0 0 0; position: relative; } * html .innerheaderM { height: 50px; } .headerM { min-height: 100px; margin-top: 70px; } * html .headerM { height: 100px; } .headercontent { padding-left: 15px; width: 70%; } .headercontent h2 { font: 20px Arial, Helvetica, sans-serif; color: #f1e21d; border: none; text-transform: none; padding-top: 20px; } .headercontent p { font: 14px Tahoma; color: #97bbdd; font-weight: bold; } .innerheadleft { width: 52%; color: #ffffff; line-height: 22px; } .subnavwrapper { width: 100%; height: 31px; text-align: center; position: absolute; top: 306px; } .subnav { text-align: left; width: 960px; margin: 0 auto; padding: 0; position: relative; } * html .subnav { margin-bottom: -2px; } .subnav ul { height: 31px; line-height: 31px; margin: 0; padding: 0; list-style: none; } .subnav ul li { font: 10px/31px Arial, Helvetica, sans-serif; margin: 0; padding: 0; float: left; } .subnav ul li a:link, .subnav ul li a:visited { float: left; margin: 0; padding: 0 0 0 9px; text-decoration: none; outline: none; position: relative; top: -2px; } .subnav ul li a span { cursor: pointer; color: #96b6d2; float: left; line-height: 31px; text-transform: uppercase; display: block; padding: 2px 14px 0 5px; } .subnav ul li a:hover, .subnav ul li a:active { color: #fff; } .subnav ul li a:hover span, .subnav ul li a:active span { color: #fff; } .subnav ul li.current a { background: url(../images/navL.gif) no-repeat left top; } .subnav ul li.current a span { color: #fff; background: url(../images/navR.gif) no-repeat right top; } #social { position: absolute; bottom: 9px; right: 0; margin: 0; padding: 0; width: 84px; } .innerbg #social { bottom: -10px; } #social li { float: left; list-style: none; margin: 0; padding: 0 0 0 5px; height: 16px; line-height: 16px; } * html .innerbg #social li { margin-bottom: -2px; } #social li a { background: url(../images/icons-social.gif) no-repeat left top; display: block; width: 16px; height: 16px; outline: none; text-indent: -9999px; margin: 0; padding: 0; font-size: 8px; } #social-linkedin a:link, #social-linkedin a:visited { background-position: 0 0; } #social-linkedin a:hover, #social-linkedin a:active { background-position: 0 -16px; } #social-facebook a:link, #social-facebook a:visited { background-position: -16px 0; } #social-facebook a:hover, #social-facebook a:active { background-position: -16px -16px; } #social-twitter a:link, #social-twitter a:visited { background-position: -32px 0; } #social-twitter a:hover, #social-twitter a:active { background-position: -32px -16px; } #social-rss a:link, #social-rss a:visited { background-position: -48px 0; } #social-rss a:hover, #social-rss a:active { background-position: -48px -16px; } /* Header Bottom- */ /* Header */ /* Container */ #containerwrapper { background: #fff url(../images/bg.gif) left top repeat-x; width: 100%; text-align: center; } .innerbg #containerwrapper { background: none; } #container { width: 960px; height: auto; padding: 30px 0; text-align: left; margin: 0 auto; position: relative; } #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #container { height: 1%; } #container p { line-height: 20px; } #container li { margin-left: 30px; list-style-type: disc; line-height: 18px; } .dotsbg { background: url(../images/dotsbg.gif) no-repeat right center; } /* Content Specific Layouts */ #searchperspective ol { list-style-type: none; margin: 0; padding: 0; } #searchperspective li { margin: 0; padding: 0; padding-left: 45px; min-height: 1em; position: relative; list-style-type: none; } * html #searchperspective li { height: 1%; } #searchperspective li h3 { margin-bottom: 0; padding-bottom: 0; } * html #searchperspective li h3 { margin: 0; } #searchperspective li .date { color: #157996; text-align: center; width: 35px; float: left; position: absolute; left: 0; top: -2px; height: 40px; } #searchperspective li .month { display: block; font-size: 9px; letter-spacing: 3px; } #searchperspective li .day { display: block; font-size: 30px; font-weight: bold; letter-spacing: -1px; } #newsList, #eventsList { } #newsList li, #eventsList li { list-style: none; margin: 0 0 20px 0; /*min-height: 60px; padding: 0 0 0 45px;*/ position: relative; } * html #newsList li, * html #eventsList li { height: 60px; } #newsList h3, #eventsList h3 { margin: 0; padding-bottom: 0; } * html #newsList h3,* html #eventsList h3 { margin: 0; } #newsList p, #eventsList p { margin-bottom: 5px; } #newsList li .date, #eventsList li .date { color: #157996; /*text-align: center; width: 35px; float: left; position: absolute; left: 0; top: -2px; height: 40px;*/ } /*#newsList li .month, #eventsList li .month { display: block; font-size: 9px; letter-spacing: 3px; } #newsList li .day, #eventsList li .day { display: block; font-size: 30px; font-weight: bold; letter-spacing: -1px; }*/ #eventsList li .time { display: block; font-size: 11px; letter-spacing: 2px; line-height: 11px; margin: 5px 0 0 0; } #eventsList li .ampm { font-size: 9px; font-weight: bold; letter-spacing: 2px; line-height: 12px; } #eventsList li .timeZone { font-size: 9px; letter-spacing: 2px; line-height: 12px; } #eventsList p, #eventsList h3 { width: 300px; } #eventsList img { float: right } /*#pastEvents { opacity: .3; } #pastEvents:hover { opacity: 1; } #pastEvents h2 { text-transform: none; }*/ /* Container */ /* Footer */ #footerouter { width: 100%; height: auto; overflow: hidden; background: #004161 url(../images/footergradient.gif) repeat-x left top; position: relative; } #footer { background: #004161 url(../images/footerbg.gif) left top no-repeat; width: 960px; height: 200px; overflow: hidden; margin: auto; } #footer p { text-align: right; padding: 15px 0; font-size: 10px; letter-spacing: 1px; color: #4a8092; text-transform: uppercase; } #footer p a:link, #footer p a:visited { color: #4a8092; text-decoration: none; } #footer p a:hover, #footer p a:active { text-decoration: underline; color: #82a2b2; } #panelouter { background: #70c403 url(../images/btmtxtdivbg.gif) repeat-x left top; position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 1000; } * html #panelouter { position: absolute; } #panel-read:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #panel-read { height: 1%; } #panel { width: 960px; margin: 0 auto; text-align: left; min-height: 6px; } #panel h4 { text-align: center; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url(../images/img-panel-btn.png) no-repeat left top; display: block; width: 102px; height: 31px; line-height: 30px; position: relative; top: -27px; margin-bottom: -27px; } #panel h4 a { display: block; text-indent: -9999px; outline: none; cursor: pointer; } * html #panel h4 a { height: 1%; } #panel h5 { color: #fff; border-bottom: 1px solid #9edb5a; text-transform: uppercase; font-size: 11px; padding: 8px 0 0 0; margin-bottom: 10px; } #panel p, #panel a, #panel ul { color: #c5e1a4; font-size: 11px; } .panel-contact { width: 230px; margin-right: 20px; float: right; } #panel-sitemap { width: 460px; margin-right: 20px; float: left; } #panel ul { margin: 0; padding: 0; list-style: none; } #panel-sitemap ul li { margin: 0; padding: 0 20px 0 0; float: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: lowercase; } #panel-sitemap ul li a { margin: 0px; padding: 0px; color: #ffffff; text-decoration: none; } #panel-sitemap ul ul li { margin: 0; padding: 0; float: none; font-weight: normal; } #panel-sitemap ul ul li a { color: #c5e1a4; } #panel-associations { width: 230px; margin-bottom: 20px; padding: 10px; color:#030; float: right; background-color:#73BC04;} #panel-associations ul li {list-style: none; margin: 0; padding: 0 10px 10px 0; float: left; } #panel-associations ul li.panel-iab, #panel-associations ul li.panel-dma { padding: 0 0 10px 0; } /* Footer */ /* FRONT */ #slideshow { height: 250px; margin-top: 10px; width: 300px; } #slideshow img { padding: 0px; border: 0px; background-color: #fff; } #flash-background { width: 960px; height: 410px; text-align: center; margin: 0px auto; position: absolute; top: 0px; z-index: 0; outline: none; } /* HEADERS */ h1.replaced, h2.replaced { border: none; background-position: left bottom; text-indent: -9999px; height: 30px; width: 100%; margin-bottom: 7px; } #h1-welcome { background-image: url(../images/headers/h1-welcome-to-15miles.gif); height: 53px; } #h2-milestones { background-image: url(../images/headers/h2-milestones.gif); height: 53px; } #h2-searchperspective { background-image: url(../images/headers/h2-search-perspective.gif); height: 53px; } /* FORM */ select, input.text, textarea { border: 1px solid #ccc; font: 12px Helvetica, Arial, sans-serif; padding: 4px; width: 210px; } select:focus, input.text:focus, textarea:focus { border: 1px solid #60a703; } .selectBoxInput, .textInput, .textAreaInput { padding-left: 90px; position: relative; min-height: 20px; margin-bottom: 7px; } * html .selectBoxInput, * html .textInput, * html .textAreaInput { height: 20px; } label.label { position: absolute; left: 0; width: 85px; } .submit { margin-left: 90px; } .submit input { float: left; margin-right: 10px; } .submit p { font-size: 10px; } /* IYP IDOL */ #video-col { margin-right: 20px; } .video-col { width: 470px; float: left; }