@charset "utf-8";
/* CSS Document */

*    {margin: 0; padding: 0;}
html {overflow-y: scroll; height: 100%;}
ul   {list-style: square-inside;}
ol   {list-style: deciaml-inside;}
a    {outline: none; text-decoration: underline; }
a img {border: none; }
img   {vertical-align: middle;}

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

body {
	background-color: #FFF;
}

#main {
	width: 860px;
	margin: 0 auto;
	height: auto;
}

#header {
	width: 860px;
	height: 79px;
	margin: 0 auto;
}
#mainbox  {
	background: url(images/box_bg.jpg) repeat-y ;
	width: 860px;
	height: auto;
}

#content {
	padding-left: 100px;
	padding-right: 100px;
}

#img1 {margin-top: 1px; }

#copyinfo {
	padding-top: 80px;
	
}

#boxtop  {
	width: 860px;
	height: 64px;
	margin: 0 auto;
	background: url(images/box_top.jpg) no-repeat;
}
#navbox {
	width: 960px;
	height: 51px;
	margin: 0 auto;
	background: url(images/nav_bg.jpg) no-repeat 0 0;
}

#navigation { margin: auto; }
ul#navigation {list-style: none; }
ul#navigation li {display: inline; }
ul#navigation li a {
	text-indent: -9999px;
	display: block;
	height: 51px;
}

ul#navigation li a.home {
	width: 103px;
	float: left;
	margin-left: 97px;
	background: url(images/btn_home.jpg) no-repeat top center;
}
ul#navigation li a.about {
	width: 107px;
	float: left;
	margin-left: 83px;
	background: url(images/btn_about.jpg) no-repeat top center;
}
ul#navigation li a.hobbies {
	width: 141px;
	float: left;
	margin-left: 106px;
	background: url(images/btn_hobbies.jpg) no-repeat top center;
}
ul#navigation li a.contact {
	width: 141px;
	float: left;
	margin-left: 72px;
	background: url(images/btn_contact.jpg) no-repeat top center;
}

ul#navigation li a.home:hover, ul#navigation li a.about:hover, ul#navigation li a.hobbies:hover, ul#navigation li a.contact:hover {
	background-position: bottom center;
}

#footer {
	width: 100%;
	height: 200px;
	background: url(images/footer_bg.png) repeat-x 0 0;
	background-color: #707070;
}
#footermid {
	width: 860px;
	height: 187px;
	background: url(images/footer.png) no-repeat 0 0;
	margin: 0 auto;
}
p { font-family: Verdana, Geneva, sans-serif; font-size: 14px;}
h4 { font-weight: bold; font-size: 16px; }