/* ************************************************* swfIR General Screen Styles Created by the ridiculous Dan Mall http://www.danielmall.com ************************************************* */ /* ------------------------------- General Selectors ------------------------------- */ * { margin: 0; padding: 0; } body { font: normal 62.5% 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif; background-color: #9dcee0; } p, ul, ol { line-height: 1.4; margin-bottom: 1.4em; } form p { margin-bottom: 0; } a { font-weight: bold; color: #585F80; text-decoration: none; padding: 0 1px 0 1px; } a:visited { color: #D8EBF3; } a:hover, a:focus { background-color: #8FB8CD; } abbr, acronym { border: none; } pre { font: 1.3em 'Courier New', Courier, Monaco, monospaced; } /* ------------------------------- Rules by section ------------------------------- */ #container { width: 805px; margin: 50px auto 0; } #branding { position: relative; } #branding h1 { text-indent: -9999px; width: 158px; height: 71px; background: transparent url(../img/presentation/swfir_logo.gif) no-repeat 0 0; position: relative; top: 3px; left: 30px; } #branding h2 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif; font-size: 1.3em; margin-left: 135px; font-weight: normal; width: 671px; border-bottom: 10px solid #8db9c9; padding: 0 0 1.2em; } #branding a { text-indent: -9999px; width: 31px; height: 27px; background: transparent url(../img/presentation/contact_header.gif) no-repeat 0 0; display: block; position: absolute; right: 0; bottom: 2.4em; } /*\*/ #branding a:active, #branding a:focus { overflow: hidden; } /**/ #branding a:hover { background-position: 0 -27px; } #primary { width: 518px; float: left; margin-bottom: 2.4em; } #primary > *, #footnotes, #meta { margin-left: 135px; width: 354px; } #primary p { font-size: 1.5em; line-height: 1.5;} #primary h2 { border-top: 10px solid #8db9c9; padding: 2em 0 1em; } #primary #headline h2, #primary #headline embed, #primary #headline object { border: none; padding: 0; margin: 19px 0 1.5em 0; text-indent: -9999px; } #primary #headline h2[title*="twist"] { background: transparent url(../img/presentation/headlines/twist.gif) no-repeat 0 0; height: 59px; } #primary #headline h2[title*="Bordering on awesome."] { background: transparent url(../img/presentation/headlines/awesome.gif) no-repeat 0 0; height: 24px; } #primary #headline h2[title*="Turn a new corner."] { background: transparent url(../img/presentation/headlines/cornerturn.gif) no-repeat 0 0; height: 24px; } #primary #headline h2[title*="Round out your options."] { background: transparent url(../img/presentation/headlines/round.gif) no-repeat 0 0; height: 24px; } #primary #headline h2[title*="depth"] { background: transparent url(../img/presentation/headlines/depth.gif) no-repeat 0 0; height: 59px; } .thanks #primary #headline h2 { background: transparent url(../img/presentation/headlines/thanks.gif) no-repeat 0 0; width: 671px; height: 31px; } #example { margin: 0; position: relative; } #effects { width: 114px; height: 266px; position: absolute; top: 0; left: 0; } #example img { width: 323px; background-color: white; padding: 10px; border: 5px solid #99c8da; margin: 0 0 20px 134px; } #example .swfir { margin: 0 0 20px 137px; display: block; } h2#teamheadline { background: transparent url(../img/presentation/meettheswfirteam.gif) no-repeat 0 24px; text-indent: -9999px; height: 20px; } #primary #team { list-style: none; } #team li { margin: 0 0 1em; } #team h3 { float: left; width: 96px; font-weight: bold; font-size: 1.2em; margin-top: 2px; } #team li p { margin: 0 0 0 106px; font-size: 1em; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; line-height: 2; width: 248px; } #vendors { width: 229px; border-top: 10px solid #8db9c9; padding: 2em 0 0; margin: 2em 0 2em 239px; list-style: none; font-size: 1em; } #vendors li { margin: 0 0 1em; } h2#contact { background: transparent url(../img/presentation/notbehindourbacks.gif) no-repeat 0 24px; text-indent: -9999px; height: 20px; } #contactform { width: 354px; background: transparent url(../img/presentation/contact_bottom.gif) no-repeat left bottom; padding: 0 0 26px; } #contactform form { background: transparent url(../img/presentation/contact_top.gif) no-repeat 0 0; position: relative; padding: 22px 0 0; } #contactform h3 { text-indent: -9999px; background: transparent url(../img/presentation/contact_us.jpg) no-repeat 0 0; width: 64px; height: 62px; position: absolute; top: 22px; left: 16px; } #contactform dl { background: transparent url(../img/presentation/contact_bg.gif) repeat-y 0 0; padding: 0 0 0 117px; } #contactform dt { display: none; } #contactform dt#submit { display: block; position: relative; left: -5px; } #contactform dd input, #contactform dd textarea { width: 200px; padding: 0.3em 9px; margin: 0 0 1.5em; border: none; color: #000; font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif; line-height: 1.5; } #contactform dd input, #contactform dd textarea { background-color: white; } #contactform dd input.empty, #contactform dd textarea.empty { color: #666; } #contactform dd input.stillempty, #contactform dd textarea.stillempty { background-color: red; } #contactform dd input.filled, #contactform dd textarea.filled { color: #000; } #secondary { font-family: Georgia, 'Times New Roman', serif; font-style: italic; background: transparent url(../img/presentation/secondary_bg.gif) repeat-y 0 0; margin-left: 518px; margin-bottom: 2.4em; padding: 2em 0 3em 20px; border-bottom: 10px solid #8db9c9; } #secondary > * { font-size: 1.1em; line-height: 2; } #secondary h3 { text-indent: -9999px; height: 21px; margin: 0 0 1em; } h3[title="Four Steps to swfIR"] { background: transparent url(../img/presentation/fourstepstoswfir.gif) no-repeat 0 0; width: 216px; } h3[title="See swfIR in action"] { background: transparent url(../img/presentation/swfirinaction.gif) no-repeat 0 0; width: 206px; } #examplelinks { list-style: none; margin-bottom: 3em;} #secondary #examplelinks li { background-image: none; padding-left: 0; margin: 0 0 1px; line-height: 1; } #examplelinks a { display: block; text-indent: -9999px; width: 252px; height: 31px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; margin: 0; } #examplelinks a:hover, #examplelinks a:focus { background-position: 0 -31px; } #examplelinks li.elastic a { background-image: url(../img/presentation/home_elastic.gif); } #examplelinks li.rounded a { background-image: url(../img/presentation/home_rounded.gif); } #examplelinks li.multiple a { background-image: url(../img/presentation/home_multiple.gif); } #examplelinks li.rotate a { background-image: url(../img/presentation/home_rotate.gif); } #secondary ol { list-style: none; margin-left: -5px;} #secondary ol > li { background: url(../img/presentation/step_bg.gif) repeat-y left bottom; padding: 0 0 20px; /*width: 221px;*/ } #secondary ol li div { /*padding: 20px 10px 0 49px;*/ padding: 25px 20px 0px 40px; } #secondary ul { list-style: none; } #secondary ul li { background: url(../img/presentation/bullet.gif) no-repeat 0 .4em; padding: 0 0 0 1.5em; margin: 1em 0 0; line-height: 1.5; } #secondary ol ul li { background-position: 0 .4em; } #step1 div { background: url(../img/presentation/step1.gif) no-repeat 0 0; } #step2 div { background: url(../img/presentation/step2.gif) no-repeat 0 0; } #step3 div { background: url(../img/presentation/step3.gif) no-repeat 0 0; } #step4 div { background: url(../img/presentation/step4.gif) no-repeat 0 0; } #download { display: block; width: 167px; height: 47px; text-indent: -9999px; background: transparent url(../img/widgets/download.gif) no-repeat 0 0; margin-top: 18px; } #download:hover { background-position: 0 -47px; } /*\*/ #download:active, #download:focus, #examplelinks a:active, #examplelinks a:focus { overflow: hidden; } /**/ #secondary ol code { font: 1.2em 'Courier New', Courier, Monaco, monospaced; } h3[title="Sticks in the Spokes"] { background: transparent url(../img/presentation/sticksinthespokes.gif) no-repeat 0 0; width: 220px; } #secondary h3[title="Support the Cause"] { background: transparent url(../img/presentation/support_the_cause.gif) no-repeat left bottom; width: 200px; height: 36px; } #footnotes { clear: left; border-top: 10px solid #8db9c9; padding: 2em 0 0 15px; font-style: italic; font-family: Georgia, 'Times New Roman', sans-serif; font-size: 1.1em; } #meta { list-style: none; width: auto; clear: left; } #meta li { display: inline; border-left: 1px solid #000; padding: 0 0 0 0.5em; margin: 0 0.5em 0 0; } #meta li:first-child { border: none; padding-left: 0; } #meta li a { color: #585F80; text-decoration: none; }