body {margin:0px; padding:0px; background:url(../images/bodyBg.png) repeat} a {outline:0px; text-decoration:none} h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; font-weight:normal} div, span, p, blockquote, img, ul, li {margin:0px; padding:0px} #head {width:100%; float:left; background:#000000 url(../images/headBg.png) no-repeat center top} #headSupport {width:100%; height:716px; float:left; background:url(../images/headBottom.png) repeat-x center bottom} #headHold {width:803px; margin:0 auto;} #headTop {width:803px; height:99px; margin:42px 0 0 0; float:left; position:relative; background:url(../images/headTop.png) no-repeat} #headTop h1 {width:281px; height:93px; margin:3px 0 0 3px; float:left; text-indent:-9999px; background:url(../images/codeDemocracy_logo.png) no-repeat center top} #headTop h1 a {width:281px; height:93px; float:left} #headTop a.toplink {width:auto; float:left; position:absolute; top:-30px; right:50px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#938a84} #headTop ul {width:388px; height:68px; margin:17px 0 0 0; float:right;} #headTop ul li {width:180px; float:left; margin:0 5px 0 0; display:block} #headTop ul li a {width:180px; height:68px; float:left;} #headTop ul li a img {border:none; float:left;} #headTop ul li a span.name {width:auto; margin:16px 0 0 0; float:left; font-family:Rockwell; font-size:17px; color:#FFFFFF; text-indent:11px} #headTop ul li a span.version {width:auto; margin:3px 0 0 0; float:left; font-family:Rockwell; font-size:9px; color:#FFFFFF; text-indent:11px} #banner {width:803px; margin:23px 0 0 0; float:left; position:relative} #banner .contentdiv {width:803px; height:475px; margin:0px; float:left} #banner .contentdiv img.hup {width:auto; margin:0 0 0 17px; float:left} #banner .contentdiv img.ext {width:auto; margin:0px; float:left} #banner .contentdiv .right {width:340px; height:282px; margin:62px 0 0 16px; float:left} #banner .contentdiv .right h3 {width:100%; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#c4b194; line-height:21px; font-style:inherit} #banner .contentdiv .right ul {width:134px; margin:12px 0 0 0; float:left} #banner .contentdiv .right ul li {width:134px; float:left; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#73614a; line-height:21px; text-decoration:underline; font-style:italic} #banner p.hup {width:100%; height:115px; float:left; font-family:Rockwell; font-size:30px; color:#c5b294; line-height:35px} #banner p.hup span {font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#73614a; line-height:15px; font-style:italic} #banner p.ext {width:100%; float:left; font-family:Rockwell; font-size:30px; color:#c5b294; line-height:35px} #banner span.ext2 {width:100%; float:left; margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#73614a; line-height:15px; font-style:italic} #banner a.rhup {width:139px; height:43px; margin:43px 0 0 0; float:left; text-indent:-9999px; background:url(../images/read.png) no-repeat} #banner a.apphup {width:197px; height:68px; margin:0 0 0 25px; float:left; background:url(../images/appStore.png) no-repeat} #banner a.twitt {width:90px; height:37px; padding:0 0 0 28px; margin:19px 0 0 17px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#562f26; text-transform:uppercase; background:url(../images/twitter.png) no-repeat} #banner a.twitt em {font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase; font-size:10px; color:#FFFFFF; font-style:italic} #midPannel {width:100%; height:217px; float:left; background:url(../images/midPannelBg.png) repeat-x left bottom} #midPannelSupport {width:803px; height:217px; margin:0 auto} #midPannel .contact {width:393px; height:199px; margin:19px 0 0 54px; float:left; background:url(../images/midBg.png) no-repeat 38px bottom} #midPannel .contact h2 {width:100%; float:left; font-family:Rockwell; font-size:24px; font-weight:normal; color:#b09f84; line-height:30px} #midPannel .contact p {width:100%; float:left; font-family:Rockwell; font-size:12px; font-weight:normal; color:#b09f84; line-height:16px} #midPannel .contact p.sub {color:#ffe7c0; font-style:italic} #midPannel blockquote {width:330px; margin:22px 0 0 0; padding:5px 0 0 0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5b5349; line-height:22px; font-style:italic; text-indent:40px; background:url(../images/quotUp.png) no-repeat} #midPannel p.testim {width:110px; height:33px; margin:23px 0 0 156px; padding:0 44px 0 0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#b09f84; line-height:18px; text-align:right; background:url(../images/quotDown.png) no-repeat right top} #midPannel p.testim em {font-size:12px; font-style:italic} #foot {width:100%; height:156px; margin:32px 0 0 0; float:left} #footSupport {width:803px; height:156px; margin:0 auto; background:url(../images/footLogo.png) no-repeat 0 -10px} #footSupport ul {width:auto; margin:0 0 0 54px; float:left} #footSupport ul li {width:auto; float:left; display:block} #footSupport ul li.space {width:auto; float:left; padding: 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4f4f4f; line-height:15px} #footSupport ul li a {width:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4f4f4f; line-height:15px; font-style:italic} #footSupport ul li a:hover {color:#5d5d5d} #footSupport p {width:100%; margin:60px 0 0 0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4f4f4f; line-height:15px; text-indent:56px} #headSupportInn {width:100%; height:422px; float:left; background:url(../images/headBottomInn.png) repeat-x center bottom} #headSupportInn h2 {width:517px; height:39px; margin:20px 0 0 40px; float:left; font-family:rockwell; font-size:30px; font-weight:bold; color:#c5b294} #headSupportInn h2 .bottom {font-size:15px; width:100px; font-style:normal; float:none; float:left; font-family:rockwell; color:#c5b294;} #headSupportInn a.app {width:197px; height:68px; margin:22px 0 0 0; float:left; background:url(../images/appStore.png) no-repeat} #headSupportInn p {width:655px; margin:50px 0 0 38px; float:left; font-family:rockwell; font-size:30px; color:#c5b294; line-height:35px} #contentPanel {width:100%; padding:0 0 70px 0; float:left; background:url(../images/contentBg.png) repeat-x left bottom} .centerAlign {width:803px; margin:0 auto} #contentPanel .left {width:520px; margin:0 0 0 37px; float:left; position:relative} #contentPanel .left p {width:450px; margin:22px 0 0 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#5b5349; line-height:21px; font-style:italic} #contentPanel .left p em {color:#c4b194} #contentPanel .left h4 {width:450px; margin:20px 0 0 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#c4b194; font-style:italic} #contentPanel .left img {position:absolute; top:22px; right:-226px} #contentPanel .left a.play {width:60px; height:56px; background:url(../images/play.png); position:absolute; top:220px; right:-106px; z-index:20;} #contentPanel #info {width:200px; float:left; position:relative; left:0px; top:500px} #contentPanel #info p {width:200px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#5b5349; line-height:21px; font-style:italic} #contentPanel #info p em {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#c4b194; line-height:21px} #contentPanel #info a.twitt {width:90px; height:37px; padding:0 0 0 28px; margin:19px 0 0 0; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#562f26; text-transform:uppercase; background:url(../images/twitter.png) no-repeat} #contentPanel #info a.twitt em {font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase; font-size:10px; color:#FFFFFF; font-style:italic} #contentPanel .leftSup {width:400px; margin: 0 0 0 37px; float:left; position:relative} #contentPanel .leftSup p input[type="text"], #contentPanel .rightSup p input[type="text"] {width:200px; height:25px; padding:5px 0 0 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#5b5349; line-height:21px; font-style:italic; border:#79684c solid 1px; background:#0f0701} #contentPanel .leftSup p select {width:200px; height:25px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#5b5349; line-height:31px; font-style:italic; border:#79684c solid 1px; background:#0f0701} #contentPanel .rightSup p textarea {width:200px; height:75px; padding:5px 0 0 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#5b5349; line-height:21px; font-style:italic; border:#79684c solid 1px; background:#0f0701} #contentPanel .rightSup p input[type="submit"] {width:139px; height:43px; float:left; cursor:pointer; border:0px; background:url(../images/submit.png) no-repeat} #contentPanel .leftSup p,#contentPanel .rightSup p {width:350px; margin:22px 0 0 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#5b5349; line-height:21px; font-style:italic} #contentPanel .leftSup h4,#contentPanel .rightSup h4 {width:400px; margin:20px 0 0 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#c4b194; font-style:italic} #contentPanel .rightSup {width:363px; margin: 0px; float:left; position:relative}