@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #71944d;
	margin: 0; 
	padding: 0;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, dl, dd, dt, form {
font-weight:normal;
margin:0;
padding:0;
}
#wrapper {
background-image:url(images/bg.png);
background-repeat:repeat-y;
margin:0 auto;
padding:0;
text-align:left;
width:920px;
}
#container {
	width: 900px;
	background: #336600;
	background-repeat:repeat-y;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	background: #336600 url(images/title.png) no-repeat scroll 0 0;
	margin:0 auto;
	text-align:left;
	width: 900px;
	height: 215px;
}

#mainContent {
	padding: 0 50px;
	background: #336600;
}
#col1 {
	padding: 0;
	background: #336600 url(images/main.png) no-repeat scroll 0 0;
	float: left;
	width: 700px;
	height: 450px;
}
#col2 {
	padding: 0;
	background: #336600;
	float: left;
	width: 100px;
	height: 450px;
}
#nav {
	clear: left;
	padding: 0;
	background: #336600;
}
#box1 {
	float: left;
	background: #336600 url(images/enter_left.png) no-repeat scroll 0 0;
	margin:0 auto;
	text-align:left;
	width: 379px;
	height: 40px;
}
#box2 a{
	float: left;
	display:block;
	width:321px;
	color:#336600;
	background:url(images/enter_btn.png) no-repeat;
	height:40px;
}
#box2 a:hover{
	color:orange; 
	background:url(images/enter_btn_on.png) no-repeat;
}
#box3 {
	float: left;
	background: #336600 url(images/enter_right.png) no-repeat scroll 0 0;
	margin:0 auto;
	text-align:left;
	width: 100px;
	height: 40px;
}
#footer {
	clear: left;
	background: #336600 url(images/footer.png) no-repeat scroll 0 0;
	margin:0 auto;
	text-align:left;
	width: 900px;
	height: 145px;
}
ul#menu {
	list-style-type: none;
	padding: 0;
	float: left;
}
ul#menu li{
    list-style:none;
    width:100px;
}
ul#menu a{
	left:0;
	display:block;
    width:100px;
    height:75px;
	overflow:hidden;
}
a.info{
    background-image:url(images/info.png);
}
a:hover.info{
    background-position:0px -75px;
}
a.profile{
    background-image:url(images/profile.png);
}
a:hover.profile{
    background-position:0px -75px;
}
a.works{
    background-image:url(images/works.png);
}
a:hover.works{
    background-position:0px -75px;
}
a.gallery{
    background-image:url(images/gallery.png);
}
a:hover.gallery{
    background-position:0px -75px;
}
a.blog{
    background-image:url(images/blog.png);
}
a:hover.blog{
    background-position:0px -75px;
}
a.contact{
    background-image:url(images/contact.png);
}
a:hover.contact{
    background-position:0px -75px;
}