/* CSS Document
  Reptile Wrangler Stylesheet
  by Legacy Marketing Services
 */
 
/* General Definitions */
 
 * {
	margin: 0;
	padding: 0;
	}
html {
	height: 100%;
	padding-bottom: 1px;
	}	
#force-scrollbar { position: absolute; top: 0; bottom: -1px;
	width: 1em; z-index: -1; }	

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	background-image: url(background.gif);
	font-size: 1em;
	color: #6a3328;
	font-family: "Comic Sans MS", Arial, sans-serif;
	}
p, td, li {
	font-size: 88%;
	}
p {
	margin: 0;
	padding: 5px 0;
	}
h1 {
	display: table-cell;
	vertical-align: middle;
	color: #5c5918;
	font-size: 1.1em;
	margin: 0 0 15px 0;
	font-weight: bold;
	padding-left: 50px;
	height: 54px;
	background-image: url(headerBkgrnd.png);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 54px;

}

h2 {
	color: #9e6214;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 2px 0;
	}
h3 {
	font-size: 95%;
	padding: 10px 0 3px 0;
	color: #9e6214;
	}	
ul {
	margin: 0 0 0 30px;
	padding: 0;
	}
strong {
	color: #9e6214;
	}		
a:link, a:visited {
	color: #9e6214;
	text-decoration: none;
	}
a:hover, a:active {
	color: #b67a38;
	text-decoration: underline;
	}

/* Section definitions */

#wrapper {
	width: 748px;
	margin: 0 auto;
	text-align: center;
	background-color: #efd5aa;
	position: relative;
	}

#header {
	width: 748px;
	position: relative;
	background-color: #9d9a57;
	text-align: left;
	height: 110px;
	border-bottom: 8px solid #726f22;
	}

#logo {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	width: 203px;
	height: 84px;
	}

#headerContent {
	width: 500px;
	float: left;
	margin-left: 25px;
	}
	
.contact {
	width: 480px;
	height: 28px;
	text-align: right;
	margin-right: 20px;
	padding-top: 25px;
	color: #585514;
	font-size: 16pt;
	}

#nav {
	width: 500px;
	height: 25px;
	margin-top: 22px;
	text-align: right;
	}
#nav ul {
	list-style: none;
	}

#nav ul li {
	width: 90px;
	height: 24px;
	float: right;
	margin: 0;
	text-align: center;
	font-weight: bold;
	}

#nav ul li a {
	display: block;
	padding-top: 6px;
	text-align: center;
	color: #585514;
	text-decoration: none;
	background-image: url(menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 90px;
	height: 24px;
	}

#nav ul li a:hover, #nav ul li a:active {
	color: #9d9a57;
	background-position: left bottom;
	}
#nav .menu_current a {
	color: #9d9a57;
	background-position: left bottom;
	}
	
#mainContent {
	height: 444px;
	float: left;
	}

#leftImg {
	width: 318px;
	height: 444px;
	background-image: url(homeImg.jpg);
	float: left;
	}
#about #leftImg {
	background-image: url(kidImg.jpg);
	}
#parties #leftImg {
	background-image: url(schoolImg.jpg);
	}
#events #leftImg {
	background-image: url(turtleImg.jpg);
	}
#content {
	width: 430px;
	height: 444px;
	float: left;
	background: url(contentbckgrnd.gif) no-repeat left top;
	text-align: left;
		}
#content1 {
	width: 430px;
	height: 444px;
	padding-top: 15px;
	overflow: auto;
	}
#parties #content1 {
	background: url(snake-cake.gif) no-repeat 150px 275px;
}
#footer {
	width: 746px;
	margin-left: 2px;
	height: 90px;
	background-color: #53281f;
	float: left;
	font-size: 76%;
	}
#footerBorder {
	width: 746px;
	height: 40px;
	margin-left: 2px;
	left: 0;
	background-image: url(footerBorder.png);
	background-repeat: repeat-x;
	position: absolute;
	top: 552px;
	z-index: 10;
	}

#credits {
	width: 260px;
	margin-left: 10px;
	margin-top: 25px;
	float: left;
	text-align: left;
	color: #994A39;
	font-size: 9pt;
	}
#credits a {
	color: #994A39;
	text-decoration: none;
	}
#credits a:hover, #credits a:active {text-decoration: underline;}

#footerText {
	width: 438px;
	float: left;
	margin-right: 15px;
	margin-top: 28px;
	text-align: right;
	color: #ffffff;
	}
	

	
/* Misc Definitions */

.clear {clear: both;}