@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
	background: lightGrey;
	width:1024px;
}

div#header{

}
div#menu{
width:1024px;
height:39px;
font-weight:bold;
background-image:url('../images/menu.jpg');
background-repeat: no-repeat;
background-position:center; 
}
#footer #menu li{
margin:35px 10px 10px 80px;
}

#menu li a:hover {color:red; text-decoration:none; }
#menu li a:active {color:red; text-decoration:underline; }

ul#menu{
width:1024px;
height:auto;
list-style: none;
padding: 0;
margin: 0;
}
ul#menu li{
height:auto;
float: left;
margin:5px 5px 5px 20px;
}
ul#menu li a
{
height:auto;
float: left;
display: block;
color: white;
text-decoration: none;
}

div#mainContent{
width:1024px;
height:520px;
background-image:url('../images/main.jpg');
background-repeat: no-repeat;
background-position:center; 
margin-top:0px;
overflow: auto 
}

div#footer{
width:1024px;
height:90px;
background-image:url('../images/footer.jpg');
background-repeat: no-repeat;
background-position:center; 
}

div#about{
text-align:left;
margin-left:50px;
}

div#designer{
margin:auto;
text-align:center;
}

div#gal{
font-size:x-large;
line-height:100px;
margin-top:80px;
}