/* 
all work © copyright 
Tyler Finck / Sursly 
http://twitter.com/sursly
*/

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body, html {
	line-height: 1;
	color: #111111;
	overflow-x: hidden;
	overflow-y: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}
img {border:none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

* {margin:0;padding:0;list-style:none;
}

#ie6 {display: none;
}

small {
font-size: .85em;
}




.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}



.screen {
position: fixed;
background: url("../img/screen.gif") repeat top left;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: block;
z-index: 20;

  /*opacity: 0.5;
  filter: alpha(opacity = 50);*/

}


#screenOver {
position: fixed;
background: url("../img/screenYellow.gif") repeat 0 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
z-index: 23;
display: none;
opacity: 0.8;
filter: alpha(opacity = 80);
}


#screenSolid {
position: fixed;
background: /*#fbea00*/ black;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: block;
z-index: 25;
display: none;
 opacity: 0.25;
  filter: alpha(opacity = 25);
}


p a:hover { -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; }

a:active {
position: relative;
bottom: -1px;
}

@font-face {
	font-family: 'LeagueGothicExtendedItalicReg';
	src: url('league_gothic_italic-webfont.eot');
	src: local('‰÷¼'), url('league_gothic_italic-webfont.woff') format('woff'), url('league_gothic_italic-webfont.ttf') format('truetype'), url('league_gothic_italic-webfont.svg#webfontLS3df7dr') format('svg');
 font-weight:normal;
font-style: italic;
      font-variant:normal;

	
}

h1, h2, h3, h4, h5, .amount {
	font-family: 'LeagueGothicExtendedItalicReg', sans-serif;
	font-size-adjust: 0.55;letter-spacing: 0px;
	text-transform: uppercase;
 font-weight:normal;
font-style: italic;
      font-variant:normal;
	color: #050505;

}

#page h1 {
font-size: 18pt;
clear: both;
letter-spacing: 0;
}

h2 {
font-size: 23px;
}

h3 {
font-size: 20px;
margin-bottom: 10px;
}

.inner a {
text-decoration: underline;
color: #050505;
}

.inner a:hover {

}



#donate a#donateButton.button {
cursor: pointer;
display: block;
height: 35px;
padding: 17px 30px 18px;
background: #fbea00;
width: 300px;
color: #111111;
text-decoration: none;
position: absolute;
bottom: 0px;
}

h1 a.yellow {
background: #fbea00 !important;
padding: 5px 10px;
margin-left: -10px;
color: #000;
}

#donateSlide {
padding: 17px 30px 18px;
font-family: helvetica, arial, sans-serif;
background:#fbea00;
height: 3000px;
}


.donateContainer {
top: 30px;
left: 30px;
position: absolute;
z-index: 50;
width: 300px;
font-family: helvetica, arial, sans-serif;

}
#donate a#donateButton.button:hover, #donate a#donateButton.button.highlight {
color: #fbea00;
background: #111111;
}

#donate a#donateButton.button.highlight:hover {
color: #FFF;
}

#donate h1 {
font-size: 36px;
margin-bottom: 5px;
}

#donate h1 a{
margin-bottom: 0px;
}

.donateContainer h1.thanks {
margin: 0 0 20px;
font-size: 36px;
}

.donateContainer p {
font-size: 12px;
line-height: 1.15em;
margin-bottom: 10px;
}

.donateContainer small {
font-size: 10px;
line-height: 13px;
font-style: italic;
}

#newsletter {
margin-top: 13px;
font-size: 12px;
display: block;
padding: 20px 40px 20px 50px;
width: 262px;
position: relative;
background: url("../img/screenGray.gif") repeat scroll left top transparent;
margin-left: -50px;
margin-bottom: 8px;
}

#newsletter input {
cursor: pointer;
}

#newsletter strong {
cursor: default;
}

strong {
font-weight: bold;
}

#newsletter input.address {
/*font-style: italic;
color: #888;
width: 200px;
margin: 0 12px 0 0;
cursor: text;
padding: 2px;*/
}

#newsletter form {
display: inline;
position: relative;
top: -3px;
}

#newsletter input.address:focus {
/*color: #222;*/
}

div.popup {
display: none;
}



.invisible{
	display:none;
}




#content {
position: relative;
z-index: 29;
/*width: 599px;
*/
width: 80%;
min-width: 600px;
}



#content .section {
padding: 50px 50px 5001px 50px;
/*background: url("../img/screen-small-black2.png") repeat 0 1px;*/
}


/*#content #gradient.section {
background: url("../img/grad-small-black.png") repeat-x 0 1px;
height: 2200px;
padding: 0px;
margin: 0px;
display: block;
}
*/
#content .section.none {
background: none !important;
padding-bottom: 1000px;
}

#content h1 {
color: #FFF;
font-size: 110pt;
line-height: .9;
margin-bottom: 5px;
}


#content  h2 {
color: #FFF;
font-size: 49pt;
margin-bottom: .5em;
}

.section .frame p {

/*font-family: 'LeagueGothicRegular', 'Helvetica Neue', Arial, sans-serif;
text-transform: uppercase;*/
color: #FFF;
font-size: 15pt;
font-family: georgia; 
line-height: 1.25;
}


/*#india {
background: url("../img/arrow-new.gif") no-repeat 0 167px;
}

#programs {
background: url("../img/arrow-new.gif") no-repeat 0 199px;
}

#history {
background: url("../img/arrow-new.gif") no-repeat 0 232px;
}

#donate {
background: url("../img/arrow-new.gif") no-repeat 0 267px;
}*/

li#hiddenLogo {
position: absolute;
top: 25px;
left: 0;
width: 300px;
height: 130px;
display: block;
}

li#hiddenLogo a{
background: none;
}
li#hiddenLogo a:hover{
background: #FFF;
 opacity: 0.25;
  filter: alpha(opacity = 25);

}
li#hiddenLogo a {
display: block;
width: 300px;
height: 130px;
text-indent: -9999em;
}

 h5 {
float: left;
font-size: 36pt;
padding: 0;
display: inline;
margin-top: 10px;
}

h5 a, h5 a:active, h5 a:focus {
color: #000;
background:#fbea00;
text-decoration: none;
height: 65px;
line-height: 75px;
padding: 10px 22px 10px 20px;
text-align: center;
cursor: pointer;
margin: 0 15px 0;
display: block;
font-size-adjust: 0.6;

}

h6.next a {
display: block;
color: #000;
background:#fbea00;
text-decoration: none;
padding: 10px 20px 10px 15px;
font-size: 25pt;
text-align: center;
cursor: pointer;
}

 h5 a:hover,  h5 a.dim {
color: #fbea00;
background: #000;
}


img.indiaMap {
margin:0 -125px 0 5px;
}




/* ------- tab stuff --------------*/

#header {
position: fixed;
top: 0;
left: 50px;
right: 50px;
z-index: 5000;
height: 23px;
color: #FFF;
padding: 15px 0 0 0;
/*background: #FBEA00;*/
}

#header h1 a {
color: #FFF;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform: capitalize;
font-weight: bold;
letter-spacing: -0.025em;
background: url("../img/logo_double_slammed.png") no-repeat 0 0;
padding: 3px 20px 4px 27px;
text-decoration: none;
}

#header h1 a:hover {
background: url("../img/logo_double_slammed.png") no-repeat 0 -24px;

}

#header h1 a:hover .red {
color: #f01e00;
}

#header h1 a:hover .blue {
color: #14d0fc;
}
#header h1 a:hover .grey {
color: #173d47;
}

#content {
min-height: 450px;
display: block;
position: absolute;
top: 50%;
margin-top: -230px;
left: 50px;
}

#footer, footer {
	position: fixed;
	bottom: 24px;
	right: 30px;
	z-index: 5000;
	padding: 10px;
	display: none;
}

#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		
#social {
	position: fixed;
right: 20px;
top: 5px;
	}
	
	div.newsletter {
	float: left;
	margin-right: 20px;
	}
	
	.newsletter input.address {
	/*padding: 0 2px;
	width: 240px;
	font-size: 11px;
	font-style: italic;

*/
	}
	
div#yellow {
	background: #FBEA00;
	padding: 50px;
	height: 350px;
	width:/*80%*/ 3000px;
	left: -3100px;
	position: absolute;
	top: 50%;
	margin-top: -225px;
	clear: both;
	z-index: 6000;
}
	
	div.inner {
	padding: 95px 50px 50px 50px;
	height: 350px;
	min-width:/*80%*/ 900px;
	left: -1000px;
	position: absolute;
	top: 50%;
	margin-top: -225px;
	clear: both;
	z-index: 7000;
	}
	
	div.inner h1 {
	color: #050505;
	font-size: 36pt;
	margin-bottom: 24px;
	position: relative;
	z-index: 3;
	}
	
	#header h1, #header h1 em {
	font-style: normal;
	font-weight: normal !important;
	}
	
	#header h1 em {
	font-style: normal;
	letter-spacing: 1px;
	}
	

	
	.last {
	margin: 0px;
	}
	
	.inner p{
	font-size: 11px;
	line-height: 1.45;
	/*font-family: 'OFL Sorts Mill Goudy TT', arial, serif; */
	margin-bottom: 10px;
		font-family: Palatino, Garamond, times, "Times New Roman", georgia, sans-serif;

	}
	
	.inner h7{
			font-family: Palatino, Garamond, times, "Times New Roman", georgia, sans-serif;
	margin-bottom: 11px;
font-style: italic;
font-size: 16px;
display: block;
}
	
	
	
	
	#navigation h3 {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 11px;
	color: #050505;
	text-transform: capitalize;
	font-weight: bold;
	font-style: normal;
	float: left;
	}
	
	#navigation h4 {
	float: left;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 10px;
	color: #7F7B3F;
	text-transform: capitalize;
	font-weight: normal;
	font-style: normal;
	float: left;
	}
	
	#navigation h3 a {
	color: #7F7B3F;
	text-decoration: none;
	margin-right: 10px;
	padding-top: 5px;
	border-top: 1px solid #FBEA00;

	}
#navigation h4 a {
	color: #7F7B3F;
	text-decoration: none;
	margin-right: 10px;
	padding-top: 6px;
	border-top: 1px solid #FBEA00;
}

	
	#navigation h3 a:hover, #navigation h4 a:hover {
	color: #050505;

	}
	
	#navigation h3 a.on{
	color: #050505;
	border-top: 2px solid #050505;
	}
	
	#navigation h4 a.on {
	color: #050505;
	border-top: 1px solid #050505;
	}
	
	#navigation {
	display: none;
	position: absolute;
	height: 20px;
	top: 50%;
	margin-top: -171px;
	z-index: 8001;
	left: 50px;
	}
	
	#indiamap {
	position: absolute;
	left: 560px;
	top: -45px;
	z-index: 1;
	}
	
	#rupee {
	position: absolute;
	left: 667px;
	top: -54px;
	z-index: 1;
	}
	
	#heartsCryLogo {
	position: absolute;
	left: 599px;
	top: -45px;
	z-index: 1;
	}
	
	div.simplePagerContainer {
 	position: relative;
	}
	
	ul.simplePagerNav {
	position: absolute;
	left: -50px;
	top: 0px;
	font-family: 'Helvetica Neue', helvetica, Arial, sans-serif;
	font-weight: bold;

	}

	ul.simplePagerNav li a {
	display: block;
	width: 10px;
	height: 10px;
	font-size: 12px;
	font-weight: bold;
	background: #CEBF1E;
	color: #FBEA00;
	margin-bottom: 7px;
	padding: 5px 1px 8px 15px;
	
	text-decoration: none;
	}
	
	ul.simplePagerNav li a:hover {
	background: #918622;

	}

	ul.simplePagerNav li.currentPage a {
	background: #050505;
	color: #FBEA00;
	}
	
	ul.simplePagerNav li.currentPage a:hover {
	background: #050505;
	}

	.simplePagerContainer div {
	position: relative;
	z-index: 3;
	}
	
	div.gallery a {
	display: block;
	float: left;
	width: 100px;
	height: 67px;
	margin: 0 20px 20px 0;
	padding: 1px;
	border: 1px solid #CEBF1E;
	}
	
	div.gallery a:hover {
	border: 1px solid #918622;
	background: white;
	}
	
	div.gallery a:active, div.gallery a:focus {
	border: 1px solid #050505;
	background: white;

	}


#fancybox-wrap {
z-index: 9000 !important;
}

#fancybox-content {
}
/*
#fancybox-outer {
background: transparent;
}
#fancybox-outer div {
background: url();
}*/

a#fancybox-close {
background: url("/img/customFancy.jpg") no-repeat 0 0 !important;
top: 20px !important;
right: 20px !important;
}




a.close.reset {
position: absolute;
right: 50px;
display: none;
background: url("/img/customFancy.jpg") no-repeat 0 0 !important;
height: 30px;
width: 30px;
top: 50%;
margin-top: -183px;
z-index: 7005;
cursor: pointer;
}

a.close.reset:hover {
background: url("/img/customFancy.jpg") no-repeat 0 -30px !important;

}

a#fancybox-close:hover {
background: url("/img/customFancy.jpg") no-repeat 0 -30px !important;
}

a#fancybox-left #fancybox-left-ico {
background: url("/img/customFancy.jpg") no-repeat -60px 0 !important;
}
a#fancybox-left #fancybox-left-ico:hover {
background: url("/img/customFancy.jpg") no-repeat -60px -30px !important;

}

a#fancybox-right #fancybox-right-ico {
background: url("/img/customFancy.jpg") no-repeat -30px 0 !important;
}
a#fancybox-right #fancybox-right-ico:hover {
background: url("/img/customFancy.jpg") no-repeat -30px -30px !important;

}


li.special {display:none;}

#contact_form_holder input, #contact_form_holder textarea {
/*width: 97%;
margin-bottom: 9px;
font-family: "Helvetica Neue",helvetica,arial,sans-serif;
padding: 5px;
font-size: 12px;*/
width: 275px;
padding: 6px
}

input#email, input#name, textarea {
/*border: 1px solid #7F7B3F;*/
}

.simplePagerContainer ul li div li {
	font-size: 12px;
	list-style-type: disc;
	/*font-family: 'OFL Sorts Mill Goudy TT',arial,serif;*/
	font-size: 15px;
	font-family: Palatino,Garamond,times,"Times New Roman",georgia,sans-serif;
	line-height: 1.15;
	font-style: italic;
	margin-bottom: 12px;
	margin-left: 15px;
	}

h6 {
font-size: 13px;
font-weight: normal;
/*font-family: 'OFL Sorts Mill Goudy TT',arial,serif;*/
margin-bottom: 10px;
clear: both;
margin-bottom: 18px;
}

h6 .amount {
float: left;
margin: -6px 10px 0 0;
}



.inner p em {
font-size: 10px;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	color: #918622;
}

#cf_submit_p {
}
#messagePrompt {
display: none;
}

#zvz-zvz {
width: 175px;
padding: 6px;
/*margin-bottom: 10px;*/
}

.button {
/*	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
width: 294px;
font-size: 13px;
color: #111;
padding: 5px;
*/
}

#uniform-newsletterGO {
margin-top: 7px;
}
#newsletterGO {
margin-bottom: 10px;
padding: 5px;
font-size: 13px;
color: #111;
}

#send_message {
padding: 5px;
font-size: 13px;
width: 298px !important;
color: #111;
}

.error { display: none; padding:10px; color: #D8000C; font-size:12px;background-color: #FFBABA;}
.success { display: none;}
#contact_form p{
margin-bottom: 2px;
}

#socialClick {
position: absolute;
z-index: 8000;
bottom: 10px;
right: 15px;
}

iframe {
margin-top: -1px;
}

#fancybox-overlay {
background-color: transparent !important; 
display: none !important;
}

.span-3 iframe {
margin-bottom: 12px;
}

input, textarea {
/*color: #444;*/
margin-bottom: 10px;
}


#help div.button span{
width: 263px !important;
}