/* CSS Document */

/*/*/

body {margin: 0; padding: 0; background: #C6D0AE url(../files/childsplay/deepbackground.jpg) repeat-y left top}

#wrapper {margin: 0; padding: 0; width: 760px;}

#header {margin: 0; padding: 0; clear: both; width: 760px; height: 200px; background: url(../files/childsplay/header.jpg) no-repeat left top;	text-indent: -9999px;}
#header h2 {text-indent: -9999px; margin: 0;}

#contentwrapper {position: relative; width: 630px; left: 110px;}

#navbar ul {margin: 0px; padding: 0px; list-style: none;}
#navbar li {float: left;}
#navbar li a:link, #navbar li a:visited {height: 75px; width: 105px; display: block; float: left; text-decoration: none;}
#navbar .home a:link, #navbar .home a:visited {background: url(../files/childsplay/button-home.gif);}
#navbar .home a:hover, #navbar .home a:active {background: url(../files/childsplay/button-home2.gif);}
#navbar .whatwedo a:link, #navbar .whatwedo a:visited {background: url(../files/childsplay/button-whatwedo.gif);}
#navbar .whatwedo a:hover, #navbar .whatwedo a:active {background: url(../files/childsplay/button-whatwedo2.gif);}
#navbar .projects a:link, #navbar .projects a:visited {background: url(../files/childsplay/button-projects.gif);}
#navbar .projects a:hover, #navbar .projects a:active {background: url(../files/childsplay/button-projects2.gif);}
#navbar .process a:link, #navbar .process a:visited {background: url(../files/childsplay/button-process.gif);}
#navbar .process a:hover, #navbar .process a:active {background: url(../files/childsplay/button-process2.gif);}
#navbar .about a:link, #navbar .about a:visited {background: url(../files/childsplay/button-about.gif);}
#navbar .about a:hover, #navbar .about a:active {background: url(../files/childsplay/button-about2.gif);}
#navbar .contact a:link, #navbar .contact a:visited {background: url(../files/childsplay/button-contact.gif);}
#navbar .contact a:hover, #navbar .contact a:active {background: url(../files/childsplay/button-contact2.gif);}
#navbar {clear: both; width: 630px; height: 75px; text-indent: -9999px; margin-bottom: 15px;}

#content {width: 630px; position: relative; bottom: 5px;}
#content h1 {text-align: center; font: bold 200% "Courier New", Courier, monospace;}
#content p {font: normal 110% "Courier New", Courier, monospace; text-indent: 1.5em;}
#content li {font: normal 110% "Courier New", Courier, monospace; text-indent: 0px;	margin-left: 65px;
	list-style: url(../files/childsplay/bullet.gif);}
#content ul {margin: 0; padding: 0px;}
#content h2 {font: bold 150% "Courier New", Courier, monospace; margin-top: 1.5em;}
#content .portfolio h3 {font: bold 125% "Courier New", Courier, monospace; margin: 0px;}
#content .portfolio {margin: 25px 0px; padding: 0px; text-align: center;}
#content .portfolio li {width: 630px; margin: 0px 0px 50px; list-style: url(../files/childsplay/bullet-blank.gif) none;}
#content .portfolio img {margin-bottom: 5px; border: 3px solid #000000;	clear: both;}
#content .portfolio p {text-indent: 0px;}
#content .portfolio  a {font-size: 90%;}
.center {text-align: center;}
#content a:link, #content a:visited {color: #0000CC; text-decoration: none; border-bottom: 2px solid #0000CC;}
#content a:hover, #content a:active {font-weight: bold; text-decoration: none; border-bottom: 2px dashed #0000CC;}
#content legend {font: normal 100% "Courier New", Courier, monospace; color: #000000;}
#content form p {font: bold 110% "Courier New", Courier, monospace; text-align: left; margin: 10px; text-indent: 0px;}
#content fieldset {margin: 25px;}
#form input {background: #FAFAFA; color: #000000; font: 100% "Courier New", Courier, monospace;	border: 1px solid #B9DEFB;	width: 300px;}
#content #form .submit-button {border-width: 1px; border-color: #D94A4C; font: bold 105% "Courier New", Courier, monospace; width: 75px;}
.italics {font-style: oblique;}
#content img {float: right;	border: 1px solid #000000; margin: 10px;}
.bold {font-weight: bold;}

#footer {height: 110px;	background: url(../files/childsplay/footer.gif) no-repeat left bottom;}
#footer h4 {padding: 0;	text-align: right; font: bold 105% "Courier New", Courier, monospace; margin: 0; position: relative; right: 40px;}
#footer ul {list-style: none; margin: 0; padding: 0; float: right; position: relative; top: 15px; right: 25px;}
#footer li {display: inline;}
#footer li a:link, #footer li a:visited {width: 20px; height: 47px;	display: block;	margin-right: 10px; float: left; background: url(../files/childsplay/clover.gif) no-repeat; color: #FFFFFF; text-decoration: none; font: bold 20px "Courier New", Courier, monospace; padding-top: 3px; padding-left: 30px;}
#footer li a:hover, #footer li a:active {background: url(../files/childsplay/clover-over.gif) no-repeat;}

#testsite {display: none;}

#credits {width: 750px; clear: both; margin-right: 10px; padding-bottom: 75px; margin-top: 25px;}
#validation {padding-left: 110px; padding-top: 5px; float: left;}
#validation img {margin-right: 15px; border-style: none;}
#validation p {margin: 0; color: #198F5D; font: 65% Georgia, "Times New Roman", Times, serif;}
#validation a:link, #validation a:visited {text-decoration: none; border-bottom: 1px dotted #1A8F5E; color: #198F5D;}
#validation a:hover, #validation a:active {text-decoration: none; border-bottom: 1px dotted #000000; color: #000000;}
#version {padding-right: 10px; padding-top: 5px; float: right;}
#version p {margin: 0px; color: #198F5D; font: 65% Georgia, "Times New Roman", Times, serif;}
#footer {height: 100px; width: 760px; clear: both; margin-top: 25px;}

#threeleafclover, #fourleafclover, #fiveleafclover, #sixleafclover, #sevenleafclover {display: none;}