body {
	background: #f3ece2 url(../images/body-bg.jpg) repeat-x;
	color: #000;
	font: 12px/1.5 "Helvetica Neue",Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	position: relative;
}

.clearfix:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.clearfix
{
	display:block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height:1%;
}
 /*End hide from IE-mac*/
 
/*Global*/

li {
  list-style-position:inside;
} 

a {color:#b07211;}

#page img {
  border: 5px solid #37332d;
}

#page img.alignright {
  float:right;
  margin: 0 0 20px 20px;
}

#page img.alignleft {
  float:left;
  margin: 0 20px 20px 0;
}
 
/*Headers*/

h1 {font-size: 36px;}
h2 {font-size: 24px;margin-bottom:10px;}
h3 {font-size: 16px;margin-bottom:10px;}

h1.pledge {
  height:79px;
  background:url(../images/header-pledge.png) no-repeat;
  text-indent:-9999px;
}
body.who-we-are h1 {
  height: 29px;
  text-indent:-9999px;
  background: url(../images/header-whoweare.png) no-repeat;
}
body.join-the-call h1 {
  height: 29px;
  text-indent:-9999px;
  background: url(../images/header-join.png) no-repeat;
}
h1.jointhecall {
  height: 29px;
  text-indent:-9999px;
  background: url(../images/header-join.png) no-repeat;
}
body.learn-more h1 {
  height: 29px;
  text-indent:-9999px;
  background: url(../images/header-learnmore.png) no-repeat;
}
body.tell-a-friend h1 {
  height: 29px;
  text-indent:-9999px;
  background: url(../images/header-tellafriend.png) no-repeat;
}
h2.signpetition {
  height: 29px;
  background:url(../images/header-signpetition.png) no-repeat;
  text-indent:-9999px;
}
h2.fortyminutes {
  height: 18px;
  background:url(../images/header-40minutes.png) no-repeat;
  text-indent:-9999px;
}
h2.contactus {
  height: 18px;
  background: url(../images/header-contactus.png) no-repeat;
  text-indent:-9999px;
}


/*Custom Styles*/

#container {
	width: 950px;
	margin: 0 auto;
	position:relative;
}

#logo {
  background: url(../images/logo.png) no-repeat;
  width: 339px;
  height:102px;
  text-indent:-9999px;
  position:absolute;
  left:0;
  top:0;
}

  #logo a {
    display: block;
    width: 100%;
    height: 100%;
  }

#nav-main {
  position:absolute;
  left:360px;
  top:0;
  list-style-type:none;
}
  
  #nav-main li {
    position:relative;
    float: left;
    width:86px;
    height:100px;
    top:-15px;
    margin: 0 5px 0 0;
  }
  
    #nav-main li a {
      display:block;
      width:100%;
      height:100%;
      text-indent:-9999px;
    }
  
  #nav-main li.pledge {
    background: url(../images/nav-pledge.png) no-repeat;
  }
  
    body.about #nav-main li.pledge {
      top:0 !important;
      background-position: -86px 0;
    }
    
  #nav-main li.who {
    background: url(../images/nav-who.png) no-repeat;
  }

    body.who-we-are #nav-main li.who {
      top:0 !important;
      background-position: -86px 0;
    }
    
  #nav-main li.join {
    background:url(../images/nav-joincall.png);
  }
    body.join-the-call #nav-main li.join {
      top:0 !important;
      background-position: -86px 0;
    }
    
    #nav-main li.donate {
      background:url(../images/nav-donate.png);
    }
      body.donate #nav-main li.donate {
        top:0 !important;
        background-position: -86px 0;
      }
      
    #nav-main li.learn {
      background:url(../images/nav-learn.png);
    }
      body.learn-more #nav-main li.learn {
        top:0 !important;
        background-position: -86px 0;
      }
      
    #nav-main li.tell {
      background:url(../images/nav-tell.png);
    }
      body.tell-a-friend #nav-main li.tell {
        top:0 !important;
        background-position: -86px 0;
      }
      

    
    
#page {
  width:827px;
  margin:0 auto;
  background:url(../images/page-bg.png) repeat-y center top;
  padding: 150px 40px 40px;
}

  #page .content-a {
    width: 420px;
    float: left;
    line-height: 1.8;
  }
  
  #page .content-b {
    width: 355px;
    float:right;
    margin-left: 35px;
    line-height: 1.8;
  }
  
body.join-the-call #page .content-a {
  width: 420px;
}

body.join-the-call #page .content-b {
  width: 355px;
}

body.tell-a-friend #page .content-a {
  width: 520px;
}

body.tell-a-friend #page .content-b {
  width: 270px;
}

body.join-the-call #page .content-a h3 {
  margin-bottom:-5px;
  text-transform:uppercase;
}

#signup_form {
  position:relative;
}
#signup_form label,
#signup_form input {
  display:block;
  font-size:14px;
  font-weight: bold;
  color:#46423c;
  position:relative;
}

#signup_form label {
  color: #b07211;
}

#signup_form span {
  color: #46423c;
  margin-right:5px;
}

#signup_form input {
  width: 100%;
  background: #3a3630;
  border: 2px solid #b07211;
  height: 30px;
  margin-bottom: 10px;
  color: #fff;
}

#signup_form input#fc5 {
  width:100px;
}

#signup_form textarea {
  width:100%;
  background:#3a3630;
  border: 2px solid #b07211;
  margin-bottom: 10px;
  color: #fff;
}

#signup_form #pledge-submit,
#signup_form #join-submit {
  width: auto;
  float: right;
  border: 0;
  margin-top: 10px;
}

#signup_form label.error {display:block;position:relative;top:-8px;}

#signup_form input.hidden {
  display: none;
}

/*Social Networking*/
.twitter,
.facebook {
  margin-bottom:20px;
}

.twitter img,
.facebook img {
  display:block;
  margin-right:10px;
  margin-bottom:5px;
  border:0 !important;
}
.twitter span,
.facebook span {
  display:block;
  padding-left:15px;
  background:url(../images/socialarrow.png) no-repeat left center;
  zoom: 1;
}

.addthis span {position:relative;top:-5px;margin-left:5px;}

#footer {
  background: #45423c;
  font-size: 10px;
  margin:20px auto;
  padding: 8px;
  color: #fff;
  overflow: hidden;
  width:883px;
}

  #footer ul, 
  #footer li, 
  #footer span {
    margin:0;
    float: left;
    list-style-type:none;
  }
  
  #footer ul {
    margin-left: 20px;
    margin-right: 20px;
  }
  
  #footer a {
    color: #fff;
  }