/* CSS Document */

/*Layout*/
body {
text-align:center;/*center hack*/
}
#wrap {
min-width:820px;
max-width:820px;
width: auto !important; /*IE6 hack*/
width:820px; /*IE6 hack*/
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
background:url(pictures/back.jpg) no-repeat;
height:846px;
}
#head {
margin:0 auto;
text-align:left;
height:98px;
width:150px;
}
/*Typography*/
* {margin:0; padding:0;}
body {
font-size:12px;
font-family:Helvetica,Arial,sans-serif;
line-height:1.3;
margin:0 0;
background: #000;
color: #CCC;
}
h1 {
font-size:26px;
font-family:Helvetica,Arial,sans-serif;
}
img,table {border: none;}
a:link, a:visited {
text-decoration: none;
color: #CCC;	
}
#logo {
height:98px;
width:150px;
}
#content {
margin: 450px 0 0 0;
}
#menu{}
#menu div{
width:174px;
height:134px;
float:left;
}
#rec1, #rec2, #rec3, #rec4{
width:174px;
height:134px;
text-align:center;
padding: 20px 0 0 0;
display:block;
background: url(pictures/rec_bw.png) no-repeat;
}
a:hover #rec1 {background: url(pictures/rec1.png) no-repeat;color:#004600;}
a:hover #rec2 {background: url(pictures/rec2.png) no-repeat; color:#036;}
a:hover #rec3 {background: url(pictures/rec3.png) no-repeat; color:#2F0543;}
a:hover #rec4 {background: url(pictures/rec4.png) no-repeat; color:#4D152E;}
.titl{
font-size: 12px;
font-weight: bold;
}	
.buton{display:block;}
#footer{
	text-align: right;
	margin:0 auto;
	padding:230px 0 0 0;
	font-size:10px;
	color:#CCC;
}