
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}
caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}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%;}
/***********************************/

html { height: 100%; }
body { min-height: 100%; }
strong { font-weight: bold; }
a { color: #f60; text-decoration: none; }
a:hover { color: #f90; }
.clearfix { clear: both; height: 1px; overflow: hidden; }
#top, #navstrip, #leadstrip .inner, #content, #footer { width: 800px; margin: 0 auto; position: relative; }
#header { padding-top: 20px; }
#logo { width: 227px; height: 24px; display: block; overflow: hidden; text-indent: -1000px; text-decoration: none; background-image: url(../images/home/logo_8bit_small.png); margin-bottom: 20px; }
#loginlink { line-height: 24px; padding-right: 10px; position: absolute; right: 0; top: 0; color: #bbb; }
#navstrip { height: 35px; line-height: 34px; }
#navstrip a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; height: 34px; }
#navstripmembers { float: right; }
#navstripmain { float: left; }
#navstripmain a { float: left; margin-right: 20px; }
#leadstrip { background: black url(./blackstrip.png) repeat-x 0 100%; }
#leadstrip h1 { padding: 20px 0; font-size: 22pt; font-family: Arial, Helvetica, sans-serif; color: #33CCFF; letter-spacing: -0.04em; }
#content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 1.5em; margin-top: 20px; }
#content p { margin: 1em 0; }
#content p:first-child, #content h2:first-child { margin-top: 0; }
#content p:last-child { margin-bottom: 0; }
#content h2 { font-family: Arial, Helvetica, sans-serif; margin: 12pt 0; color: #018; font-size: 16pt; letter-spacing: -0.05em; }
#right { width: 320px; float: right; }
#content { width: 800px; }
#content #right p { color: #666; margin: 12pt 0; }
#left { float: left; width: 450px; }
#leaderbuttons { height: 65px; position: relative; padding-bottom: 20px; }
#leaderbuttons iframe { width: 308px; height: 65px; border: 0; position: absolute; top: 0; left: 60px; }
#leaderbuttons #rightbutton { display: block; width: 308px; height: 65px; position: absolute; top: 0; right: 60px; overflow: hidden; text-indent: -1000px; text-decoration: none; background-image: url(../images/home/button_readtestimonials.png); }
#footer { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 20px auto; padding: 10px 0 20px 0; text-align: center; }
#content ul.ticklist li { background: url(./tick_circle.png) no-repeat 0 3px; min-height: 16px; margin: 0.5em 0; padding-left: 24px; }
#content .midbutton { padding: 12pt 0; margin: 12pt 0; border-top: 1px dotted #ccc; text-align: center; border-bottom: 1px dotted #ccc; font-size: 16pt; }
#content .midbutton .inner { margin: 0 auto; width: 308px; height: 90px; }

#content p.quote { font-style: italic; }
#content p.quotesource { text-align: right; font-weight: bold; }
#content span.quoteleft { width: 16px; height: 16px; background: url(./quoteleft.png) no-repeat; padding: 0 8px; overflow: hidden; }
#content span.quoteright { width: 16px; height: 16px; background: url(./quoteright.png) no-repeat 100% 0; padding: 0 8px; overflow: hidden; }
p.youtube { padding: 20px; background-color: #ddd; text-align: center; }
