@charset "utf-8";
/* CSS Document */
body{
    margin:0;
    padding:0;
}

#wrapper {
    min-width:760px;
    margin:0;
    padding:0;
    font-family: calibri, Arial, sans-serif;
	font-size: 100%;
    background-image:url(images/bg_link.gif);
    background-repeat:repeat-x;
    background-position: 0px 180px;
    background-color:#FFF; 
}

#banner {
    background:#6A4B65;
    height:180px;
}
#banner #logo {
	float:left;
	margin:10px 0 0 20px;
	padding:0;
}
#validhtml {
	float: left;
}
#validcss {
	float:  left;
	list-style-type: none;
}
#address {
    float:right;
    margin-right:30px;
    margin-top:0px;
}
#address ul {
    list-style:none;
    height: 100px;
    width: 170px;
    color:#fff;
    text-align:right;
}

#maincontent {
    width:80%;
    margin: 5px auto 0 auto;
    padding: 0;
    line-height: 140%;
    color:#252525;
}
#footer{
	margin:5px;
	border-top:2px solid #000;
	height: 80px;
	width:95%;
	padding: 0px;
}
#copyright {
	height:auto;
	width:50%;
	float:right;
	font-size: 80%;
	text-align:right;
	color: #000;
	list-style-type: none;
	list-style-position: inside;
}
#webdev {
	height:auto;
	width:50%;
	float:right;
	font-size: 80%;
	text-align:right;
	color: #000;
	list-style-type: none;
}
#FrogJS{
    width: 760px;
    height: 500px;
    margin: 0 auto;
}
#FrogJSCredit{
    text-align: right;
    font-size: 80%;
    color: #222;
    padding: 1px;
}
#FrogJSCaption{
    text-align: left;
    line-height: 140%;
}