@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 30px;

}

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;

}