m/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
a{text-decoration:none; color:#AD34A5;}
a:hover {text-decoration:underline;}
legend{display:none;}
.clear {clear:both;}
.error {padding:10px; margin:10px; font-size:12px; color:#AD34A5; border:#932C8C 1px solid; background-color:#EADAE7;}
/*
Typekit font selector
"museo-1","museo-2"
*/

body {
	text-align: center;
	background: url(../_img/bg.jpg) top center repeat-x;
}
#main_wrapper {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
}

#head {
	height: 154px;
	position: relative;
}

#logo {
	height: 38px;
	width: 232px;
	background: url(../_img/logo.png);
	position: absolute;
	top: 46px;
	left: 35px;
}

#logo span {
	display: none;
}

#ae_logo {
	position: absolute;
	top: 28px;
	right: 25px;
	display: block;
	height: 67px;
	width: 67px;
	background: url(../_img/mini_logo.jpg) top left no-repeat;
}

#ae_logo:hover {
	background-position: bottom;
}

#ae_logo span {
	display: none;
}

#main_nav {
	position: absolute;
	top: 101px;
	background: url(../_img/nav_bg.jpg) top left no-repeat;
	height: 54px;
	width: 1000px;
}

#main_nav li {
	float: left;
	height: 36px;
	width: 120px;
	position: relative;
}

#main_nav li a {
	display: block;
	height: 36px;
	width: 120px;
}

#main_nav li a:hover, #head #main_nav li a.current {
	background-position: bottom;
	text-decoration:none;
}

#main_nav li a span {
	position: absolute;
	top: 10px;
	color: #FFF;
	font-family: "museo-1","museo-2","georgia", serif;
	font-weight: bold;

}

#what_nav {
	margin-left: 34px;
}

#what_nav a span {
	padding-left: 36px;
}

#what_nav a {
	background: #991d95 url('../_img/button1_bg.jpg') no-repeat;
}

#why_nav a span {
	padding-left: 41px;
}

#why_nav a {
	background: #991d95 url('../_img/button2_bg.jpg') no-repeat;
}

#who_nav a span {
	padding-left: 25px;
}
#main_nav li#who_nav {width:147px;}
#main_nav li#who_nav a {
	background: #991d95 url('../_img/button3_bg.jpg') no-repeat;
	width: 140px;
}

#main_nav li#who_nav a:hover {
	background-position: bottom;
}
#content_wrapper {
	padding-top: 67px;
}

#content {
	width: 566px;
	margin-left: 35px;
	float:left;
}

#sidebar {
	width: 309px;
	height: 338px;
	display: block;
	float:right;}


/* ------------------------------------------------------------------------------

TYPOGRAPHY

---------------------------------------------------------------------------------- */
h2 {
font-family:"museo-1","museo-2","georgia",serif;
font-size:35pt;
font-weight:500;
margin-bottom:11px;
}

h3 {
font-family:"museo-1","museo-2","georgia",serif;
font-size:14pt;
font-weight:500;
margin-bottom:2px;
margin-top:2px;
}

#home h2 {color:#AD34A5;}
#about h2 {color:#001c4a;}
#pledge h2 {color:#4daee3;}

#home h3 {color:#AD34A5;}
#about h3 {color:#001c4a; margin-top:13px;}
#pledge h3 {color:#4daee3;}


#content p, #sidebar p  {
	font-family: "helvetica", Arial, sans-serif;
	color: #5b5b50;
	font-size: 12pt;
	line-height: 22px;
	margin-bottom: 8px;
}


#pledge_options p {font-size:12px;
line-height:17px;}


.pledgeanother a {
background:url("../_img/anotherpledge.png") repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
font-size:0;
height:34px;
line-height:0;
text-indent:-9999px;
width:227px;
}

.pledgeanother a:hover { 
background-position: 0 -39px;
}
#takeaction h4 {
font-family: "helvetica", Arial, sans-serif;
font-size:14pt;
font-weight:500;
margin-bottom:2px;
margin-top:2px;
text-tansform:uppercase;
}
#blog h4 {
color:#666666;
font-family: "helvetica", Arial, sans-serif;
font-size:11pt;
font-weight:bold;
margin:2px 0;
}

#pledge h4 {
color:#666666;
font-family: "helvetica", Arial, sans-serif;
text-transform:uppercase;
font-size:11pt;
font-weight:bold;
margin-bottom:4px;
}
#pledge h5 {
color:#49ACE2;
font-family: "helvetica", Arial, sans-serif;
text-transform:uppercase;
font-size:15pt;
font-weight:bold;
margin-bottom:4px;
}
#blog.more a {color:#5b5b50;}
#blog .item {margin-bottom: 15px; }	
#blog .item p {font-size:11pt;}

#pledge .disclaimer p {font-size:11pt;}
/* ------------------------------------------------------------------------------

SIDEBAR

---------------------------------------------------------------------------------- */

#bottle {
display:block;
height:285px;
width:161px;
float:left;
z-index:1;
}
#bottle.animal1 { background:url("../_img/fill/1.png") no-repeat scroll 0 0 transparent; }
#bottle.animal2 { background:url("../_img/fill/2.png") no-repeat scroll 0 0 transparent; }
#bottle.animal3 { background:url("../_img/fill/3.png") no-repeat scroll 0 0 transparent; }

#counter {
background:url("../_img/counter_bg.png") no-repeat scroll 0 0 transparent;
display:block;
height:235px;
width:136px;
float:left;
}

#numbers {
color:#FFFFFF;
font-family:"museo-1","museo-2","georgia",serif;
font-size:1.8em;
font-weight:bold;
letter-spacing:2px;
position:relative;
right:18px;
text-align:right;
top:118px;
}

#sidebar-pledge {
display:block;
float:left;
text-indent:-9999px;
}

#sidebar-pledge a {
display:block;
cursor:pointer;
height:50px;
width:136px;
background:url("../_img/sidebar_pledge.png") repeat scroll 0 0 transparent;
}
#sidebar-pledge a:hover { 
background-position: 0 -50px;
}


#bottom {
background:url("../_img/bottom.png") no-repeat scroll 0 0 transparent;
display:block;
height:104px;
width:297px;
float:left;
}

#fill {
background:url("../_img/bottle.png") no-repeat scroll 0 0 transparent;
display:block;
height:285px;
left:0px;
position:relative;
top:0px;
width:161px;
z-index:999;
}


 #steps {
    width: 615px; height: 85px;
    background: url(../_img/steps.png);
     padding: 0;
    position: relative;
    text-indent:-9999px;}

  #steps li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

  #steps li, #steps a {
    height: 85px; display: block;}

#steps .step1 {left: 5px; width:201px;}
#steps .step2 { left: 200px; width:204px;}
#steps .step3 {left: 400px;  width:210px;}


 #pledge_options {
    width: 532px; height: 472px;
    background: url(../_img/pledge_options.png);
    margin: 2px auto; padding: 0;
    position: relative;
    font-size:12px;}
#pledge_options .option1 {left:70px;  top:5px; width:415px;}
#pledge_options .option2 {top: 136px; width:415px; left:70px;}
#pledge_options .option3 {top: 257px; width:415px; left:70px;}
#pledge_options .option4 {top: 380px; width:415px; left:70px;}

  #pledge_options li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #pledge_options li {
     display: block;}


/* ------------------------------------------------------------------------------

FOOTER

---------------------------------------------------------------------------------- */

#footer {
	margin-top:30px;
	padding-top: 172px;
	padding-left: 35px;
	margin-bottom: 50px;
	background: url('../_img/footer_bg.png') no-repeat 65% 40%;
	color: #25251f;
	font-family: "helvetica", Arial, sans-serif;
	font-size: 10pt;
	line-height:17px;
}

#footer a {
	color: #25251f;
}

#footer a:hover {
	text-decoration: underline;
}
#footer p {font-family: "helvetica", Arial, sans-serif; font-size:8pt;}

#footer #email1 {
	float: right;
	margin-right: 24px;
}

#email {
background:url('../_img/input.png') no-repeat transparent;
border:0px;
height:32px;
padding:9px;
width:250px;
font-family: "helvetica", Arial, sans-serif;
} 

.pledgesubmit {
  width: 124px;
  height: 30px;
  margin: 10px 0px;
  padding: 0;
  border: 0;
  background: transparent url('../_img/ipledge.png') 0 -35px no-repeat;
  text-indent: -9000px;
  font-size:0px;
  line-height:0px;
}

.pledgesubmit:hover {
  width: 124px;
  height: 30px;
  margin: 10px 0px;
  padding: 0;
  border: 0;
  background: transparent url('../_img/ipledge.png') 0 0 no-repeat;
  text-indent: -9000px;
}



.facebook a {
background:url("../_img/share.png") repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
font-size:0;
height:31px;
line-height:0;
text-indent:-9999px;
width:114px;
float:left;
}
.twitter a {
background:url("../_img/share.png") repeat scroll 216px 0 transparent;
cursor:pointer;
display:block;
font-size:0;
height:31px;
line-height:0;
text-indent:-9999px;
width:109px;
float:left;
}
.myspace a {
background:url("../_img/share.png") repeat scroll 105px 0 transparent;
cursor:pointer;
display:block;
font-size:0;
height:31px;
line-height:0;
text-indent:-9999px;
width:100px;
float:left;
}