/* --CSS-- */
/*---------------------GLOBAL------------------------*/

body
{
    background-color: #333333;
    color: #333333;
    text-align: left;
    padding: 0;
    margin: 0;
    font-family: Verdana, Geneva, sans-serif;
}

#container
{
    background-color: #FFFFFF;
    position: relative;
    width: 800px;
    margin: 0 auto 0 auto;
    padding: 0;
}

h1
{
    margin: 0; padding: 0;
    width: 800px; height: 488px;
    background-image: url("images/h1.jpg");
}

h1 span {display: none;}


/*---------------------CONTENT------------------------*/



#main{
    padding:0; margin: 50px 0 0 0;
    width: 600px;
}

#main h2{
    width: 800px; height: 40px;
    background: url(images/h2.gif) no-repeat center;
    color: #333333;
    text-align: center;
    margin: 150px 0 0 0;
}

#main h2 span {display: none;}

#footer{
    background: url("images/footer.jpg") no-repeat top;
    width: 800px;
    text-align: center;
    font-size: 12px;
    padding: 94px 0 10px 0;
    margin: 150px 0 0 0;
}

/*---------------------LINKS------------------------*/

#links
{
    position: absolute;
    width: 800px;
    top: 500px;
    text-align: center;
    margin: 0; padding: 0;
    font-family: arial, Geneva, sans-serif;
}

#links ul{
    text-align: center; 
    text-transform: lowercase;
    list-style-type: none;
    margin: 0; padding: 0;
}

#links ul li{
    display: inline; padding: 10px;}

#links a
{
    font-size: 40px;
    text-align: center;
    margin: 0;
    padding: 0;
}

a:link, a:visited
{
    color: #666666;
	text-decoration: none;
	
}

a:hover, a:active
{
	color: #000000;
	text-decoration: none;
}