html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background: #00A0C6 url(images/kd-bg.jpg) repeat-x center top; 
	margin: 0; 
	padding: 0;
	}
p { 
	margin-top: 0; 
	text-align: left;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #505050;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}


/* specific divs */
#upper_bg {
position: relative;
top: 0px;
left: auto;
right: auto;
width: 900px;
height: 768px;
background-image: url(images/kd-upperbg.jpg);
margin-right: auto;
margin-left: auto; }

#lower_bg { 
position: relative;
top: 0px;
left: auto;
right: auto;
width: 900px;
height: 1000px;
background-image: url(images/kd-lowerbg.jpg);
background-repeat: repeat-y;
margin-right: auto;
margin-left: auto; }


#header {
position: relative;
top: 0px;
left: 50px;
right: 50px;
width: 800px;
height: 80px;
background-image: url(images/kd_banner.jpg);
}

#navigation {
position: absolute;
left: 50px;
width: 800px;
height: 55px;
}

#nav_flashgames {
float: left;
margin-left:0px;
width: 172px;
height: 55px;
display: block;
text-indent: -300px;
overflow: hidden; }

#nav_flashgames a:link {
width: 172px;
height: 55px;
background-image: url(images/flashgames.jpg);
display: block;
}

#nav_flashgames a:visited{
width: 172px;
height: 55px;
background-image: url(images/flashgames.jpg);
display: block;
}


#nav_flashgames a:hover{
width: 172px;
height: 55px;
background-image: url(images/flashgames_over.jpg);
display: block;
}



#nav_graphicdesign {
float: left;     
width: 152px;
height: 55px;
display: block;
text-indent: -300px;
overflow: hidden; }

#nav_graphicdesign a:link{
width: 152px;
height: 55px;
background-image: url(images/graphicd.jpg);
display: block;
}

#nav_graphicdesign a:visited{
width: 152px;
height: 55px;
background-image: url(images/graphicd.jpg);
display: block;
}


#nav_graphicdesign a:hover{
width: 152px;
height: 55px;
background-image: url(images/graphicd_over.jpg);
display: block;
}

#nav_about {
float: left;     
width: 152px;
height: 55px;
display: block;
text-indent: -300px;
overflow: hidden; }

#nav_about a:link{
width: 152px;
height: 55px;
background-image: url(images/about.jpg);
display: block;
}

#nav_about a:visited{
width: 152px;
height: 55px;
background-image: url(images/about.jpg);
display: block;
}


#nav_about a:hover{
width: 152px;
height: 55px;
background-image: url(images/about_over.jpg);
display: block;
}

#nav_resources {
float: left;     
width: 152px;
height: 55px;
display: block;
text-indent: -300px;
overflow: hidden; }

#nav_resources a:link{
width: 152px;
height: 55px;
background-image: url(images/resources.jpg);
display: block;
}

#nav_resources a:visited{
width: 152px;
height: 55px;
background-image: url(images/resources.jpg);
display: block;
}


#nav_resources a:hover{
width: 152px;
height: 55px;
background-image: url(images/resources_over.jpg);
display: block;
}

#nav_contact {
float: left;     
width: 172px;
height: 55px;
display: block;
text-indent: -300px;
overflow: hidden; }

#nav_contact a:link{
width: 172px;
height: 55px;
background-image: url(images/contact.jpg);
display: block;
}

#nav_contact a:visited{
width: 172px;
height: 55px;
background-image: url(images/contact.jpg);
display: block;
}

#nav_contact a:hover{
width: 172px;
height: 55px;
background-image: url(images/contact_over.jpg);
display: block;
}


#games {
position: relative;
left: 110px;
top: 70px;
width: 800px;
height: auto;
}


div.thumb_box {
     background-image: url(images/thumbholder.jpg);
     width: 200px;
     height: 70px;
     background-repeat: no-repeat;
     float: left;
     clear: right;
     position: relative;
     left: 10px;
     top: 0px;
     margin: 10px;
}

div.thumb {
     height: 50px;
     width: 50px;
     position: absolute;     
     top: 10px;
     left: 10px;
}


div.gamename {
     height: 50px;
     width: 120px;
     position: absolute;     
     top: 10px;
     left: 70px;
}

div.gamename p {
	margin-top: 15px; 
	text-align: justify;

}

#section-flashgames {
position: relative;
left: 126px;
top: 70px;
width: 160px;
height: 36px;
background-image: url(images/sec-flashgames.jpg);
text-indent: -300px;
overflow: hidden; }


#section-graphicdesign {
position: relative;
left: 126px;
top: 70px;
width: 160px;
height: 36px;
background-image: url(images/sec-graphicdes.jpg);
text-indent: -300px;
overflow: hidden; }


#graphicdesign {
position: relative;
left: 110px;
top: 70px;
width: 800px;
height: auto;
}

.linktomysite {
     background-image: url(images/linktokenwaltonwebsite.jpg);
     width: 640px;
     height: 324px;
     background-repeat: no-repeat;
     float: left;
     clear: right;
     position: relative;
     left: 10px;
     top: 0px;
     margin: 10px;
}

div.linktomysitepic {
     height: 304px;
     width: 400px;
     position: absolute;     
     top: 10px;
     left: 10px;
}


#about {
position: relative;
left: 140px;
top: 70px;
width: 620px;
height: auto;
z-index: 5; }

.mysiteinfo {
     height: 50px;
     width: 210px;
     position: absolute;     
     top: 10px;
     left: 420px;

}

#section-about {
position: relative;
left: 126px;
top: 70px;
width: 160px;
height: 36px;
background-image: url(images/sec-about.jpg);
text-indent: -300px;
overflow: hidden; }


#section-resources {
position: relative;
left: 126px;
top: 70px;
width: 160px;
height: 36px;
background-image: url(images/sec-resources.jpg);
text-indent: -300px;
overflow: hidden; }

#section-contact {
position: relative;
left: 126px;
top: 70px;
width: 160px;
height: 36px;
background-image: url(images/sec-contact.jpg);
text-indent: -300px;
overflow: hidden; }


label
{
width: 6em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 6.5em;
} 

#gameholder_top {
     background-image: url(images/gameframe_01.jpg);
     width: 640px;
     height: 10px;
     background-repeat: no-repeat;
     position: relative;
     left: 20px;
     top: 0px;
}

#gameholder_mid {
     background-image: url(images/gameframe_02.jpg);
     width: 640px;
     height: auto;
     /*background-repeat: no-repeat;*/
     position: relative;
     left: 20px;
     top: 0px;
}

#gameholder_bot {
     background-image: url(images/gameframe_03.jpg);
     width: 640px;
     height: 10px;
     background-repeat: no-repeat;
     position: relative;
     left: 20px;
     top: 0px;
}


.gamewrap {
padding: 10px;
}

#gamedescription {
position: relative;
left: 140px;
top: 70px;
width: 620px;
height: auto;
z-index: 5;
}