@charset "utf-8";
/* Don Wardell -- homesite style -- */
/* **************************************************************************** */
/* colors: #fc8f10 dk orange */

/* all Body and clearfix
------------------------------------------------------------------------------- */
body {
	margin:0;
	padding:0;
	background:url(../images/bodybkgd1.jpg) repeat-x;
	background-color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: small;  /* for compliant browsers */
	*font-size:75%;}
	
*html body {
	font-size: x-small; /* for IE5/Win simplified hack which did work */ 
	f\ont-size: small;} /*  for other IE versions */

html>body {font-size: small;} /* be nice to Opera hack */ 
	
.clearfix:after{
	content:".";	/* add a period inside, at the end of the containing div -- NO CSS VALIDATION ON QUOTEMARKS */
	display:block;	/* otherwise this won't work */
	height:0;	/* so it will not create a gap between the bottom of the floated content and the containing area */
	clear:both;	/* so it appears after the floated content */
	visibility:hidden;}	/* so we don't see the period */

.clearfix {display:inline-table;}/* an odd fix for IE */
		
/* Hide from IE Mac \*/
.clearfix {display:block;}	

/* End hide from IE Mac */
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
/* end backslash hack */
#wrapper {
	margin:0 auto;
	*margin:0 10%;
	width:966px; }
	/*height:768px;  --TEMP4SETUP-- 
	background:#CC0000;*/

/* ------------------------------------------------------------------------------------------ */
#banner {
	margin:15px 0 0 0;
/*	width:100%;
	height:130px;*/}

#pagedate{
	/*width:950px;*/
	text-align:right;
	font-size:.8em;
	color:#016775;
	*font-size:.65em;}
	
#navstuff{
	width:165px;
	*height:100%;
	margin:0 0 10px 32px;
	_margin:0 0 10px 10px;
	*font-size:75%;
	float:left;}

#navbtns ul {
	border:0;
	list-style-type:none;
	line-height:2em;}/**/

#navbtns li{
	display: block;
	width:180px;
	height:20px;
	padding: 3px 10px 0 0;
	margin-left:-70px;
	margin-top:4px;
	list-style-type:none;
	text-indent: 40px;}

.btn a{
	display: block;
	width:180px;
	height:20px;
	line-height:1.4em;
	*line-height:1.6em;
	text-decoration:none;
	list-style-type:none;
	margin-left:15px;
	_margin-left:30px;
	background: url(../images/btns3.jpg) no-repeat right bottom;
	color:#016775;
	border:solid 1px #cce5eb;
	font-size:1em;
}
.btn a:hover{
	list-style-type:none;
	color:#d84802;
	font-size:1em;
	font-weight:bold;
	background: url(../images/btns3.jpg) no-repeat left bottom;
	border:solid 1px #cce5eb;
}
#selected a{
	display: block;
	width:180px;
	height:20px;
	border:solid 1px #cce5eb;/**/
	line-height:1.5em;
	*line-height:1.5em;
	color:#d84802;
	list-style-type:none;
	text-decoration: none;
	font-size:1em;
	font-weight:bold;
	margin-left:15px;
	_margin-left:30px;
	background: url(../images/btns3.jpg) no-repeat left bottom;
	text-transform: uppercase;
}
li img{
	margin-left:-10px;
}
/* --------------------------------------------------- home mainbtns start */
#main {
	width:670px;/*71.5%*/
	/*padding:0 15px;*/
	*padding:0 0 0 0;
	*font-size:85%;
	margin:5px 30px 20px 0;
	*margin:5px 50px 20px 0;
	float:right;}

.halftext{width:65%;}

#mainphotos {
	width:670px;
	/*height:1175px;*/
	*padding:0 0 0 0;
	*font-size:85%;
	margin:5px 30px 30px 0;
	*margin:5px 50px 30px 0;
	float:right;}	
.imgboxquarter{
	width:167px;
	margin:20px 10px;
	padding:0 0 0 15px;
	*padding:0px;
	/*text-align:center;*/
	float:left;}
.imgboxquarter p{
	width:90%;
}
.imgboxhalf{
	width:290px;
	margin:20px 5px;
	
	float:left;}
.textboxhalf {
	/*text-align:left;*/
	padding:0 5px;
	*padding:0 5px 0 0;
	width:275px;
	float:left;}
		
.imgboxhalf p{
	/*text-align:center;*/
	padding:0 0 0 0;
	width:90%;
	}
	
.imgboxwide{
	width:650px;}	

.imgboxwide p {
	padding:0;
	width:90%;
	/*text-align:center*/;}

.textboxhalf li{
	list-style-type:none;
	line-height:1.5em;
	text-indent:-30px;}	
		
h1, h2, h3 {color:#016775;}

#mainbtns ul{ 
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:600px; /*ul*/
}

#mainbtns li{
	display: inline-block; /* :KLUDGE: Removes large gaps in IE/Win */
	padding:4px 2px;/**/
	*padding:4px 4px;
	width:250px;
	float:left;
}

#btndesign a{
	display: block;
	width:245px;
	height:66px; 
	list-style-type:none;
	text-decoration: none;
	background: url(../images/designbtn.jpg) no-repeat left bottom;
}
#btndesign a:hover{
	background: url(../images/designbtn.jpg) no-repeat right bottom;}

#btnillus a{
	display: block;
	width:245px;
	height:66px; 
	list-style-type:none;
	text-decoration: none;
	background: url(../images/drawingsbtn.jpg) no-repeat left bottom;
}
#btnillus a:hover{background: url(../images/drawingsbtn.jpg) no-repeat right bottom;}

#btnphoto a{
	display: block;
	width:245px;
	height:66px; 
	list-style-type:none;
	text-decoration: none;
	background: url(../images/photosbtn.jpg) no-repeat left bottom;
}
#btnphoto a:hover{background: url(../images/photosbtn.jpg) no-repeat right bottom;}

#btnflash a{
	display: block;
	width:245px;
	height:66px; 
	list-style-type:none;
	text-decoration: none;
	background: url(../images/flashbtn.jpg) no-repeat left bottom;
}
#btnflash a:hover{background: url(../images/flashbtn.jpg) no-repeat right bottom;}

#btn3d a{
	display: block;
	width:245px;
	height:66px; 
	list-style-type:none;
	text-decoration: none;
	background: url(../images/threedbtn.jpg) no-repeat left bottom;
}
#btn3d a:hover{background: url(../images/threedbtn.jpg) no-repeat right bottom;}

#btncartoon a{
	display: block;
	width:245px;
	height:66px; 
	list-style-type:none;
	text-decoration: none;
	background: url(../images/cartoonsbtn.jpg) no-repeat left bottom;
}
#btncartoon a:hover{background: url(../images/cartoonsbtn.jpg) no-repeat right bottom;}

#btnvideo a{
	display: block;
	width:245px;
	height:66px; 
	list-style-type:none;
	text-decoration: none;
	background: url(../images/videobtn.jpg) no-repeat left bottom;
}
#btnvideo a:hover{background: url(../images/videobtn.jpg) no-repeat right bottom;}

#btncarving a{
	display: block;
	width:245px;
	height:66px; 
	list-style-type:none;
	text-decoration: none;
	background: url(../images/carvingbtn.jpg) no-repeat left bottom;
}
#btncarving a:hover{background: url(../images/carvingbtn.jpg) no-repeat right bottom;}
#newsupdate {float:right;
	margin:15px;
}
/* --------------------------------------------------------- home mainbtns end */
ul#thumbers {
	margin:0;
	padding:0;
	list-style-type:none;}
	
#thumbers li{
	width:75px;
	height:33px;
	float:left;
	display:inline;
	margin:8px;}

#thumbers li a{
	padding:0px;
	margin:0px;/*	 space out the list items */
	width:75px;	/* keep all images the same size */
	height:33px;
	display:block;
	border:3px solid #067893;}	/* make the link fill the list item */

#thumbers li a:hover{
	padding:0px;
	margin:0px;	/*space out the list items */
	width:75px;	/* keep all images the same size */
	height:33px;
	display:block;
	border:3px solid #fc8f10;}	/* make the link fill the list item */
	
#thumbers li a img{
	border-style:none;
	margin:0px;	/* no extra space so the li dimensions work */
	width:75px;	/* keep all images the same size */
	height:33px;
	}/**/

#loadarea{
	width:655px;
	height:450px;
	margin:10px 0 0 8px;
	padding:0;
	float:left;}

#loadarea2{
	width:655px;
	height:275px;
	margin:10px 0 0 8px;
	padding:0;
	float:left;}
	
#animation{width:966px;
	margin:0 0 0 50px;/**/
	float:left;}	
#animation img{
	float:left;
	border:3px solid #067893;
	margin:5px;}
#animation img:hover{
	float:left;
	border:3px solid #fc8f10;
	margin:5px;}	
	
#redbanner{margin:0px 0 30px -10%;}/*-22*/
	
#hulk img{border:3px solid #067893;}
#hulk img:hover{border:3px solid #fc8f10;}	
/*  -------------------------------------------------------- photogallery start */
#photogallery{}

ul#photogallery{	/*photogallery is the id of the ul */
	/*_width:660px;*/
	margin:0; /*_*/
	padding:0;
	list-style:none;}	/* remove the bullets */

#photogallery li{
	display:inline;	/* to make the list items stack */
	float:left;		
	width:60px;	/* and keep the lines of */
	height:60px;	/* equal size */
	margin:8px;} 

#photogallery li a{
	padding:0px;
	margin:0px;/*	 space out the list items */
	width:60px;	/* keep all images the same size */
	height:60px;
	display:block;
	border:3px solid #067893;}	/* make the link fill the list item */

#photogallery li a:hover{
	padding:0px;
	margin:0px;	/*space out the list items */
	width:60px;	/* keep all images the same size */
	height:60px;
	display:block;
	border:3px solid #fc8f10;}	/* make the link fill the list item */
	
#photogallery li a img{
	border-style:none;
	/*padding:0px;	 show the background colour around the image */
	margin:0px;	/* no extra space so the li dimensions work */
	width:60px;	/* keep all images the same size */
	height:60px;
	}/**/

/*  -------------------------------------------------------- photogallery end */


#footer {
	height:2em;
	padding:0 0 1.3em 0;
	*padding:1em 0 1em 0;
	*height:3em;
	*font-size:75%;
	text-align:center;
	color:#ffffff;
	background-color:#067893;
	border-top:solid 4px #cccccc;
	border-bottom:solid 4px #cccccc;
	clear:both;}


#footer a:link {
	text-decoration: none;
	color:#ffffff;
}
#footer a:visited {
	text-decoration: none;
	color: #bbbbbb;}
#footer a:hover {
	text-decoration: none;
	color:#fe5502;}
#footer a:active {
		text-decoration: none;
	color: #bbbbbb;}

#underfooter{
	color:#999999;
	font-size:75%;
	text-align:center;}
	
/* --------------------------------------------------- contact form */

.warning { /* php warning  */
	font-weight:bold;
	color:#d84802;
}
#send{
	font-weight:bold;
	color:#067893;
}
#feedback {
	width:75%;
	margin-top:-15px;
	border:2px solid #067893;
	background-color:#FFFFFF;
	padding:10px;
}

.userWarning { /* js warning  */
	color:#d84802;
	font-size:85%;
	margin:0;
	font-weight:bold;
	display:none;
}

#userGenericWarning {
	color:#d84802;
	display:none;/*#userGenericWarning {}*/
	padding:0 0 10px;
	text-indent:5px;
}
#mailspan a:link{
	color:#067893;
}
#mailspan a:hover{
	color:#d84802;
}
#name {
width:50%;}

#email {
width:50%;}