/*	"All" media styles for GE announcement site - 11.17.09 - Kyle Crouse (kyle.crouse@frogdesign.com) */



/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

body { background-color: rgb(255,255,255); color: rgb(51,55,57); font: 62.5% Arial, sans-serif; margin: 24px auto; width: 745px; }



/* global links */

a { text-decoration: none; }

a:link { color: rgb(59,115,185); }

a:visited { color: rgb(113,141,176); }

a:hover { text-decoration: underline; }

a:active, a:focus { outline: 1px dotted rgb(113,141,176); text-decoration: none; }

a.button:link, a.button:visited { background: rgb(255,255,255) url(images/button-blue-arrow.gif) no-repeat 4px 3px; border: 1px solid rgb(193,200,203); color: rgb(66,66,66); display: inline-block; font-size: 1.1em; font-variant: small-caps; font-weight: 300; height: 11px; line-height: 11px; margin-right: 11px; padding: 1px 6px 2px 15px; text-decoration: none; text-transform: lowercase; white-space: nowrap; }

a.button:hover { background-color: rgb(247,250,248); }

@media screen,projection { .cufon-active a.button { line-height: 0; } }

a.action { background: transparent url(images/action-icons.gif) no-repeat 0 0; padding: 1px 0 0 21px; }

a.action.download { background-position: 0 -28px; }

a.action.email { background-position: 0 -14px; }

a.action.website { background-position: 0 -70px; }

a.action.video_link { background: url(images/icn_video.gif) no-repeat 0 50%; }

a.action.doc { background: url(images/icn_document.gif) no-repeat 0 50%; }



/* header */

#head { border-bottom: 6px solid rgb(59,115,185); padding-bottom: 2.4em; }

h1 { left: -9999px; position: absolute; }

#head img { height: 56px; left: -2px; position: relative; width: 209px; }



/* intro */

#intro { padding: 2.5em 0 4.5em; position: relative; }

#intro h2 { color: rgb(59,115,185); font-size: 2.4em; font-weight: 500; margin: 0 410px 0.6666em 0; line-height: 1.1666; }

#intro p { font-size: 1.5em; line-height: 1.2; margin: 0 325px 1.2em 0; }

@media screen,projection { 

	#intro h2 span.cufon { margin-right: -8px; }

	#intro p span.cufon { margin-right: -6px; }

}

#intro a.button:link, #intro a.button:visited { background-color: rgb(59,115,185); background-image: url(images/button-white-arrow.gif); border-color: rgb(59,115,185); color: rgb(255,255,255); }

#intro a.button:hover { background-color: #718db0; border-color: #718db0; }

.video { position: absolute; right: 0; top: 2.8em; width: 275px; }

.video img { display: block; }

#intro .video p { font-size: 1.1em; line-height: 1.2727; margin: 1em 0 0; }

.watch_link{display:block;}



/* content layout */

#content { position: relative; }

.page { clear: both; margin-bottom: 3.5em; position: relative; width: 745px; }

.page h3 { background-color: rgb(232,235,239); border-bottom: 1px solid rgb(152,163,169); font-size: 1.1em; font-variant: small-caps; font-weight: 300; margin-bottom: 2.7272em; text-transform: lowercase; white-space: nowrap;}

.page h3 a:link, .page h3 a:visited { border-bottom: 1px solid rgb(152,163,169); color: rgb(51,55,57); display: inline-block; margin-bottom: -1px; padding: 6px 15px 5px; }

.page.current h3 a:link, .page.current h3 a:visited { background-color: rgb(255,255,255); border: 1px solid rgb(152,163,169); border-bottom-color: rgb(255,255,255); color: rgb(59,115,185); padding: 5px 14px; }

.page h3 a:hover { color: rgb(59,115,185); text-decoration: none; }

.page h3 a:active, .page h3 a:focus { outline: 0; }

.article { width: 545px; }

.aside { position: absolute; right: 0; top: 5.6em; width: 170px; }

#content.tabs-active { padding-top: 55px; }

.tabs-active .page h3 { position: absolute; top: 0; }

.tabs-active .page.current h3 { top: -55px; }

.tabs-active #about h3 { left: 0; width: 148px; }

.tabs-active #news h3 { left: 148px; width: 58px; }

.tabs-active #investors h3 { left: 206px; width: 129px; }

.tabs-active #regulatory h3 { left: 335px; width: 157px; }

.tabs-active #contact h3 { left: 492px; width: 253px; }

.tabs-active .aside { top: 0; }

#regulatory.current h3, #contact.current h3 { margin-top: -7px; }


/* basic typography */

.section { margin: 0 0 2.8em; position: relative; }

.note { color: rgb(102,102,102); font-weight: normal; }

.inset { margin-right: 145px; }

.two-column:after { clear: left; content: '.'; display: block; height: 0; overflow: hidden; visibility: hidden; }

.two-column div { float: left; width: 272px; }

.two-column > p { clear: left; }

.page .caption { border-bottom: 1px solid rgb(152,163,169); margin: 0; padding: 0.5454em 0; }

.caption em { font-style: normal; font-weight: bold; }

.article h4, .article h5, .page p, .page li, dt, dd { font-size: 1.1em; line-height: 1.2727; }

.page p { margin: 0.6363em 0 1.2727em; }

.article h4, .article h5, .page li { margin: 0.6363em 0; }

dd { margin-bottom: 1.2727em; }



/* story template */

.story { min-height: 82px; position: relative; padding-left: 145px; }

.story > a { left: 0; position: absolute; top: 2px; }

.story img { background-color: rgb(102,102,102); border: 1px solid rgb(204,204,204); display: block; height: 80px; width: 120px; }

.story h4 { margin-top: 0; }

.story .time { color: rgb(102,102,102); margin: 0 !important; }



/* bio template */

.bio { margin: 0.6363em 0 1.2727em; min-height: 76px; padding-left: 75px; position: relative; }

.two-column .bio { width: 197px; }

.bio img { background-color: rgb(102,102,102); height: 76px; left: 0; position: absolute; top: 0; width: 62px; }

.bio h5 { font-weight: normal; margin-top: 0; }

.bio h5 strong { display: block; }

.bio ul { list-style: none; }



/* vcard template */

.vcard { margin: 0.6363em 0; }

.vcard h5, .vcard p { margin: 0 !important; }

.vcard a.action { display: block; margin: 0.6363em 0; }



/* promo template */

.promo img { display: block; margin-bottom: 6px; }

.promo h4 { border-top: 4px solid rgb(212,218,224); color: rgb(59,115,185); font-size: 1.3em; font-weight: 500; padding-top: 9px; }

@media screen,projection { .promo h4 span.cufon { margin-right: -5px; } }

.promo ul { list-style: none; }



/* lightbox component */

.lb-overlay { background-color: rgb(0,0,0); height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 9000; }

.lb-loading { background: rgb(0,0,0) url(images/lightbox-loader.gif) no-repeat 0 0; border: 30px solid rgb(0,0,0); height: 32px; left: 50%; margin-left: -54px; position: absolute; width: 32px; z-index: 9001; }

.lb-content { background-color: rgb(0,0,0); border: 30px solid rgb(0,0,0); color: rgb(255,255,255); min-height: 386px; margin-left: -372.5px; position: absolute; left: 50%; width: 685px; z-index: 9002; }

.lb-content .player { clip: rect(0px,480px,386px,0px); height: 476px; left: 0; position: absolute; top: 0; width: 685px; }

.lb-content .meta { margin-left: 500px; overflow: hidden; width: 185px; }

.lb-content h2 { left: -9999px; position: absolute; }

.lb-content h3 { font-size: 1.5em; font-weight: normal; line-height: 1.2; }

.lb-content h4 { border-top: 1px solid rgb(102,102,102); font-size: 1.1em; font-weight: bold; line-height: 1; margin: 2.7273em 0 1.0909em; padding-top: 0.9091em; }

.lb-content p { font-size: 1.1em; line-height: 1.2727; margin: 0.6363em 0; }

.lb-content li { background: transparent url(images/lightbox-white-arrow.gif) no-repeat 0 5px; font-size: 1.1em; line-height: 1.2727; list-style: none; margin-bottom: 0.1818em; padding-left: 9px; }

.lb-content a:link, .lb-content a:visited { color: rgb(255,255,255); }

.lb-content a.action.download { background-image: url(images/lightbox-download-icon.gif); }

.lb-content .close { background: transparent url(images/lightbox-close.gif) no-repeat 0 0; height: 10px; overflow: hidden; position: absolute; right: -20px; text-indent: -9999px; top: -21px; width: 45px; }

.lb-content img { display: block; margin: 0 auto; max-width: 685px; }

.lb-content .errorMsg { line-height: 386px; text-align: center; }



/* footer */

#footer { border-top: 1px solid rgb(152,163,169); padding: 2.5em 0; }

#footer ul, #footer li, #footer p { display: inline; }

#footer li, #footer p { font-size: 1.1em; }

#footer p, #footer a:link, #footer a:visited { color: rgb(102,102,102); }

#footer li:after { color: rgb(204,204,204); content: '|'; padding: 0 7px 0 9px; }