/*	"All" media styles for GE holiday site - 12.14.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: 480px; }

/* 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; }

/* header */
#head { padding-bottom: 2.4em; }
h1 { left: -9999px; position: absolute; }
#head img { height: 56px; left: -2px; position: relative; width: 209px; }

/* intro */
#intro h2 { background: transparent url(images/dot.gif) repeat-x 0 100%; font-size: 2.4em; font-weight: 500; line-height: 1.1666; padding-bottom: 0.25em; }
#intro p { background: transparent url(images/dotted-line.gif) repeat 0 0; font-size: 1.7em; line-height: 1.7647; margin: 0 0 1.7647em 0; }
@media screen,projection { 
	#intro h2 span.cufon { margin-right: -8px; }
	#intro p span.cufon { margin-top: -1px; margin-right: -6px; }
}

/* form */
#form { background: transparent url(images/dot.gif) repeat-x 0 0; margin: 2.8em 0 1.4em; padding-bottom: 2.8em; position: relative; }
#form legend { display: none; }
#form h3 { font-size: 1.7em; line-height: 1.6470; margin-bottom: 0.8235em; }
@media screen,projection {
	#form h3 span.cufon { margin-right: -6px; }
}
#form div { float: left; width: 220px; }
#form label { display: block; font-size: 1.1em; line-height: 1.2727; }
#form input { border: 1px solid rgb(204,204,204); width: 200px; }
#form button { background: #3b73b9 url(images/button-white-arrow.gif) no-repeat 4px 4px; border: 1px solid #3b73b9; clear: left; color: #fff; cursor: pointer; display: inline-block; font-size: 1.1em; line-height: 11px; font-variant: small-caps; font-weight: 300; height: 17px; margin-top: 1.2727em; padding: 1px 6px 2px 15px; text-transform: lowercase; white-space: nowrap; }
#form button .cufon { margin-top: -4.75px; }
#form .error_msg { color: rgb(255,0,0); }
#form ul.error_msg, #form p.error_msg, #form img { bottom: 0; list-style: none; font-size: 1.1em; position: absolute; }

/* footer */
#footer { border-top: 1px solid rgb(204,204,204); 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; }
