html, body 
{
    margin:0;
    padding:0;
    height:100%;
	background-color:#454a58;
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
}

html
{
	overflow-y:scroll;
}

a:link, a:hover, a:active
{
	text-decoration:none;
}

.fullWidthDiv
{
	width:100%;
}

#container 
{
	min-height:100%;
    padding:0;
    position:relative;
}

#headerBar 
{
	height:50px;
    text-align:center;
}

#body 
{
    padding-bottom:70px;   /* Height of the footer */
	width:900px;
    margin-left:auto;
    margin-right:auto;
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	font-size:14px;
}

#innerHeader
{
	width:900px;
	height:50px;
    margin-left: auto ;
    margin-right: auto ;
	text-align:left;
}

#navBarbuttons
{
	float:right;
	height:50px;
	position:relative;
}

.innerDiv
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	vertical-align:middle;
}

.innerDiv p
{
	padding:0px;
	margin:0px;
}

#logo
{
	position:relative;
	height:40px;
	left:150px;
}

#homeImage
{
	position:relative;
    display: block;
    width: 67px;
    height: 40px;
	right:180px;
	float:right;
    background: url("images/home_icon.png") no-repeat 0 0;
}

#homeImage:hover
{ 
	background-position: 0 -40px;
}

#homeImage span
{
	display: none;
}

#aboutImage
{
	position:relative;
	right:180px;
}

#aboutImage
{
	position:relative;
    display: block;
    width: 67px;
    height: 40px;
	right:130px;
	float:right;
    background: url("images/about_team.png") no-repeat 0 0;
}

#aboutImage:hover
{ 
    background-position: 0 -40px;
}

#aboutImage span
{
	display: none;
}

#contactImage
{
	position:relative;
    display: block;
    width: 67px;
    height: 40px;
	right:80px;
	float:right;
    background: url("images/contact_us_button.png") no-repeat 0 0;
}

#contactImage:hover
{ 
	background-position: 0 -40px;
}

#contactImage span
{
	display: none;
}

#headerBar
{
	height:40px;
	background-color:white;
}

#content1
{
	height:320px;
	background-color:#667580;
}

#content2
{
	height:50px;
	background-color:#fee79b;
}

#content3
{
	height:170px;
	background-color:#00a885;
}

#content4
{
	height:185px;
	background-color:white;
}

#content5
{
	height:0px;
	background-color:#ff5859;
}

#footerBar
{
	height:50px;
	background-color:#454a58;
}
.page_home
{
	display:block;
}
	
.page_letters_and_numbers
{
	display:none;
}

.page_ruboku
{
	display:none;
}

.page_about
{
	display:none;
}

.page_contact_us
{
	display:none;
}

#appIdeaText
{
	color:#998132;
	width:100%;
	text-align:center;
	line-height: 50px;
}

#aboutUsText
{
	padding:25px;
	color:#242627;
	text-align:center;
}

#slidesPanel
{
	height:290px;
}

#slidesPanel
{
	width:900px;
	height:290px;
	position:relative;
}
		
#slides
{
	position:relative;
	top:0px;
	width:900px;
	height:290px;
}

.slides_container
{
	left:50px;
	width:862px;
}

.slides_container a, .slides_container img
{
	position:absolute;
	height:290px;
	width:800px;
}
		
.pagination 
{
	margin:10px auto 0;
	width:100px;
	top:200px;
	z-index:200;
}
	
.pagination li 
{
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a 
{
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a 
{
	background-position:0 -12px;
}

#prevButt
{
	position:absolute;
	left:10px;
	top:140px;
}

#nextButt
{
	position:absolute;
	right:10px;
	top:140px;
}

.imgWrap 
{
    position: relative;
    height: 166px;
    width: 350px;
    padding:0px;
    margin: 0px;
}

.app_image
{
    height: 166px;
    width: 350px;
}

.imgDescription p
{
	padding:10px;
}

.imgDescription 
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding:20px;
    background: rgba(0, 168, 133, 0.92);
    color: #fff;
    margin:5px;
    visibility: hidden;
    opacity: 0;
}

.imgWrap:hover .imgDescription 
{
	visibility: visible;
    opacity: 1;
}

#letters_and_numbers_image
{
	position:relative;
	left:50px;
	top:0px;
	float:left;
}

#ruboku_image
{
	position:relative;
	left:100px;
	top:0px;
	float:left;
}
#googlePlayImage
{
	position:relative;
	top:20px;
	margin-left:auto;
	margin-right:auto;
}

#rateOurAppLink
{
	color:#073d32;
}

#rateOurAppLink, #lettersAndNumbersLink
{
	line-height:50px;
	text-align:center;
	padding:0px;
}

#rubokuIcon
{
	width:240px;
	padding:30px;
	padding:top:50px;
}

#rubokuAppImage 
{
    width: 280px;
    float: left;
}
#rubokuAppText 
{
    margin-left: 280px;
}

#rubokuAppText p 
{
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	color:#e0e1e4;
}

#rubokuAppText h1 
{
	margin:0px;
	padding-top:10px;
	padding-left:20px;
	color:#e0e1e4;
}

#rubokuScreenshot
{
	width:650px;
	padding:15px;
}

#lettersAndNumbersAppText p
{
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	color:#fef6bd;
}

#lettersAndNumbersAppText h1
{
	margin:0px;
	padding-top:10px;
	padding-left:20px;
	color:#fef6bd;
}

#googlePlayImage
		{
			position:relative;
			top:20px;
			margin-left:auto;
			margin-right:auto;
		}
		
		#lettersAndNumbersLink
		{
			line-height:50px;
			text-align:center;
			padding:0px;
			color:#47090a;
		}
		
		#twitterIcon
		{
			width:240px;
			padding:30px;
		}
		
		
#tweetUsImage {
    width: 280px;
    float: left;
}
#tweetUsText {
    margin-left: 280px;
}

#tweetUsText p, h1 {
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	color:#91cdf7;
}

#tweetUsText h1 {
margin:0px;
padding-left:20px;
padding-bottom:10px;
}

#lettersReviewIcon
{
	width:150px;
}

#lettersandnumbersReviewImage
{
    width: 170px;
    float: left;
}

#lettersandnumbersReviewText
{
    margin-left: 170px;
	color:#242627;
}

#lettersandnumbersReviewText
{
	line-height:120px;
}

#rubokuReviewIcon
{
	width:150px;
}


#emailText
{
	padding:10px;
	text-align:center;
}

img 
{
	text-decoration: none; border: 0px
}

#footerText
{
	text-align:center;
	line-height:50px;
	font-size:12px;
	color:#aeb1b3;
}

#aboutUsPageText p {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	color:#e0e1e4;
}

#aboutUsPageText li, #aboutUsTitleText {
	color:#e0e1e4;
}

#ryanImage, #huwImage
{
	width:150px;
	padding:20px;
}

#ryanImageDiv
{
    width: 170px;
    float: left;
}

#ryanText
{
    margin-left: 170px;
	color:#51441b;
}

#huwText
{
    margin-left: 170px;
	color:#05251e;
}

#ryanText p, #huwText p
{
	padding:20px;
}

.indivTitleText
{
	margin:0px;
	padding-left:20px;
	padding-bottom:0px;
	padding-top:20px;
}

#aboutUsTitleText
{
	margin:0px;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:20px;
}