html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

* {
	color: #aaa;
	font-family: arial;
	font-size: 16px;
	line-height: 24px;

}

body {
	
	background: #000;
}

p {
	margin-bottom: 10px;
}

#main {
	width: 972px; 
	height: 900px; 
	display: block;
	margin: 10px auto 0px auto; 
	background-image: url('pix/header.png'); 
	background-repeat: no-repeat;
	text-align: justify;
}

#content {
	position: relative;
	left: 470px;
	top: 360px;
	width: 400px;

}


form.general {
	width: 379px;
}

form.general label {
	display: block;
	width: 70px;
	font-weight: bold;
	text-align: right;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 0px;
}

form.general input.txt, textarea {
	border: 1px solid #222;
	background: #111;
	margin-bottom: 7px;
	width: 300px;
	padding: 2px;
}

form.general input.submit {
	float: right;
	font-weight: bold;
	padding: 3px;
	color: #000;
}



#titles {
	width: 336px;
	height: 168px;
	position: absolute;
	top: 376px;
}

#titles a {
	height: 56px;
	width: 336px;
	display: block;
}

#titles a#art {
	background-image: url('pix/title_art.png'); 
}

#titles a#about {
	background-image: url('pix/title_about.png'); 
}

#titles a#contact {
	background-image: url('pix/title_contact.png'); 
}



#titles a#art:hover, #titles a#art2 {
	background-image: url('pix/title_art2.png'); 
}

#titles a#about:hover, #titles a#about2 {
	background-image: url('pix/title_about2.png'); 
}

#titles a#contact:hover, #titles a#contact2 {
	background-image: url('pix/title_contact2.png'); 
}