/* CSS Document */

/* style sheet for index, about, and contact pages */


*{margin:0; padding:0;}



body { 
	font-family: Arial, Helvetica, sans-serif;
	color: #000; 
	font-size: 1em;
	/*background-color: #A1C3C9;*/
	text-align:center; /*centers layout in IE6*/
	}
	
	
#wrapper {
	width: 950px;
	height: 700px; 
	position:relative;  
	margin-left:auto;
	margin-right:auto;
	text-align: left; /* resets IE6 hack */
	margin-top:10px;}


.content {					/*rounded corners and drop shadow are attached to content div */
	position: relative; 
	background-color:#fff;
	width: 100%;
	height: 700px; 
	margin:auto; 
 	text-align:left;
}
	
	
/* background hack for IE 5.5, which doesn't play well with JavaScript rounded corners & drop shadow */
.bkgrndbox { 
	background-color:#fff;
	width:910px;
	height: 680px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;	
	z-index:1;
}
	
	

#logodiv {
	position:absolute;
	left:62px;
	top:87px;
	width:432px;
	height:221px;
	z-index:2;
}


#textbox {
	position:absolute;
	left:72px;
	top:281px;
	width:792px;
	height:351px;
	z-index:4;
	font-size:.9em;
}



/********/
/* MENU */
/********/



#menu {
	position:absolute;
	left:569px;
	top:231px;
	width:289px;
	height:15px;
	z-index:12;
	text-align:right;
	font-size: 90%;
}


a:link {
	color:#000;
	text-decoration:none;
}	
a:visited {
	color:#000;
	text-decoration:none;
}	
a:hover {
	color:#398484;
	text-decoration:none;
}	
a:active {
	color:#000;
	text-decoration:none;
}	


/****************************/
/* INDEX PAGE CIRCLE IMAGES */
/****************************/


#firstcircle {
	position:absolute;
	left:72px;
	top:281px;
/*	width:158px;   */
	width:152
	height:154px;
	z-index:3;
}
#r1c2 {
	position:absolute;
	left:231px;
	top:281px;
	width:158px;
	height:154px;
	z-index:3;
}
#r1c3 {
	position:absolute;
	left:390px;
	top:281px;
	width:158px;
	height:154px;
	z-index:3;
}
#r1c4 {
	position:absolute;
	left:549px;
	top:281px;
	width:158px;
	height:154px;
	z-index:3;
}
#r1c5 {
	position:absolute;
	left:708px;
	top:281px;
	width:158px;
	height:154px;
	z-index:3;
}
#r2c1 {
	position:absolute;
	left:72px;
	top:467px;
	width:158px;
	height:154px;
	z-index:3;
}
#r2c2 {
	position:absolute;
	left:231px;
	top:467px;
	width:158px;
	height:154px;
	z-index:3;
}
#r2c3 {
	position:absolute;
	left:390px;
	top:467px;
	width:158px;
	height:154px;
	z-index:3;
}
#r2c4 {
	position:absolute;
	left:549px;
	top:467px;
	width:157px;
	height:154px;
	z-index:3;
}
#r2c5 {
	position:absolute;
	left:708px;
	top:467px;
	width:157px;
	height:154px;
	z-index:3;
}




/**********/
/* IMAGES */
/**********/

.displayimg
{margin-right:34px;
}


#itchydog {float:left;
margin-right: 20px;
margin-bottom:20px;
}

#mouse {float:left;
margin-right: 20px;
margin-bottom:20px;
}



/****************/
/* MAIN CONTENT */
/****************/


h1 {font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color:#398484;
	font-size: 1.75em;
	font-weight: normal;
}

h4 {color:#398484;
}	

#textbox {
	position:absolute;
	left:72px;
	top:282px;
	width:792px;
	height:351px;
	z-index:4;
	font-size:.9em;
}
	
.textleft {
	font-size:90%;
	line-height:1.5;
	padding-bottom:0;
	text-align: left;
}	

.textright {;
	font-size:90%;
	line-height:1.5;
	padding-bottom:0;
	text-align: right;
}

#display p {
	vertical-align:bottom;
	float:left;
}

#footer {
	position:absolute;
	left:87px;
	top:680px;  
	width:811px;
	height:30px;
	z-index:90;
	font-size:.7em;
	text-align:center;
}