/* CSS Document by Dieter Schneider 2007 */

* {margin: 0; padding: 0;}

body {
	background: #000 url(images/body.jpg) no-repeat fixed right top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	color: #847858;
}

h1{}

h2{}

h3{
	text-indent: -5000px;
	overflow: hidden;	
}

.transparent_heading {
    background-image: url(images/transparent_heading.png);
	height: 32px;
	width: 499px;
}

.another_heading {
    background-image: url(images/another_heading.png);
	height: 32px;
	width: 499px;
}

.third_heading {
    background-image: url(images/third_heading.png);
	height: 32px;
	width: 499px;
}

.last_heading {
    background-image: url(images/last_heading.png);
	height: 32px;
	width: 499px;
}


#container {
	background: url(images/container_bg.png);
	font-size: 1.2em;
	float: right;
	width: 600px;
	margin-top: 75px;
	margin-bottom: 75px;
	margin-right: 265px;
	padding: 20px;
	border: 1px solid #999999;
	outline: 5px double #333333;
}

#footer {
	clear: both;
	color: #CCCCCC;
	text-align: center;
	padding: 20px;
}


p {
	margin-top: 15px;
	margin-bottom: 15px;
}

/*************************** Image menu ****************************/

#menu {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 110px;
	padding-top: 60px;
	padding-left: 50px;
	display: block;
}

#menu ul {list-style-type:none; 

}

#menu li {float:left; 
          display:block; 
		  width:122px;
}

#menu li.list1 {background:transparent url(images/menu_01.png);}
#menu li.list2 {background:transparent url(images/menu_02.png);}
#menu li.list3 {background:transparent url(images/menu_03.png);}
#menu li.list4 {background:transparent url(images/menu_04.png);}


#menu a {display:block; 
         width:122px; 
         padding-top: 73px; 
         height:0; 
         text-decoration:none; 
         overflow:hidden; 
         font-size: 0px; 
         color: #000;
		 background: transparent;
}

#menu a#item1:hover {background:transparent url(images/menu_01.png) 0px -72px no-repeat;}
#menu a#item2:hover {background:transparent url(images/menu_02.png) 0px -72px no-repeat;}
#menu a#item3:hover {background:transparent url(images/menu_03.png) 0px -72px no-repeat;}
#menu a#item4:hover {background:transparent url(images/menu_04.png) 0px -72px no-repeat;}


