/********************************************* 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 { margin: 0; padding: 0; border: 0;	outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q {	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* only redefine a focus styles, not other ones (namely, input) bc browsers highlight them differently and we shouldn't mess with that*/ a:focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }


/******************************************** FONTS *****************************************

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
*/

/***************************************** BASE STYLES ***************************************/

/* body */
body {
font-size: 62.5%; /* 10px default font */
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
background-image:url(../img/bg_gradient.jpg);
background-repeat:repeat-x;

/*
background: url('http://www.ethanresnick.com/reportLA/baseline.gif');
*/

line-height: 1.8em;
_text-align:center; /*IE 5.5*/
}

html>body {
font-size: 10px; /*ie will ignore this rule, but it sets the base font size explicitly for newer browsers that resize pixel-sized text, were the default font-size they use ever to change in the future */
}

.page {width:897px;  margin: 0 auto; _text-align:left; /*background-image:url(baseline.gif);*/ overflow:hidden; }
.body{_zoom:1; clear:both; }

/*lists*/
ol, ul {list-style-position:inside; }
ol li {list-style-type: decimal; display:list-item; }
ul, ul li {list-style-type: disc; }

/* links (default color is blue, with green on hover) */
a, #section { color:#1D8DDD; text-decoration: none; }
a:focus, a:hover { color:#37a600 !important; }
a:focus {outline:1px dotted #333; }


/*formatting + images */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}


/*acronyms and abbreviations */
abbr, acronym 
{
	border-bottom-width:1px;
	border-bottom-style:dashed;
}



/****************************************** TEMPLATE *****************************************/

.column {margin-right:21px; float:left; display:inline; } /*floating and the gutter */

.oneUnitCol {width:81px; }
.twoUnitCol {width:183px; }
.threeUnitCol {width:285px; }
.fourUnitCol {width:387px; }
.fiveUnitCol {width:489px; }
.sixUnitCol {width:591px; }
.sevenUnitCol {width:693px; }
.eightUnitCol {width:795px; }
.fullWidthCol {width:897px; }

.lastCol, .lastColAndInContainer {margin-right:0; }

.body {padding-bottom:7.2em; margin-top:-1px; /*border compensation */}
.body > .sixUnitCol {padding-left:102px; }

.leadTop {padding-top:1.8em; }
.imgReplace.leadTop {margin-top:1.8em; padding-top:0; }

.leadTop2 {padding-top:3.6em; }
.leadBottom {padding-bottom:1.8em; }

/*************** EXTENDERS *******************/
.imgReplace {text-indent:-1000em; }
.imgReplace a {display:block; }
.accessibility {position:absolute; left:-1000em; }
.center {margin-left:auto; margin-right:auto; display:block; }

ul.simpleList li, ol.simpleList li {list-style-type: none; }
ul.simpleList, ol.simpleList {margin-left:0 !important; }
ul.navThree li, ol.navThree li {width:32%; }
ul.navFour li, ol.navFour li {margin-right:1.6153846em; }
ul.navFour li.lastLI, ol.navFour li.lastLI {margin-right:0; }
ul.navThree li a, ol.navThree li a {width:100%; height:100%; }

.clearFix {clear:both; width:100%; overflow:hidden; _zoom:1; }

ul.miscFunctionLinks li {float:left; display:inline; }
ul.miscFunctionLinks li a {color:#aaa; }

.presentationalBold {font-weight:bold; }
.indentFromRule {margin-left:4px; }

.left {float:left; display:inline; }
.right {float:right; display:inline; }

.linkEmphasize {text-transform:uppercase; }

.presentationalItalic, .workTitle {font-style:italic; }

/****************************************************** ETHAN OVERIDES ********************************************************/


/******* ELEMENTS ******/
/*TO COMPENSATE FOR ALL CAPS, MULTIPLY BY 61/49), set line height to 1 and multiply the margin/paddings to compensate */

.h1 {font-weight:bold; font-size:240%; color:#636363; line-height:1em; width:500px; margin-top:1.79166em; margin-bottom:.208333em; } /*900% = 1em in margin */


.h2 {font-size:170%; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:800; line-height:1.058823em; text-transform:uppercase; color:#37a600!important; text-align:left; }
.h2.leadBottom2 {padding-bottom:2.117647em;  }
.h2.leadTop3 {padding-top:3.17647em; }

.h3 {font-size:160%; font-weight:800; line-height:1.125em; text-transform:uppercase; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; color:#707070; position:relative; top:2px; /*an all caps compensation. impt to note use of position relative, which prevents everything else from being messed up*/ }
.h3.leadTop {padding-top:1.125em; }
.h3.leadTop2 {padding-top:2.25em; }
.h3.leadTop3 {padding-top:3.375em; }
.h3.leadTopIrregular {padding-top:3.871248em; } /* 3.444111 lines bc logo = 4.333 lines, and h3 = 16/18 lines and (4.333-(16/18)) = 3.444111 * (18/19.9) = 3.1155 */
.h3.leadBottom {padding-bottom:1.125em; }

.h4 {font-size:170%; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:800; line-height:1.058823em; color:#a88c00!important; text-align:left; font-style:italic; display:inline; }
.h4.leadBottom {padding-bottom:1.058823em; }
.h4.leadTop {padding-top:1.058823em; }
.h4.leadTop2 {padding-top:2.117647em; }
.h4.center {display:block; text-align:center; }
	
.h5 {font-size:130%; font-style:italic; line-height:1.384615em; color:#1D8DDD; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; }
.h5.leadTop {padding-top:1.5em; }


.h6 {display:inline; font-size:130%; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:800; line-height:1.384615em; color:#a88c00!important; text-align:left; margin-left:1.2em;  margin-right:1.2em; position:relative; top:1px; }

.h3.formal, .h4.formal, .h5.formal, .h6.formal {text-transform:none; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; color:black!important; font-style:normal; } /* make our headings a bit less bubbly sometimes */

.h6.formal {margin:0; font-weight:bolder; }


.nav.leadTopOneThird {margin-top:.4137889em; /* (18/16.183674)  * .333333 */ }
.nav.leadBottom4 {margin-bottom:5.5em; /*a unique value to get us back on rythym */ }
.nav a {font-size:100%; padding:0; display:block; margin:0; color:#707070 !important; }

/*base styles*/
.nav {font-size:150%; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:800; text-transform:uppercase; line-height:1.2em; color:#707070; width:100%; list-style-type:none; }

.nav li.active, .nav li.active a, .nav li:hover, .nav li:hover > a {color:#1D8DDD !important; }


.nav li {list-style:none; list-style-type:none; float:left; display:inline; position:relative; margin:0 3.6em 0 0; padding:0; width:auto; }

/*second level styling */
ul.nav ul, ol.nav ol {position:absolute; width:auto; font-size: .75em; margin:0; visibility:hidden; z-index:130; }
ul.nav li:hover ul, ul.nav ul:active ul {visibility:visible; }
ul.nav li li, ol.nav li li {padding:0; margin:0; width:15em; }
ul.nav li li a {display:block; }


/* lists */
ul.eachLILeadBottom li,   ol.eachLILeadBottom li {padding-bottom:1.8em; }
ul.eachLILeadBottom2 li, ol.eachLILeadBottom2 li {padding-bottom:3.6em; }
ul.eachLILeadBottom3 li, ol.eachLILeadBottom3 li {padding-bottom:5.4em; }

/*if the list is in bodytext, its font is bigger, so we need new padding amounts */

.bodyText ul.eachLILeadBottom li  { padding-bottom:1.3846153em; } 
.bodyText ul.eachLILeadBottom2 li { padding-bottom:2.7692306em; } 
.bodyText ul.eachLILeadBottom3 li { padding-bottom:4.1538459em; } 


ul.eachLILeadBottom li:last-child, ul.eachLILeadBottom2 li:last-child, ul.eachLILeadBottom3 li:last-child {padding-bottom:0; }

em {font-size:120%; color:#404040; font-style:italic; }
em.leadTop2 {padding-top:3em; display:block; }
.bodyText p em {font-size:100%; }

blockquote .h2, blockquote p.h2 {font-weight:normal; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-size:180%; line-height:1em; }
blockquote .h2.leadTop {padding-top:1em; }



strong, .strong {font-weight:bold; font-size:100%; }
.bodyText .strong.leadTop {padding-top:1.5em; }

.bodyText p, .bodyText address
{
	font-size: 130%;
	line-height: 1.3846153em;
	text-align: justify;
	color:#404040;
	display:block;
}

.bodyText ul li p, .bodyText ol li p, .bodyText ul li .h3, .bodyText ol li .h3, .bodyText ul li .h4, .bodyText ol li .h4, .bodyText ul li .h5, .bodyText ol li .h5, .bodyText p .h6
	{
		font-size:1em;  /*don't blow up paragraphs if they're already in lists which are blown up. same for other elements as well */
	} 
	
.bodyText p+p
{	
	margin-top: 1.3846153em;
}


form
{
	font-size: 120%;
	line-height: 1.5em;
	text-align: left;
	color:#404040;
}

label {vertical-align:top; }

.bodyText ul li, .bodyText ol li
	{
		font-size: 130%;
		line-height: 1.3846153em;
		text-align: left;
		color:#404040;
	}


.bodyText ul {margin-left:2em; margin-bottom: 1.3846153em; }

.ruleDotted {border-style:dotted; border-width:0; }
.ruleDoubleBorder {border-style:double; border-width:0;  }
.ruleSolid {border-style:solid; border-width:0;  }

.ruleTopWidthTen {border-top-width:10px; }
.ruleTopWidthOne {border-top-width:1px; }
.ruleTopWidthThree {border-top-width:3px; }

.ruleBottomWidthTen {border-bottom-width:10px; }
.ruleBottomWidthOne {border-bottom-width:1px; }
.ruleBottomWidthThree {border-bottom-width:3px; }

.ruleColorBlue {border-color:#06237c; }
.ruleColorDarkerGray {border-color:#666; }
.ruleColorDarkGray {border-color:#888; }
.ruleColorLightGray {border-color:#aaa; }


.miscFunctionLinks {color:#aaa; font-size:110%; line-height:1.636363em; text-transform:uppercase; margin-right:0; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:600; } 
.miscFunctionLinks li {float:left; color:#aaa; margin-right:1.9em; display:inline; }
li.lastLI {margin-right:4px; }


.push-1 {position:relative; left:102px; }
.push-2 {position:relative; left:204px; }
.pull-1 {position:relative; left:-102px; }



/****** UNIQUE BAD PRACTICE STUFF ******/

/********* MASTHEAD ****************/
.head h1 {background-image:url(../img/logo.gif); background-repeat:no-repeat; float:left; display:inline; }
.head h2.h3 {float:right; display:inline; padding-top:2.25em; font-size:220%; line-height:1em; top:0; /*override the all caps compensation that most .h3s get, bc we already built it in */ }

#backToSite {position:absolute; left:-2px; right:0; top:4.2em; /*2.3333 lines at 10px font */ _zoom:1; }

/* BACKGROUNDS */
.bg-format {/*background-image:url(../img/bg_2.gif);*/ background-position:600px 0px; background-repeat:no-repeat; }
.buy {background-image:url(../img/buyButtons.gif); background-position:-86px 0; background-repeat:no-repeat; text-indent:-1000em; height:23px; width:86px; display:block; margin-top:-4px; position:relative; top:2px; }
a.buy:hover {background-position:0px 0px; }


/** PRODUCT PAGE **/
#quoteContainer {margin-left:102px; /*one grid unit*/ }
#quoteContainer p {padding-right:40px; /*so it doesn't go right up to the edge, stops midway under the orb*/ }

.trailerButton {display: block; height:36px; text-indent:-1000em; background:url('../img/trailer.gif'); background-repeat:no-repeat; margin-left:480px; position:relative; top:4px; margin-top:-20px; }

.underhangLeftBadge {margin-left:55px; /*an arbitrary number to cover the badge overhang */}
#questImg {position:relative; left:55px; }
#comboHeadings {margin-left:-80px; /*-55 to get it back on the same line and then a 30px pull */} 

#awards {margin-left:0; background-image:url('../img/awards.gif'); height:277px; }