/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 19, 2012 03:09:03 PM America/New_York */

@font-face {
    font-family: 'ArimoRegular';
    src: url('fonts/Arimo-Regular-Latin-webfont.eot');
    src: url('fonts/Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arimo-Regular-Latin-webfont.woff') format('woff'),
         url('fonts/Arimo-Regular-Latin-webfont.ttf') format('truetype'),
         url('fonts/Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoItalic';
    src: url('fonts/Arimo-Italic-Latin-webfont.eot');
    src: url('fonts/Arimo-Italic-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arimo-Italic-Latin-webfont.woff') format('woff'),
         url('fonts/Arimo-Italic-Latin-webfont.ttf') format('truetype'),
         url('fonts/Arimo-Italic-Latin-webfont.svg#ArimoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoBold';
    src: url('fonts/Arimo-Bold-Latin-webfont.eot');
    src: url('fonts/Arimo-Bold-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arimo-Bold-Latin-webfont.woff') format('woff'),
         url('fonts/Arimo-Bold-Latin-webfont.ttf') format('truetype'),
         url('fonts/Arimo-Bold-Latin-webfont.svg#ArimoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoBoldItalic';
    src: url('fonts/Arimo-BoldItalic-Latin-webfont.eot');
    src: url('fonts/Arimo-BoldItalic-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arimo-BoldItalic-Latin-webfont.woff') format('woff'),
         url('fonts/Arimo-BoldItalic-Latin-webfont.ttf') format('truetype'),
         url('fonts/Arimo-BoldItalic-Latin-webfont.svg#ArimoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* AnythingSlider Themese demo */
body               {background: #000000; color: #adb3b3;  font-family: "ArimoRegular", Arial, sans-serif; font-size: 20px; text-align: center;}
a:link             { color: #042424; text-decoration: none; }
a:hover            { color: #042424; }

/* link colors */
.dark   { color: #ffffff;}
.dark a:link   { color: #15b3b3; }
.dark a:hover  { color: #456c6c; }

.dark2   { visibility: hidden;}

.dark3   { visibility: hidden;}

.dark4   { display: none;}

.dark5   { visibility: visible;}

.unhidden { visibility: visible; }

.dark6 {color: #042424; font-size: 16px;}
.dark7 {color: #146a6a; font-size: 20px;}

/* this is the nav circles */
#nav               { display: block; width: auto; margin: 10px auto; text-align: center; white-space: nowrap; line-height: 3em; }
#nav a             { text-align: center; background: black; color: white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }
#nav a.git         { background: #006; }
#nav a.issue       { background: #600; }
#nav a:hover,
#nav a.current     { background: #666; }


/* text colors */
h1                 { text-align: center; font-family: 'Bowlby One SC', sans-serif; font-size: 100%; }
h2{ font:18px "ArimoRegular", Arial, sans-serif; color:#000000;}
h3{ font:24px "ArimoRegular", Arial, sans-serif; color:#ffffff; text-align: center;}
h4{ font:18px "ArimoRegular", Arial, sans-serif; color:#ffffff; text-align: center;}
h5{ color:#456c6c; text-align: center;}
h6{ font:13px "ArimoRegular", Arial, sans-serif; color:#828b78; text-align: center;}
h7{ font:16px "ArimoRegular", Arial, sans-serif; color:#ffffff; text-align: justify;}



.theme-list        { text-align: center; margin: 30px auto; }
.theme-list div    { height: 35px; vertical-align: middle; } /* this silly css definition is needed for IE7 */
.theme-list select { margin-bottom: 30px; }

#wrap { margin-bottom: 195px; }


/* Define slider dimensions here */

#slider {
	width: 600px;
	height: 350px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}
#slider li,
#slider img        {
	position: relative;
	font-family: "ArimoRegular", Arial, sans-serif;
}

/* Top caption - padding is included in the width (680px here, 700px total width), same for height */
.caption-top       {
	background: #000;
	color: #95caec;
	padding: 10px;
	margin: 0;
	font-family: "ArimoRegular", Arial, sans-serif;
	font-size: 19px;
	position: relative;
	z-index: 10;
	left: 0;
	top: 0;
	width: 580px;
	height: 30px;
	
}
.caption-top2      {
	background: #000;
	color: #95caec;
	padding: 10px;
	margin: 0;
	font-family: "ArimoRegular", Arial, sans-serif;
	font-size: 18px;
	position: relative;
	z-index: 10;
	left: 0;
	top: 0;
	width: 580px;
	height: 30px;
	word-spacing: 14em;
}


/* Caption close button */
.close             { font-size: 80%; cursor: pointer; float: right; display: inline-block; }

/* background color selector */
#bkgd              { margin: 20px auto; width: 320px; }
.block             { float: left; display: block; width: 20px; height: 20px; }



.box6{ position:absolute; z-index: -8; top: 120px; left: 70%; margin-left: -960px; opacity:0.1; filter:alpha(opacity=10); * For IE8 and earlier */}


.inset2{position:absolute; z-index: -5; top: -330px; margin-left: 0px;  opacity:0.3; filter:alpha(opacity=30)}
.inset2b{position:absolute; z-index: -5; top: -330px; margin-left: 0px;  opacity:0.7; filter:alpha(opacity=70)}
.inset2c{position:absolute; z-index: -5; top: -330px; margin-left: 0px;  opacity:0.5; filter:alpha(opacity=50)}
.inset{position:absolute; z-index: 5; top: -275px; margin-left: 590px;  opacity:1.0; filter:alpha(opacity=100)}
.insetios{position:absolute; z-index: 5; top: -325px; margin-left: 590px;  opacity:1.0; filter:alpha(opacity=100)}
.inset2d{position:absolute; z-index: 5; top: -275px; margin-left: 590px;  opacity:.5; filter:alpha(opacity=50)}
.inset5{position:absolute; z-index: 5; top: -85px; margin-left: 555px;  opacity:.4; filter:alpha(opacity=40)}
.inset6{position:absolute; z-index: 5; top: -85px; margin-left: 555px;  opacity:.1; filter:alpha(opacity=10)}
.inset7{position:absolute; z-index: 5; top: -85px; margin-left: 555px;  opacity:.2; filter:alpha(opacity=20)}
.inset8{position:absolute; z-index: 5; top: -85px; margin-left: 555px;  opacity:.2; filter:alpha(opacity=20)}
.inset9{position:absolute; z-index: 5; top: -85px; margin-left: 555px;  opacity:.07; filter:alpha(opacity=70)}

.inset4{position:absolute; z-index: -5; top: -395px; margin-left: 0px;  opacity:1.0; filter:alpha(opacity=100)}
.inset3{position:absolute; z-index: 25; top: -375px; margin-left: 570px;  opacity:1.0; filter:alpha(opacity=100)}

.insetimage{position:absolute; z-index: 15; top: -160px; margin-left: 80px;  opacity:.08; filter:alpha(opacity=8)}
.insetimage2{position:absolute; z-index: -15; top: -120px; margin-left: 45px;  opacity:.1; filter:alpha(opacity=10)}
.insetimage2ios{position:absolute; z-index: -15; top: -140px; margin-left: 45px;  opacity:.1; filter:alpha(opacity=10)}
.insetimage2b{position:absolute; z-index: -15; top: -120px; margin-left: 45px;  opacity:.3; filter:alpha(opacity=30)}
.insetimage2bios{position:absolute; z-index: -15; top: -140px; margin-left: 45px;  opacity:.3; filter:alpha(opacity=30)}
.insetimage2c{position:absolute; z-index: -15; top: -120px; margin-left: 45px;  opacity:.07; filter:alpha(opacity=7)}
.insetimage2d{position:absolute; z-index: -15; top: -120px; margin-left: 45px;  opacity:.2; filter:alpha(opacity=20)}
.insetimage2dios{position:absolute; z-index: -15; top: -160px; margin-left: 45px;  opacity:.2; filter:alpha(opacity=20)}
.insetimage3{position:absolute; z-index: 0; top: -60px; margin-left: -35px;}
.insetimage4{position:absolute; z-index: 0; top: 40px; margin-left: 435px;}
.insetimage4ios{position:absolute; z-index: 0; top: 0px; margin-left: 435px;}
.insetimage5{position:absolute; z-index: 15; top: -160px; margin-left: 80px;  opacity:.6; filter:alpha(opacity=60)}
.insetimage6{position:absolute; z-index: 15; top: -160px; margin-left: 80px;  opacity:.03; filter:alpha(opacity=3)}
.insetimage7{position:absolute; z-index: 15; top: -160px; margin-left: 80px;  opacity:.2; filter:alpha(opacity=20)}
.insetimage8{position:absolute; z-index: 15; top: -160px; margin-left: 80px;  opacity:.1; filter:alpha(opacity=10)}
.insetimage9{position:absolute; z-index: 15; top: -160px; margin-left: 80px;  opacity:.3; filter:alpha(opacity=30)}
.insetimage10{position:absolute; z-index: 15; top: -160px; margin-left: 80px;  opacity:.5; filter:alpha(opacity=50)}

.insetend{position:absolute; z-index: 5; top: 15px; margin-left: 50px;  opacity:.5; filter:alpha(opacity=50)}
.insetend2{position:absolute; z-index: 5; top: 15px; margin-left: 123px;  opacity:.5; filter:alpha(opacity=50)}
.insetend3{position:absolute; z-index: 5; top: 15px; margin-left: 193px;  opacity:.5; filter:alpha(opacity=50)}
.insetend4{position:absolute; z-index: 5; top: 15px; margin-left: 263px;  opacity:.5; filter:alpha(opacity=50)}
.insetend5{position:absolute; z-index: 5; top: 15px; margin-left: 333px;  opacity:.5; filter:alpha(opacity=50)}
.insetend6{position:absolute; z-index: 5; top: 15px; margin-left: 403px;  opacity:.5; filter:alpha(opacity=50)}
.insetend7{position:absolute; z-index: 5; top: 15px; margin-left: 473px;  opacity:.5; filter:alpha(opacity=50)}
.insetend8{position:absolute; z-index: 5; top: 15px; margin-left: 543px;  opacity:.5; filter:alpha(opacity=50)}

.definition1{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 11px;  text-align: center; color: #a18590; opacity: .8; filter:alpha(opacity=80)}
.definition2{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 24px;  text-align: center; color: #a39151; opacity: .8; filter:alpha(opacity=80)}
.definition3{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 16px;  text-align: center; color: #81b3c5; opacity: .8; filter:alpha(opacity=80)}
.definition4{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: -3px;  text-align: center; color: #385b5a; opacity: .8; filter:alpha(opacity=80)}
.definition5{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 7px;  text-align: center; color: #819092; opacity: .8; filter:alpha(opacity=80)}
.definition6{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 7px;  text-align: center; color: #a5a784; opacity: .8; filter:alpha(opacity=80)}
.definition7{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 6px;  text-align: center; color: #858d50; opacity: .8; filter:alpha(opacity=80)}
.definition8{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 8px;  text-align: center; color: #9f8e8e; opacity: .8; filter:alpha(opacity=80)}

.definition1ios{position:absolute; z-index: 5; top: -85px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 11px;  text-align: center; color: #a18590; opacity: .8; filter:alpha(opacity=80)}
.definition2ios{position:absolute; z-index: 5; top: -85px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 24px;  text-align: center; color: #a39151; opacity: .8; filter:alpha(opacity=80)}
.definition3ios{position:absolute; z-index: 5; top: -85px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 16px;  text-align: center; color: #81b3c5; opacity: .8; filter:alpha(opacity=80)}
.definition4ios{position:absolute; z-index: 5; top: -85px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: -3px;  text-align: center; color: #385b5a; opacity: .8; filter:alpha(opacity=80)}
.definition5ios{position:absolute; z-index: 5; top: -85px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 7px;  text-align: center; color: #819092; opacity: .8; filter:alpha(opacity=80)}
.definition6ios{position:absolute; z-index: 5; top: -85px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 7px;  text-align: center; color: #a5a784; opacity: .8; filter:alpha(opacity=80)}
.definition7ios{position:absolute; z-index: 5; top: -85px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 6px;  text-align: center; color: #858d50; opacity: .8; filter:alpha(opacity=80)}
.definition8ios{position:absolute; z-index: 5; top: -85px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 8px;  text-align: center; color: #9f8e8e; opacity: .8; filter:alpha(opacity=80)}

/* text font and color for bottom captions. This first part about ".caption" seems necessary for the next #current-caption, which provides the proper css*/

/*this is for first caption*/
.caption {
	display: none;
}

#current-caption {
	position: absolute;
	width: 630px;
	/* up and down*/
	margin: 10px auto;
	font-family: "ArimoRegular", Arial, sans-serif;
	color: #b4b5b5;
	text-align: justify;
	padding-left:85px;
	font-size: 17px;
	z-index: 16;
	opacity: 1.0;
}

/*this is for second caption*/


/*this is for image in third caption*/
.caption3 { display: none;}

#current-caption3 {
	position: absolute;
	width: 700px;
	margin: 10px auto;
	padding-left:50px;
	z-index: 3;
	opacity: 1.0;
}

.caption4 { display: none;}

#current-caption4 {
	position: absolute;
	width: 700px;
	margin: 10px auto;
	padding-left:50px;
	z-index: 2;
}

.caption5 { display: none;}

#current-caption5 {
	position: absolute;
	width: 700px;
	margin: 10px auto;
	padding-left:50px;
	z-index: 4;
}

.caption6 { display: none;}

#current-caption6 {
	position: absolute;
	width: 700px;
	margin: -350px auto;
	padding-left:50px;
	z-index: -1;
}

.caption7 { display: none;}

#current-caption7 {
	position: absolute;
	width: 700px;
	margin: -340px auto;
	padding-left:50px;
	z-index: -2;
}
.caption2 {
	display: none;
	font-size: 12px;
}

#current-caption2 {
	position: absolute;
	width: 640px;
	/* up and down*/
	margin: 10px auto;
	text-align: justify;
	padding-left:80px;
	font-size: 18px;
	z-index: 1;
	opacity: 1.0;
}
 #text-wrapper {position: relative;}
 
 #slider, .inner {
	width: 600px; /* adjust width & height as desired */
	height: 350px;
	list-style: none;
	font-family: "ArimoRegular", Arial, sans-serif;
}

.jiggle {
	position: relative;
	color: #FFF;
	font-size: 18px;
	font-style: bold;
	font-family: "Times New Roman", Times, serif;
	z-index: 28;
}
.jiggle2 {
	position: absolute;
	width: 530px;
	/* up and down*/
	font-family: "Times New Roman", Times, serif;
	padding-left:35px;
	font-size: 18px;
	z-index: 28;
}