*{
padding:0;
margin:0
}

html {
	font-size: 100.01%;
}
body {
	font: 1em "Trebuchet MS", Arial, Verdana, sans-serif;
	background:#000 url(../images/bodyBg.jpg) 0 0 repeat-x;
	text-align:center;
}
a img{
border:0;
}
/*  Layout
*********************** */ 
#wrapper{
  margin:0 auto;
  width:773px;
	text-align:left;
}
#languages{
   width:773px;
   height:408px;
   background:url(../images/languagesBg.jpg) 0 0 no-repeat;
}
#languages ul{
  list-style:none;
  float:right;
  margin-right:15px;
}
#languages ul li{
  list-style:none;
  float:right;
}
#languages ul li a{
  display:block;
  float:left;  
  width:54px;
  height:55px;
}
#languages ul li a span{
  position:absolute;
  top:-9999px;
  left:-9999px;
}
h1{
  width:551px;
  height:53px;
  background:url(../images/titleBg.jpg) 0 0 no-repeat;
  font-size:1.25em;
  font-weight:bold;
  color:#550706;
  padding:10px 0 0 242px;
  clear:both;
}
#text{
  width:490px;
  min-height:300px;
  _height:300px;
  float:right;
  color:#D6EAEB;
  font-size:0.82em;
  padding:10px 40px 0 0;
  background:url(../images/contentBg.gif) 415px 100% no-repeat;
  _overflow-x:hidden;
}
#nav{
  float:left;
  width:243px;
  height:255px;
  background:url(../images/navElBg.jpg) 0 0 no-repeat;
}
#nav ul{
  list-style:none;
  float:left;
  padding:11px 0 0 63px;
}
#nav ul li{
  list-style:none;
}
#nav ul li a{
  line-height:28px;
  text-decoration:none;
  color:#ff8429;
  font-size:0.875em;
}
#nav ul li a:visited{
  color:#D64E06;
}
#nav ul li a:hover{
  text-decoration:underline;
  color:#D64E06;
}
#content{
  background:url(../images/wrapperBg.gif) 0 0 repeat-y;
  clear:both;
  width:773px;
}
#footer{
  color:#ab4e09;
  text-align:center;
  font-size:0.75em;
  width:773px;
  margin-bottom:20px;
}
.verse{
  padding:15px 0;
  border-bottom:1px solid #0B4853;
  clear:both;
}
.verse p,.verse h3{
  width:250px;
  float:left;
  margin-left:20px;
  line-height:1.4em !important;
}
.verse h3{
  line-height:1.8em !important;
}
.readTransPlay{
  float:left;
  margin-right:30px;
  padding:0 5px;
  display:block;
  color:#FF8429;
}
a:hover.readTransPlay{
  background:#312A30;
  color:#fff;
  text-decoration:none;
}
.resumePlay{
  clear:both;
  padding:10px 0;
  border-bottom:1px solid #0B4853;
}
#text .resumePlay h3{
  font-size:1.5em;
}
/*  Typography 
*********************** */ 
#text p{
  line-height:1.5em;
  margin-bottom:7px;
}

#text h3{
  font-size:1.125em;
  line-height:2em;
  color:#FCAE3A;
}
#text h2{
  font-size:1.5em;
  line-height:2em;
  color:#FCAE3A;
}
#text b{
  color:#fff;
}
#text i{
  font-size:1em;
  line-height:1.4em;
}
#footer a{
  color:#AB4E09;
}
#footer a:hover{
  color:#FCAE3A;
  background:#612D05;
  text-decoration:none;
}
#footer p.madeOf{
  text-align:right;
}
#footer p.madeOf a{
  font-size:0.68em;
  color:#3E3E3E;
  padding:0 5px;
  margin-right:40px;
}
#footer p.madeOf a:hover{
  background:#D64E06;
  color:#fff
}
/*  Gallery 
*********************** */ 

#FrogJS{
width: 490px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}

/* Additional CSS*/
.flLeft{
float:left;
}
.clearfix:after {   
     content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
} 
/* Hides from IE-mac \*/
.clearfix {
  #height: 1%;
}
/* End hide from IE-mac */