/* Layout */
body 										{background: #D4D4D4 url(http://rs.xango.com/images/eleviv/bg.jpg) repeat-x left top; font-family: Helvetica; color: #51a800; font-size: 14px;}
#mainWrap									{margin-top: 0px;}
#header, #main, #footer 					{margin: 0 auto; width: 920px; padding: 0 20px;}
#logoBox									{width: 320px; float: left; margin-top: 10px}
#logoPlayer									{height: 100px; position: relative; left: -10px;}
*:first-child+html div#logoBox				{position: relative; top: 0;}
#xangoBox									{text-align: right;} 
#xango-logo 								{margin-top: 40px; margin-right: 0; padding:0;}
#vidContainer								{width: 500px; float: left; height: 360px;}
#vidPlayer	 								{height: 304px; background: #000 url(http://rs.xango.com/images/eleviv/loading.gif) no-repeat 50% 50% }
#callToAction								{padding-top: 30px; width: 360px; float: right; text-align: right; margin-top: 20px;}
#footer										{margin-top: 30px;}
#footer a img								{border: none;}
.footCol									{float: left; text-align: center; margin-right: 20px;}
.col1										{position: relative; top: 6px;}
#footer small								{display: block; margin-top: 20px;}
*:first-child+html #footer small			{margin-top: 40px;}
/* stuff */
#buyBtn										{margin-top: 5px;}	
#surveyBtn, butBtn							{cursor: pointer;}	
.clear										{clear: both;}
#teaserH									{padding-bottom: 0; margin-bottom: 0; margin-top: -25px}
#thumbs										{width: 920px; margin: 0 auto 0 auto; position: relative; top: 10px;}
*:first-child+html #thumbs					{top: -10px;}
#thumbs img									{-moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
#thumbs img:hover							{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
#thumbs h3									{margin-bottom: -10px; margin-top: 15px;}
.imgThumb									{margin-right: 10px; border: 3px solid #51a800; margin-top: 10px;}
.imgThumb1									{margin-left: 0; border: 3px solid #51a800; float: left;}
.socIcons									{margin-right: 4px; position:relative; top: 2px;}
a											{color: #0099ff; text-decoration: none;}
a:hover										{color: #ff6600;}
h1, h2, h3, h4, h5							{font-weight: normal;}

/* survey */
#main h1									{margin: 20px 0;}
p											{color: #666; font-size: 18px; line-height: 30px;}
p.introduction:first-letter 				{font-size : 250%;font-weight : bold;float : left;width : 2em;color : #51a800; margin-right: 20px; padding-top: 10px;}
p.introduction span 						{font-weight: bold;color: #51a800;line-height: 0pt;}
p.regP										{margin-left: 45px;}
ul#poms										{list-style-type: none; display: block; width: 940px; text-align: center; clear: both; margin:0 0 0 20px; padding:0}
ul#poms li									{width: 120px; float: left; font-size: 1.5em;}
strong										{color: #51a800}
.tearDrop 									{width: 80px; float: left; }
.tearDrop h3								{font-size: 40px; margin-top:20px; padding:0; line-height: 1em;}
*:first-child+html .tearDrop h3 			{margin-top:0;}
.questionMain								{width: 700px; float: left; margin-left: 10px; }
.answerChoices td							{padding-bottom: 4px;}

/* results */
span.score									{color: #0099ff; font-size: 1.5em; padding: 5px 20px; background-color: #f9f9f9;}
#leftSide									{width: 450px; float: left; margin-right: 19px; }
#leftSide h2								{font-size: 35px;}
#rightSide									{width: 430px; float: left; border-left: 1px dotted #ddd; padding-left: 20px;}
#rightSide h2								{font-size: 25px; margin-top: 40px;}
#rightSide h3								{font-size: 18px; }
.chartImgSmall								{margin-top: -20px; }

.tipsy 										{padding: 5px; font-size: 14px; line-height: 1.2em; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner 								{padding: 10px; background-color: #51a800; color: white; text-align: left; }
.tipsy-north 								{background-image: url(http://rs.xango.com/scripts/jquery/tipsy/tipsy-northG.gif); background-position: top center;}

