@charset "utf-8";
/* CSS Document */

h1 {
	color: #f6810b;
	font-size:12px;
}
.style3 {font-size: 10px; font-family:Arial, Helvetica, sans-serif}
a {
	color: #000;
	text-decoration: none;
	font: bold 11px/16px arial, helvetica, sans-serif;
}

a:hover, li a.active {
	color: #f6810b;
}
#container { 
	width: 760px;
	height: auto;
	margin: 0 auto;
	background-image:url(../page_graphics/images/bgshadow.gif)
}
#white {
	width: 742px;
	height: auto;
	background: #FFFFFF;
	margin: 0 auto;
}

#upperleft {
	width: 281px;
	height: 77px;
	border: none;
	background-image:url(../page_graphics/images/web_buttons_01.gif);
	position: relative;
	float:left;
}

#upperright {
	width: 456px;
	height: 63px;
	padding-right:5px;
	border: none;
	background-image:url(../page_graphics/images/web_buttons_02.gif);
	text-align:right;
	font:bold 11px/16px arial, helvetica, sans-serif; 
	color: #999999;
	position: relative;
	float: right;
}

#logo {
	width: 281px;
	height: 83px;
	border: none;
	background-image:url(../page_graphics/images/web_buttons_04.gif);
	position: relative;
	float: left;
}

#imagespace {
	width: 461px;
	height: 97px;
	border: none;
	background-image:url(../page_graphics/images/web_buttons_03.gif);
	position: relative;
	float: right;
}

#buttons {
	width: 742px;
	height: 22px;
	border: none;
	background-image:url(../page_graphics/images/gsite4_05.gif);
	position:relative;
	clear: both;
	overflow: visible;
}

#illustrations {
	width: 104px;
	height: 22px;
	border: none;
	float:left;
	margin-left: 59px;
	text-align: center;
	padding-top:3px;
}

#animations {
	width: 104px;
	height: 22px;
	border: none;
	float: left;
	text-align: center;
	padding-top:3px;
}

#web {
	width: 104px;
	height: 22px;
	border: none;
	float: left;
	text-align: center;
	padding-top:3px;

}

#resume {
	width: 104px;
	height: 22px;
	border: none;
	float: left;
	text-align: center;
	padding-top:3px;
}

#top {
	width:717px;
	height:30px;
	border:none;
	background-image:url(../page_graphics/images/top.gif);
	text-align:right;
	padding-right:25px;
}

#leftcoloum {
	width:42px;
	border:none;
	background-image:url(../page_graphics/images/runner.gif);
	background-repeat: repeat;
	float:left;
}

#middlecoloum {
	width:595px;
	font:bold 11px/16px arial, helvetica, sans-serif;
	margin-left: 5px;
	float:left;
}

#rightcoloum {
	width:100px;
	border:none;
	float:right;
	background-color: #cfee9c;
}

#footer {
	width:742px;
	height:20px;
	border:none;
	background-image:url(../page_graphics/images/footer.gif);
	float:left;
}
#header {
	background-image:url(../page_graphics/images/headtitle.gif);
	width: 240px;
	height: 47px;
	text-indent: 20px;
	font-size:12px;
	padding-top: 9px;
}
#header2 {
	background-image:url(../page_graphics/images/headtitle.gif);
	width: 240px;
	height: 45px;
	text-indent: 20px;
	font-size:12px;
	padding-top: 11px;
	clear:left;
}

.txt1 {
	background-color:#cfee9c;
	width: 300px;
	height: 200px;
	margin-left: 11px;
	border: 1px solid #a7a7a7;
	padding-left:7px;
	padding-right:7px;
	float:left
}

#flash {
	width:240px;
	height:200px;
	float:right;
	margin-right:17px;
	border: 1px solid #a7a7a7;
}

#gallery {
	width:540px;
	height:200px;
	clear:both;
	padding-top:30px;
	padding-left:10px;
}

#gallery2 {
	width: 570px;
	height:200px;
	clear:left; 
	margin-left:11px;
	background-color:  #cfee9c;
	border: 1px solid #a7a7a7;
}

#gallery3 {
	width: 570px;
	height:200px;
	clear:left; 
	margin-left:11px;
	background-color:  #cfee9c;
	border: 1px solid #a7a7a7;
}

#flashgallery {
	width: 550px;
	height:250px;
	clear:left;
	margin-left:11px;
	background-color:  #cfee9c;
	border: 1px solid #a7a7a7;
	padding-top:10px;
	padding-left:10px;
}
#frame {
	width:330px;
	height:250px;
	float:left;
}

#anitxt {width:220px;
height:250px;
float:right;
}

#frame2 {
	width:305px;
	height:270px;
	float:left;
	
}

#anitxt2 {width:240px;
height:250px;
float:right;
}

#flashgallery2 {
	width: 550px;
	height:270px;
	clear:left;
	margin-left:11px;
	background-color:  #cfee9c;
	border: 1px solid #a7a7a7;
	padding-top:10px;
	padding-left:10px;
}


#flash-container {
	margin-left: 20px;
	margin-top: 50px;
}
