body {
background:url(../images/back.jpg) repeat-x #6d2c26;
color:#FFFFFF;
text-align:center;
font-family:Arial, 'Sans Serif';
font-size:12px;
height:100%;
}

a {
color:#319db0;
text-decoration:none;
}

a:hover {
color:#319db0;
text-decoration:underline;
}

#page {
width:800px;
padding-left:20px;
margin:auto;
text-align: left;
background:url(../images/shani.jpg) no-repeat top left;
}

#header {
width:555px;
height:247px;
float:right;
position:relative;
overflow: hidden;
display:block;
}

#header h1 {
position:absolute;
text-indent: -9999px;
display:block;
width:390px;
height:164px;
top:40px;
left:0px;
background:url(../images/logo.jpg) no-repeat;
}

#header .voteBadge {
text-indent: -9999px;
width:166px;
height:109px;
display:block;
position: absolute;
background:url(../images/voteBadge.jpg) no-repeat;
top:0px;
right:0px;
}

#banner {
width:800px;
height:50px;
clear:both;
}

#banner ul {
float:right;
display:block;
}

#banner ul li {
display:block;
float:left;
}

#banner ul li a.facebook {
width:105px;
text-indent: -9999px;
height:42px;
background:url(../images/facebookLogo.jpg) no-repeat;
display:block;
float:left;
}

#banner ul li a.twitter {
width:111px;
text-indent: -9999px;
height:42px;
background:url(../images/twitterLogo.jpg) no-repeat;
display:block;
float:left;
}

#mainarea {
width:800px;
clear:both;
overflow: hidden;
display:table;
height:330px;
}

#sidebar {
width:225px;
float:left;
display:block;
}

.clock {
margin:100px 0 0 0;
width:180px;
display:block;
}

.clock h3 {
background:url(../images/h3_whatDoYouThinkItsTimeFor.jpg) no-repeat;
width:180px;
height:39px;
display:block;
text-indent: -99999px;
}

.clock a.clickHere {
background:url(../images/a_clickHere.jpg) no-repeat;
width:180px;
height:23px;
display:block;
text-indent: -99999px;
}

#contentarea {
width:575px;
float:right;
display: block;
}

h2.wereWorkingOnBringingYouAWebsite {
background:url(../images/h2_wereWorkingOnBringingYouAWebsite.jpg) no-repeat;
width:100%;
height:35px;
display:block;
text-indent: -99999px;
}

p {
line-height:18px;
margin:5px 0 20px 5px;
}

form.officialWebsiteLaunch {
position:relative;
overflow: hidden;
}

form.officialWebsiteLaunch h3 {
background:url(../images/h3_form.jpg) no-repeat;
width:100%;
height:26px;
display:block;
text-indent: -99999px;
}

form.officialWebsiteLaunch p {
float:left;
display:block;
width:222px;
height:39px;
background:url(../images/inputBox.jpg) no-repeat;
margin-bottom:5px;
}

form.officialWebsiteLaunch p.textbox input {
width:180px;
height:20px;
font-size:16px;
color:#369fb2;
background:#e6e6e6;
font-weight:bold;
font-style:italic;
border:none;
padding:0px;
margin:10px 0 0 15px;
}

form.officialWebsiteLaunch p.selectbox {
background:url(../images/selectBox.jpg) no-repeat;
position:relative;
}

form.officialWebsiteLaunch p.selectbox select {
position:absolute;
margin:0px;
background:#e6e6e6 url(../images/selectBox.jpg) no-repeat top center;
border:none;
width:190px;
font-size:14px;
color:#369fb2;
background:#e6e6e6;
font-weight:bold;
font-style:italic;
top:10px;
left:15px;
}

form.officialWebsiteLaunch p.selectbox span {
text-decoration: none;
height:40px;
width:40px;
font-size:16px;
color:#369fb2;
background:#e6e6e6 url(../images/selectBox.jpg) no-repeat top right;
font-weight:bold;
font-style:italic;
position:absolute;
z-index:1000;
margin:0px;
top:0px;
right:0px;
line-height:39px;
}

form.officialWebsiteLaunch p.submit {
background:none;
}

form.officialWebsiteLaunch p #submit {
background:url(../images/signMeUpButton.png) no-repeat top left;
text-indent:-99999px;
margin:0px;
border:none;
width:215px;
height:37px;
display: block;
}

form.officialWebsiteLaunch p #submit:hover {
background:url(../images/signMeUpButton.png) no-repeat bottom left;
}

#footer {
width:100%;
text-align: center;
height:90px;
position:relative;
overflow: hidden;
background:url(../images/footer.jpg) repeat-x bottom left;
}

#footer .inner {
width:800px;
margin:auto;
text-align: left;
overflow: hidden;
background:url(../images/aGreenCampaignLogo.jpg) no-repeat 683px top;
height:89px;
margin-top:1px;
}

#footer .inner ul {
margin-top:42px;
}

#footer .inner ul li {
float:left;
display: block;
}

#footer .inner ul li a {
color:#a8e6f1;
font-size:14px;
line-height:47px;
text-decoration: none;
font-weight:bold;
font-style:italic;
font-family:"Myriad Pro", Arial;
}

#footer .inner ul li a:hover {
color:#dbdc7a;
}

#footer .inner ul li a.ericnunlee {
display:block;
float:left;
width:181px;
height:47px;
background:url(../images/ericnunlee.jpg) no-repeat;
text-indent: -99999px;
}

#footer .inner ul li a.ericnunlee:hover {
background:url(../images/ericnunleeOver.jpg) no-repeat;
}

#footer .inner ul li a.contactUs {
display:block;
float:left;
width:70px;
height:47px;
background:url(../images/footerContactUs.jpg) no-repeat;
text-indent: -99999px;
}

#footer .inner ul li a.contactUs:hover {
background:url(../images/footerContactUsOver.jpg) no-repeat;
}

#footer .inner ul li a.paidFor {
display:block;
float:left;
width:382px;
height:47px;
background:url(../images/footerPaidFor.jpg) no-repeat;
text-indent: -99999px;
}

#footer .inner ul li a.paidFor:hover {
background:url(../images/footerPaidForOver.jpg) no-repeat;
}

#backgroundPopup{
display:none;
position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:1000;
}

#popupClose {
display:none;
position:absolute;
height:340px;
width:450px;
left:50%;
margin-left:-225px;
top:500px;
z-index:2000;
padding:25px 40px;
}

#popupClose a {
display:block;
width:215px;
height:37px;
background:url(../images/popupCloseButton.png) no-repeat top left;
margin-left:120px;
text-indent: -9999px;
}

#popupClose a:hover {
background-position: bottom left;
}

#popup {
display:none;
position:absolute;
height:340px;
width:450px;
left:50%;
margin-left:-225px;
top:100px;
background:url(../images/popupBack.png) no-repeat;
z-index:2000;
padding:25px 40px;
}

#popupForm {
width:500px;
position:relative;
overflow: hidden;
}

form#popupForm h3 {
background:url(../images/h3_form.jpg) no-repeat;
width:100%;
height:26px;
display:block;
text-indent: -99999px;
}

form#popupForm p {
float:left;
display:block;
width:222px;
height:39px;
background:url(../images/inputBox.jpg) no-repeat;
margin-bottom:0px;
}

form#popupForm p.textbox input {
width:185px;
height:20px;
font-size:16px;
color:#369fb2;
background:#e6e6e6;
font-weight:bold;
font-style:italic;
border:none;
padding:0px;
margin:10px 0 0 5px;
}

form#popupForm p.selectbox {
background:url(../images/selectBox.jpg) no-repeat;
position:relative;
}

form#popupForm p.selectbox select {
position:absolute;
margin:0px;
background:#e6e6e6 url(../images/selectBox.jpg) no-repeat top center;
border:none;
width:190px;
font-size:14px;
color:#369fb2;
background:#e6e6e6;
font-weight:bold;
font-style:italic;
top:10px;
left:15px;
}

form#popupForm p.selectbox span {
text-decoration: none;
height:40px;
width:40px;
font-size:16px;
color:#369fb2;
background:#e6e6e6 url(../images/selectBox.jpg) no-repeat top right;
font-weight:bold;
font-style:italic;
position:absolute;
z-index:1000;
margin:0px;
top:0px;
right:0px;
line-height:39px;
}

form#popupForm p #submitPopup {
background:url(../images/sendMessageButton.png) no-repeat top left;
text-indent:-99999px;
margin:0px;
border:none;
width:215px;
height:37px;
display: block;
}

form#popupForm p #submitPopup:hover {
background:url(../images/sendMessageButton.png) no-repeat bottom left;
}

#popupForm h2 {
background:url(../images/popupFormH2.jpg) no-repeat;
width:440px;
height:64px;
text-indent:-99999px;
}

#popupForm textarea {
background:url(../images/textarea.jpg) no-repeat;
width:400px;
height:128px;
padding:20px;
border:none;
font-size:16px;
color:#369fb2;
font-weight:bold;
float:left;
display:block;
margin:0 0 0 5px;
font-style:italic;
font-family:"Myriad Pro", Arial;
}



ul#response {
position:absolute;
width:600px;
height:300px;
z-index:1000;
background:#6D2C26;
display:none;
float:left;
top:20px;
padding:20px 0 0 10px;
left:0px;
}

ul#response li {
line-height:25px;
height:25px;
}


ul.response {
position:absolute;
width:450px;
height:300px;
z-index:2000;
background:url(../images/popupBack.jpg) left center;
display:none;
float:left;
top:0px;
padding:20px 0 0 10px;
left:0px;
}

ul.response li {
line-height:25px;
height:25px;
}