/* -------------------------------------- Curious Sense Style Sheet Author: Freshthrills llc -------------------------------------- */ /* -------------------------------------- Global Styles -------------------------------------- */ :focus { outline: none; } body { margin: 40px 0 0 0; padding: 0; font-family: arial, helvetica, verdana; background: #f9f9f9 url(../images/bg_orbs2.jpg) top left repeat; text-align: center; } body, p, a { color: #666; font-size: 12px; } a { text-decoration: none; } ul { padding: 0; } a sup { font-size: 6px; } #container { } #main_area { width: 755px; text-align: left; margin: 0px auto; } #logo { display: block; float: left; margin: 0 240px 0px 0; width: 155px; height: 120px; background: transparent url(../images/CS_Logo_SmSh.gif) top left no-repeat; background-position: 14px 0px; } #logo span { display: none; } #body { clear: both; padding-left: 15px; font-family: arial, helvetica, verdana !important; } /* Body Copy Styles */ #body h1 { font-size: 24px; text-transform: uppercase; padding: 0; margin: 0 0 10px 0; } #body h2 { font-size: 14px; padding: 0; margin: 0 0 10px 0; } #body h2 sup { font-size: 8px; padding: 0; } #body h3 { font-size: 12px; padding: 0; margin: 0; } #body h4 { font-size: 18px; padding: 0; margin: 0 0 10px 0; } #body p { font-size: 12px; line-height: 14px; padding: 0; margin: 0 0 20px 0; } #body a { color: #3399cc; } #body a:hover { text-decoration: underline; } #footer { clear: both; padding: 30px 0 0 15px; } #footer p { font-size: 9px; color: #999; } /* -------------------------------------- Navigation Styles -------------------------------------- */ #nav { position: relative; float: left; width: 356px; margin: 13px 0 0 0; text-align: left; } #nav li a { font-size: 12px; } #nav li li a { font-size: 10px; } #nav li { margin: 0; float: left; display: block; } #nav li.off ul, #nav li.on ul { display: none; } #nav li.on ul { display: block; } #nav li a { color: #666; font-weight: bold; display: block; height: 13px; margin: 0px 12px 0 0; } #nav #item1 a { width: 76px; border-right: 1px solid #666; } #nav #item2 a { width: 82px; border-right: 1px solid #666; } #nav #item3 a { width: 76px; border-right: 1px solid #666; } #nav #item4 a { width: 70px; } #nav li ul a { border: none !important; width: auto !important; margin: 0; } #nav li ul p { display: inline; padding: 0 3px; margin: 0; } #nav #item1sub1 { width: 52px; } #nav #item1sub1 a { color: #666; } #nav #item1sub2 a { color: #666; } #nav #item2sub1 a { color: #666; } #nav #item3sub1 { width: 56px; } #nav #item3sub1 a { color: #666; } #nav #item3sub2 a { color: #666; } #nav #item1sub1.on a, #nav #item1sub1 a:hover { color: #3399cc; } #nav #item1sub2.on a, #nav #item1sub2 a:hover { color: #3399cc; } #nav #item2sub1.on a, #nav #item2sub1 a:hover { color: #3399cc; } #nav #item3sub1.on a, #nav #item3sub1 a:hover { color: #3399cc; } #nav #item3sub2.on a, #nav #item3sub2 a:hover { color: #3399cc; } #nav #item1 .subnav { padding: 12px 0 0 0; width: 356px; margin: 0; } #nav #item2 .subnav { padding: 12px 0 0 90px; width: 280px; _width: 356px; margin: 0; } #nav #item3 .subnav { padding: 12px 0 0 216px; width: 154px; _width: 356px; margin: 0; } *:first-child+html #nav #item2 .subnav { width: 370px; } *:first-child+html #nav #item3 .subnav { width: 370px; } #nav li.off ul, #nav li.on ul { display: none; position: absolute; top: 13px; left: 0px; height: 10px; } #nav li.on a { color: #3399cc; } #nav li ul li { display: inline; } #nav li.off a:hover, #nav li.off:hover a { color: #3399cc; } #nav li.on ul { display: block; } #nav li.over ul { display: block; z-index: 6000; } #nav li.off a:hover, #nav li:hover a, #nav li.over a { color: #3399cc; } #nav li ul.hide { display: none; } /* Red-Orange: ec5a26 */ /* Blue: 3399cc */ /* -------------------------------------- Template Styles -------------------------------------- */ /* Template A (Used For: Landing Page) */ .template_a { } .template_a .graphic { margin-bottom: 22px; } #body.template_a h1 { color: #006699; } #body.template_a p { font-size: 14px; } /* Template B (Used For: The Beginning Page) */ .template_b { } .template_b #graphic1 { margin-right: 15px; } .template_b #graphic2 { } .template_b .graphic { border: 1px solid #d3d3d3; } #body.template_b p { margin-bottom: 10px; } #body.template_b .headerlink { display: block; margin-bottom: 15px; } /* Template C (Used For: Veritcals Page) */ .template_c { } .template_c .graphic { border: 1px solid #d3d3d3; } #body.template_c p { margin-bottom: 20px; } .template_c .column { width: 240px; margin-right: 5px; float: left; } .template_c .column2 { width: 300px; margin-right: 30px; float: left; } .template_c .column img { margin-bottom: 10px; } /* Template D (Used For: Contact Page) */ .template_d { position: relative; } .template_d #response { position: absolute; width: 240px; top: 181px; left: 490px; } #body.template_d #response p.error { background-color: #f4d5cf; color: #e13412; font-size: 13px; font-weight: bold; padding: 13px; } #body.template_d #response p.confirm { background-color: #eaf5fa; color: #006699; font-size: 13px; font-weight: bold; padding: 13px; } .template_d #contact_form { width: 600px; padding: 100px 0 0 48px; } .template_d #contact_form p { margin-bottom: 50px; } .template_d .field { margin-bottom: 38px; } .template_d .field img { display: block; } .template_d .text { border: 1px solid #cbcbcb; background-color: #fff; width: 200px; height: 20px; color: #666; padding: 2px 4px; font-size: 12px; font-family: arial, helvetica, verdana; } .template_d textarea { border: 1px solid #cbcbcb; width: 450px; height: 130px; color: #666; padding: 4px; font-size: 12px; font-family: arial, helvetica, verdana; } #body.template_d p.form_copy { font-size: 10px; margin-bottom: 3px; } .template_d #form_name { width: 250px; float: left; } .template_d #form_email { width: 250px; float: left; } .template_d #form_msg { clear: both; margin: 0; } .template_d #form_submit { display: block; margin: 4px 0 0 393px; background: transparent url(../images/submit_btn.gif) top left no-repeat; width: 64px; height: 39px; } .template_d #form_submit span { display: none; } /* Template E (Used For: Team Page) */ .template_e { } .template_e .columns { } .template_e .column_a { float: left; width: 520px; } .template_e .column_b { float: left; width: 220px; } #body.template_e .member { clear: both; } .template_e .member .photo { float: left; width: 120px; } .template_e .member .photo img { margin-bottom: 17px; } .template_e .member .bio { float: left; width: 360px; } #body.template_e .member .bio .name { padding: 0; margin: 0; font-size: 12px; font-weight: bold; } #body.template_e .member .bio .title { padding: 0 0 6px 0; margin: 0; font-size: 11px; font-style: italic; } #body.template_e .member .bio .body_copy { padding: 0 0 10px 0; margin: 0; font-size: 12px; line-height: 14px; } #body.template_e .column_b h4 { font-size: 12px; padding: 0 0 9px 0; margin: 0; } .template_e .column_b #advisors { padding: 14px 10px 10px 10px; background-color: #eaf5fa; margin-bottom: 12px; } #body.template_e .column_b #advisors p { font-size: 12px; margin: 0; padding: 0 0 14px 0; } .template_e .column_b #partnerships { margin-bottom: 12px; } .template_e .column_b #partnerships img { margin-bottom: 6px; } .template_e .column_b #other_partners { } #body.template_e .column_b #other_partners p { margin: 0; padding: 0 0 5px 0; } /* Template F (Used For: Work Page) */ .template_f { } .template_f .columns { } .template_f .column_a { float: left; width: 520px; } .template_f .column_b { float: left; width: 220px; } #body.template_f .member { clear: both; } .template_f .member .photo { float: left; width: 120px; } .template_f .member .photo img { margin-bottom: 17px; } .template_f .member .bio { float: left; width: 490px; } #body.template_f .member .bio .name { padding: 0; margin: 0; font-size: 12px; font-weight: bold; } #body.template_f .member .bio .title { padding: 0 0 6px 0; margin: 0; font-size: 11px; font-style: italic; } #body.template_f .member .bio .body_copy { padding: 0 0 10px 0; margin: 0; font-size: 12px; line-height: 14px; } #body.template_f .column_b h4 { font-size: 12px; padding: 0 0 9px 0; margin: 0; } .template_f .column_b #advisors { padding: 14px 10px 10px 10px; background-color: #eaf5fa; margin-bottom: 12px; } #body.template_f .column_b #advisors p { font-size: 12px; margin: 0; padding: 0 0 14px 0; } .template_f .column_b #partnerships { margin-bottom: 12px; } .template_f .column_b #partnerships img { margin-bottom: 6px; } .template_f .column_b #other_partners { } #body.template_f .column_b #other_partners p { margin: 0; padding: 0 0 5px 0; }