@charset "UTF-8";

body
{
	background-color: #4a4a4a;
	background-image: url('images/ribbit-main.png');
	background-repeat: no-repeat;
	height: 868px;
	
	margin-bottom: 0px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 50px;
	padding:0px;
	
	color: #4a4a4a;
    font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
}

div#maincontent
{
	
}

div#pagetitle
{
	position: absolute;
	left: 200px;
	top: 40px;
	width: 600px;
	font-size: 24pt;
	text-align: center;
}

div#ribbit-detail
{
	position: absolute;
	left: 150px;
	top: 200px;
	width: 110px;
}

div#about-detail
{
	position: absolute;
	left: 150px;
	top: 200px;
	width: 110px;
}

div#about-detail p
{
	margin-bottom: 50px;

}

div#pagecontent
{
	position: absolute;
	left: 360px;
	top: 200px;
	width: 480px;
}

div#pagecontent_widepage
{
	position: absolute;
	left: 150px;
	top: 200px;
	width: 700px;
}

div#pagecontent-about-GRoinkLogo
{
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}

div#pagecontent-about-GRoinkQRCode
{
	margin-top: 20px;
	margin-right: 60px;

	float: right;
}

div#available
{
	position: absolute;
	left: 500px;
	top: 600px;
}

div#footer
{
	position: absolute;
	top: 750px;
}

div#footercontent
{
	position: relative;
	left: 580px;
	width: 800px;
}

ul#pagelinks
{
   list-style-type: none;
   list-style-image: none; 
   margin: 0px;
}

#pagelinks li
{
   display: inline;
   padding-right: 40px;
   padding-left: 0px;
   margin: 0px;
   padding-top: 0px;
   height: 105px;
   margin-left: 0px;
}

img
{
    border: 0px;
}

body a:link,
body a:visited
{
    text-decoration: underline;
	color: #4a4a4a;
}

body a:hover
{
    text-decoration: underline;
    font-weight: bold;
}