@charset "utf-8";
/* CSS Document */

/******************************************************************************************************************************
    General 
******************************************************************************************************************************/

body{
  margin: 0;
  padding: 0;
  text-align:center;
  background: url(../images/bgcontainer.jpg) #e2e0d8 repeat-x top center;
  font-family: "Lucida Sans", Helvetica, sans-serif, Arial;
  font-size:12px;
  color:#000000;
}

a img{
  border:none;
}

p{
  line-height:20px;
}

h1{
  font-size:36px;
}

h2{
  font-size:30px;
}

h3{
  font-size:24px;
}

h4{
  font-size:18px;
}

h5{
  font-size:12px;
}

h6{
  font-size:6px;
}

#container{
  width:959px;
  border: 1px solid #acaba5;
  margin: 0 auto;
  margin-top: 20px;
  background:#FFFFFF;
  overflow:hidden;
  margin-bottom:50px;
}

.invisible{
  display:none;
}

.floatL{
  float:left;
}

.floatR{
  float:right;
}

.txtLeft{
  text-align:left;
}

/******************************************************************************************************************************
    Header 
******************************************************************************************************************************/

#header{
  margin: 0 auto;
  padding: 0;
  overflow:hidden;
  height:113px;
}

/****Begin title*******/
#title{
  margin: 0 auto;
  padding: 0;
  width:100%;
  background:url(../images/bgtitle.jpg) repeat-x top center;
  height:76px;
  overflow:hidden;
}

.logo{
  background:url(../images/logo.png) no-repeat top center;
  display:block;
  width:202px;
  height:45px;
  margin-left:20px;
  margin-top:12px;
}

.logo a{
    display: block;
    width:202px;
    height:45px;
	cursor:pointer;
}
/*
.logo a span{
  display:none;
}
*/
.tagline{
  position:relative;
  width:490px;
  height:19px;
  top:-7px;
  left:110px;
}

.donateHeader{
  background:url(../images/giveagoat.png) no-repeat top center;
  display:block;
  width:278px;
  height:75px;
  position:relative;
  top:-75px;
  margin-left:610px;
}

.donateHeader a{
    display: block;
    width:278px;
    height:75px;
	cursor:pointer;
}
/*
.donateHeader a span{
  display:none;
}*/
/****End title*******/

/****Begin navbar*******/

#navbar{
  margin: 0 auto;
  padding: 0;
  width:100%;
  background:url(../images/bgnav.jpg) repeat-x top center;
  height:37px;
  overflow: hidden;
  padding: 0 17px;

}

#navbar ul{
  list-style:none;
  margin: 0;
  padding: 0;
  text-align:left;
  height:33	px;
  margin-top:5px;
}

#navbar li{
  float:left;
  display:block;
  height:33px;
  margin-left:8px;
}

#navbar li a {
  display:block;
  height: 33px;
  cursor: pointer;
}
/*
#navbar li a span{
  display:none;
}
*/
.nav-home{
  background:url(../images/nav-home.png) no-repeat top center;
  width:86px;
}

.nav-about{
  background:url(../images/nav-about.png) no-repeat top center;
  width:106px;
}

.nav-cause{
  background:url(../images/nav-cause.png) no-repeat top center;
  width:115px;
}

.nav-blog{
  background:url(../images/nav-blog.png) no-repeat top center;
  width:99px;
}

.nav-contact{
  background:url(../images/nav-contact.png) no-repeat top center;
  width:124px;
}

.nav-donation{
  background:url(../images/nav-donation.png) no-repeat top center;
  width:128px;
}



/****End navbar*******/

/******************************************************************************************************************************
    Main 
******************************************************************************************************************************/

#main{
  margin: 10px auto;
  padding: 0;
  width:930px;
  overflow:visible;
}


/****Begin home-content*******/
#home-content{
  float:left;
  overflow:visible;
  width:662px;
  margin-right:10px;
  margin-bottom:10px;
}

    /****Begin featured*******/
#featured{
  width:662px;
  height:434px;
  overflow:visible;
  clear:both;
  float:none;
}

.donateSticker{
  background:url(../images/sticker.png) no-repeat top center;
  display:block;
  width:320px;
  height:205px;
  position:relative;
  z-index:10;
  top:-445px;
  left:-15px;
}

.donateSticker a{
  display:block;
  width:320px;
  height:205px;
  cursor:pointer;
  position:relative;
}


/*
.donateSticker span{
  display:none;
}*/
    /****End featured*******/

.home-column{
  float:left;
  margin: 0;
  padding: 0;
  overflow:hidden;
  width:325px;
  text-align:left;
  text-align:center;
}

.home-column p{
  text-align:left;
  margin: 0 auto;
  width:300px;
  margin-bottom:10px;
  color:#3e3d3d;
}

.mrX{
  margin-right: 10px;
}
/****End home-content*******/


/****Begin home-sidebar*******/
#home-sidebar{
  margin: 0;
  padding: 0;
  float:right;
  width:256px;
  margin-bottom:10px;
  background:url(../images/smartphones.jpg) no-repeat top center;
  text-align:center;
  
}

#home-sidebar img{
  margin: 20px auto 12px;
}

.btnSmartPhone{
  background: url(../images/btnsmartphone.png) no-repeat top center;
  margin: 0 auto;
  display:block;
  width:214px;
  height:69px;
  margin-top:212px;
  margin-bottom:12px;  
}

.btnSmartPhone a{
  display: block;
  width:214px;
  height:69px;
  cursor:pointer;
}

#home-sidebar p{
  margin: 0 auto;
  text-align:left;
  width:196px;
  line-height:24px;
  color: #6c6262;
}

#getntouch{
  width:195px;
  height:186px;
  overflow:auto;
  background:#fdf6e9;
  border: 1px solid #cfcac1;
  margin: 0 auto;
}

#getntouch p{
  width: 160px;
  line-height:14px;
  margin: 15px 15px;;
}

/****End home-sidebar*******/

/****Begin about us styles*******/
 
#about-content{
  margin: 0 auto;
  width:880px;
}
 
.about-column{
  width:444px;
  text-align:left;
  margin-top:20px;
  margin-bottom:10px;
}

.ac420{
  width:420px;
}

.about-column p{
  line-height:16px;
}

.about-column h4, .about-column h5{
  margin: 2px 0;;
}

.about-column h4{
  margin-top:10px;
}

#intro{
  padding: 15px 0 1px;
}

#intro p{
  margin-top:0px;
  line-height:16px;  
}

#intro img{
  margin-right:5px;
  float:left;
}

#intro span{
  font-size:14px;
  font-weight:bold;
}

/****End about us styles*******/

/****Begin The Cause styles*******/

.ml-20{
  margin-left:20px;
}

.mr-20{
  margin-right:20px;
}

.mt-30{
  margin-top:30px;
}

#causeContent{
  width:515px;
  text-align:left;
  font-size:14px;
  line-height:16px;
}

#causeContent p{
  line-height:17px;
}

#causeContent ul{
  list-style:none;
}

#causeContent li{
  margin-top:5px;
}


/****End The Cause styles*******/



/****Begin The Blog styles*******/

.mr-5{
  margin-right:5px;
}

#blogContent{
  width:515px;
  text-align:left;
}

#blogContent p{
  line-height:16px;
}

#blogintro h4{
  margin-bottom:0;
  color:#942323;
}

#blogintro h1{
  margin-top:5px;
  color:#1e7eab;
  font-size:38px;
  letter-spacing:-0.05em;
}

/****End The Blog styles*******/


/****Begin Contact us styles*******/

#contact-container{
  margin: 20px auto;
  width:850px;
  overflow:hidden;
  float:none;
  clear:both;
}

.contact-column{
  width:415px;
  text-align:left;
  margin-top:30px;
  margin-bottom:10px;
  color: #595959;
}

#contact-form{
  width:100%;
  margin-top:20px;
  float: none;
  clear:both;
}

.mb-20{
  margin-bottom:20px;
}

.field, .field2{
  width:100%;
  overflow:hidden;
  margin-top:10px;
}

.field label{
  width:50px;
}

.field input {
  width:232px;
  margin-right:80px;
  float:right;
}

.field2 input{
  margin: 3px 0;
}

.field2 input{
  margin-left:5px;
  width:232px;  
}

.field2 textarea{
  margin-left:5px;
  width:375px;
  height: 122px;  
}

#contact-form #btnSubmit{
  margin-top: 10px;
  margin-left: 200px;
}

.chkBoxGroup{
  width:100%;
  margin: 10px auto;
  padding: 0 15px;
}

.chkBoxGroup a{
  color: #5c5c5c;
  text-decoration:none;
}

.contact-location{
  overflow: hidden;
  height: 300px;
}

.arrow{
  width: 35px;
}

.mt13{
  margin-top: 13px;
}

.globoTxt{
  width: 197px;
  overflow: hidden;
}

.mr1{
  margin-right: 1px;
}

.gtContent{
  background: url(../images/globo.jpg) no-repeat top center;
  width: 162px;
  height: 113px;
  color: #000000;
}

.gtContent p{
  margin:  0 auto;
  padding: 10px 5px;
  font-size: 14px;
  line-height: 15px;
  letter-space: -0.05em;
}

.pt15{
	padding-top:7px;
}

.gtContent p a{
  font-size:12px;
  font-weight: bold;
  color:  #000000;  
}

.location{
  font-size: 14px;
}

.location p{
  line-height: 16px;
  margin-left: 20px;
  margin-top: 10px;
}


#globoUSA{
  position: relative;
  top:  -97px;
  left: -23px;
}

#globoEU{
  position: relative;
  top:  29px;
  left: 25px;
}

#euMap{
  margin-top: -60px;
  margin-right: 22px;
}
/****End Contact us  styles*******/


/****Begin donation styles*******/

#donationForm{
  width: 790px;
  background: #fefcef;
  margin: 0 auto;
  margin-top: 30px;
  padding: 0;
  overflow: hidden;
  color: #888784;
  text-align: left;
  clear:both;
  float:none;
}

#donationForm p{
  margin: 0;
  padding: 0 3px;
  text-align: left	;
  line-height: 16px;
	
}

.mr70{
  margin: 15px 0;
  margin-left: 70px;
}

.stages{
  margin-left: 20px;
}

.sectTitle{
  width: 764px;
  font-size: 16px;
  font-weight: bold;
  padding:  3px 10px;
  clear: both;
  float: none;
  text-align: left;
  background: #f6e4ab;
  border-bottom: #d4d4d4;
  margin: 2px auto;
  color: #000000;
}

#selectHelp{
  margin: 20px auto;
}

#selectHelp div{
  overflow: hidden;
}

#selectHelp div input[type="radio"]{
  margin-left: 40px;
}

.complement{
  width: 550px;
  text-align: left;
  margin-right: 50px;
}

#selectHelp label{
  color: #000000;
  font-weight: bold;
}

.donateField{
	overflow: hidden;
	float: none;
	clear: both;
	margin: 8px 0;
}

.fieldLbl{
  overflow: hidden;
  width: 260px;
  height: 16px;
  padding: 3px 10px;
  float: left;
  
}

.data{
  float: left;
}

#cCards{
	float: left;;
	overflow: hidden;
}

#cCards div{
	width: 39px;
	height: 43px;
	overflow: hidden;
	text-align: center;
	float:left;
	
}
#cCards div input{
	position: relative;
	bottom: 0;
}

.hAuto{
  height: auto;
  margin: 0;
  padding: 0px 10px;
}

.blue{
  color:#1e4e7e;
  font-weight: bold;
}

.w230{
  width: 230px;
}

.w130{
  width: 130px;
}

.w30{
  width: 30px;
}

.whatsThis{
  color: #93ac5b;
  text-decoration:none;
	
}

#controls{
	width: 500px;
	text-align: center;
	margin: 10px 0;
}

#controls input{
	width: 100px;
	margin: 0 20px;
}

#certification{
	width: 120px;
	text-align: center;
	margin: 20px 0;
}

#certification a{
  color: #000000;
  font-size: 8px;
  text-decoration: none;
  font-weight: bold;
}

.red{
  color: #FF0000;
}

/****End donation  styles*******/