/* the higher the "top" px amount, the higher the object places on the page*/
/* the higher the "margin-left" px amount, the more right the object places on the page*/
.inset2{position:absolute; z-index: -25; top: -530px; margin-left: 0px;  opacity:1.0; filter:alpha(opacity=100)}
.inset2b{position:absolute; z-index: 900; top: -530px; margin-left: 0px;  opacity:1.0; filter:alpha(opacity=100)}
.inset2x{position:absolute; z-index: 5; top: -400px; margin-left: 0px;  opacity:.8; filter:alpha(opacity=80)}
.inset2y{position:absolute; z-index: -10; top: 0px; margin-left: 0px;  opacity:.50; filter:alpha(opacity=50)}
.inset2z{position:absolute; z-index: 5; top: -457px; margin-left: 0px;  opacity:.30; filter:alpha(opacity=30)}
.inset{position:absolute; z-index: 2; top: -410px; margin-left: 555px;  opacity:1.0; filter:alpha(opacity=100)}
.inset3{position:absolute; z-index: 4; top: -460px; margin-left: -75px;  opacity:.30; filter:alpha(opacity=30)}
.inset3b{position:absolute; z-index: 5; top: -470px; margin-left: -75px;  opacity:.30; filter:alpha(opacity=30)}
.inset4{position:absolute; z-index: 6; top: -605px; margin-left: -84px;  opacity:.30; filter:alpha(opacity=30);}
.inset4b{position:absolute; z-index: 12; top: -610px; margin-left: -75px;  opacity:.05; filter:alpha(opacity=05)}
.inset4c{position:absolute; z-index: 11; top: -607px; margin-left: -73px;  opacity:.40; filter:alpha(opacity=40)}
.inset4d{position:absolute; z-index: 11; top: -610px; margin-left: -73px;  opacity:.50; filter:alpha(opacity=50)}
.inset4e{position:absolute; z-index: 11; top: -610px; margin-left: -73px;  opacity:.10; filter:alpha(opacity=10)}
.inset4f{position:absolute; z-index: 7; top: -610px; margin-left: -73px;  opacity:.30; filter:alpha(opacity=30)}
.inset5{position:absolute; z-index: 999; top: -460px; margin-left: -75px;  opacity:1.0; filter:alpha(opacity=100)}

.inset4flip{position:absolute; z-index: 7; top: -458px; margin-left: -75px;  opacity:.30; filter:alpha(opacity=30); -moz-transform: scaleX(-1); /* For Mozilla Firefox */
-o-transform: scaleX(-1);   /* For Opera */
-webkit-transform: scaleX(-1); /* For Safari, Google chrome */
 
/* For IE */
filter: FlipH;
-ms-filter: "FlipH";}



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

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

}
@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;

}


/* AnythingSlider Themes demo */
body               {background: #000000; color: #adb3b3;  font-family: "ArimoRegular"; font-size: 20px; text-align: center;}
/* THIS IS THE LINK COLOR, NOT DARK7 */
a:link             { color: #f2fb05; text-decoration: none;}
a:hover            { color: #1195f4;}

/* link colors */
.dark   { color: #ffffff;}
.dark a:link   { color: #f2fb05; }
.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: #f2fb05; font-size: 20px;}

.newtext1      {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down px is distance from top */
	top: 300px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;	
  line-height: 1.2em;
}

.newtext2      {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down px is distance from top */
	top: 275px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;
  line-height: 1.2em;
}

.newtext3       {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down px is distance from top */
	top: 265px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;
  line-height: 1.2em;
}

.newtext4       {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down px is distance from top */
	top: 255px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;	
  line-height: 1.2em;
}

.newtext5       {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down px is distance from top */
	top: 240px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;	
  line-height: 1.2em;
}

.newtext6       {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down, px is distance from top, use 15px increments*/
	top: 225px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;
  line-height: 1.2em;
}

.newtext7     {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down, px is distance from top, use 15px increments*/
	top: 209px;
	 left: 107px;
	 height: 277px;
  bottom: 350px;
  width: 690px;
  line-height: 1.2em;
}

.newtext8     {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down, px is distance from top, use 15px increments*/
	top: 215px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;	
  line-height: 1.2em;
}

.newtext9       {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down px is distance from top */
	top: 175px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;
  line-height: 1.2em;
}

.newtext10       {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down px is distance from top */
	top: 155px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;	
  line-height: 1.2em;
}

.newtext11       {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down px is distance from top */
	top: 188px;
	 left: 98px;
	 height: 277px;
  bottom: 350px;
  width: 690px;	
  line-height: 1.2em;
}

.newtext12       {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	/* top is to adjust text up and down px is distance from top */
	top: 76px;
	 left: 179px;
	 height: 277px;
  bottom: 350px;
  width: 690px;	
  line-height: 1.2em;
}
.newtext13      {
	
	color: #ffffff;
	font-family: "Conv_CALIBRI";
	font-size: 30px;
	position: absolute;
	text-align: center;
	z-index: 2010;
	/* top is to adjust text up and down px is distance from top */
	top: 170px;
	 left: 78px;
	 height: 277px;
  bottom: 350px;
  width: 690px;
  line-height: 1.2em;
}


/* 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"; color:#000000;}
h3{ font:35px "Conv_CALIBRI"; color:#ffffff; text-align: center;}
h4{ font:18px "ArimoRegular"; color:#ffffff; text-align: center;}
h5{ color:#456c6c; text-align: center;}
h6{ font:13px "ArimoRegular"; color:#828b78; text-align: center;}
h7{ font:27px "Conv_CALIBRI"; color:#93afb2; text-align: center;}
h7b{ font:25px "ArimoRegular"; color:#d9d5d5; text-align: center;}
h8{ font:18px "ArimoRegular"; color:#ffffff; text-align: center;}
h9{ font:24px "ArimoRegular"; color:#f60c0c; text-align: center;}
h10{ font:21px "ArimoRegular"; color:#d9d5d5; text-align: center;}
.text
{
text-shadow: 0 0 20px #ffffff;
font-size:32px;
color:#ffffff;
}

.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: 900px;
	height: 640px;
	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";
}

/* 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";
	font-size: 19px;
	position: relative;
	text-align: center;
	z-index: 8;
	left: 0;
	top: 0;
	width: 860px;
	height: 30px;
	
}

.caption-bottom       {
	/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	color: #ffffff;
	padding: 25px;
	margin: 0px;
	font-family: "ArimoRegular";
	font-size: 25px;
	position: relative;
	text-align: justify;
	z-index: 10;
	 left: -5px;
	 height: 77px;
  bottom: 50px;
  width: 740px;
  right: 0;
	
	
}

/* 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; }



.definition1{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular"; 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"; 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"; 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"; 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"; 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"; 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"; 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"; 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;
	position: absolute;
}

#current-caption {
	position: absolute;
	width: 860px;
	/* up and down*/
	margin: 10px auto;
	font-family: "ArimoRegular";
	color: #b4b5b5;
	text-align: justify;
	padding-left:85px;
	font-size: 19px;
}

.caption2 {
	display: none;
	position: absolute;
}

#current-caption2 {
	position: absolute;
	width: 860px;
	/* up and down*/
	margin: 10px auto;
	font-family: "ArimoRegular";
	color: #b4b5b5;
	text-align: justify;
	padding-left:85px;
	font-size: 19px;
}

.caption3 {
	display: none;
	position: absolute;
}

#current-caption3 {
	position: absolute;
	width: 860px;
	/* up and down*/
	margin: 10px auto;
	font-family: "ArimoRegular";
	color: #b4b5b5;
	text-align: justify;
	padding-left:85px;
	font-size: 19px;
}

.caption4 {
	display: none;
	position: absolute;
}

#current-caption4 {
	position: absolute;
	width: 860px;
	/* up and down*/
	margin: 10px auto;
	font-family: "ArimoRegular";
	color: #b4b5b5;
	text-align: justify;
	padding-left:85px;
	font-size: 19px;
}

.caption5 {
	display: none;
	position: absolute;
}

#current-caption5 {
	position: absolute;
	width: 860px;
	/* up and down*/
	margin: 10px auto;
	font-family: "ArimoRegular";
	color: #b4b5b5;
	text-align: justify;
	padding-left:85px;
	font-size: 19px;
}

.caption6 {
	display: none;
	position: absolute;
}

#current-caption6 {
	position: absolute;
	width: 860px;
	/* up and down*/
	margin: 10px auto;
	font-family: "ArimoRegular";
	color: #b4b5b5;
	text-align: justify;
	padding-left:85px;
	font-size: 19px;
}



.textjiggle1 {
	
	position: absolute;
	padding-left:385px;
	z-index: 908;
}

 #text-wrapper {position: relative;}
 
 #slider, .inner {
	width: 900px; /* adjust width & height as desired */
	height: 640px;
	list-style: none;
	font-family: "ArimoRegular";
}

.jiggle {
	position: absolute;
	color: #FFF;
	font-size: 18px;
	font-style: bold;
	font-family: "Times New Roman", Times, serif;
	z-index: 5;
}
.jiggle2 {
	position: absolute;
	height: 100%;
	width: 90%;
	/* up and down*/
	font-family: "Times New Roman", Times, serif;
	padding-left:5%;
	font-size: 18px;
	text-align: center;
	z-index: 28;
}

.content {
       position:relative;
       color:White;
       z-index:55;
   }

#blackframe {
	position: absolute;
	z-index: 2000;
	background: url(../images/black2.png) no-repeat;
	width: 900px;
	height: 640px;
	margin: 0px auto;
	margin-bottom: -520px;
}