/* CSS Document */

body, html {

	padding: 0;

	margin:0;

	text-align: center;

	background-image: url(images/backgr.png);

	color: #666666;

	height: 100%;

	width: 100%;

}

html {

	font-size: 75%;

}

body {

	font: normal 1.3em/1.4em Georgia, "Times New Roman", Times, serif;

}

#container {

	width: 1000px; 

	text-align: left;

	height: 640px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin: -320px 0 0 -500px;

}

#main_content {

	width: 1000px;

	height: 600px;

	background-image:url(images/bg.jpg);

	position: absolute;

	top: 20px;

}

#top{

	width: 960px;

	height: 70px;

	padding: 40px 0 0 40px;

	margin: 0;

}

#slog{

	margin: 20px 75px 0 0;

	padding: 0;

	float: right;

	width: 579px;

}

#content{

	width: 875px;

	height: 440px;

	padding: 0 0 0 125px;

	margin: 0;

}



#menu{

	width: 198px;

	padding: 40px 0 0 0;

	margin: 0;

	text-align: left;

}

ul.MenuBar{

	padding:0;

	margin:0;

	list-style-type: none;

	width: 118px;

}

ul.MenuBar li{

	padding: 0 0 0 50px;

	margin: 0;

	width: 118px;

	height: 20px;

}

ul.MenuBar a{

	display: block;

	height: 13px;

	width: 118px;

	outline: none;

	margin:0;

	padding:0;

}

ul.MenuBar a:hover, ul.MenuBar a:active, ul.MenuBar a:focus{

	margin: 0 0 0 10px;

	background-position: 0 -13px;

	outline: none;

}

@media screen, projection

{

	ul.MenuBar li.MenuBarIE

	{

		display: inline;

		f\loat: left;

			}

}

#about {

	background-image: url(images/menu/about.png);

}

#contacts{

	background-image: url(images/menu/cont.png);

}

#friends {

	background-image: url(images/menu/fr.png);

}

#portfolio {

	background-image: url(images/menu/portf.png);

}

#rightcolumn{

	width: 650px;

	height: 460px;

	float: right; 

	padding: 0;

	margin: 0;

	

}

#vcard {

	margin-left: 40px;

	position: relative;

	top: 3%;

}

a.url_org img {

	outline: none;

	border: none;

}

p {

	padding: 0;

	margin: 0;

}

#music {

	z-index: 50;

	width: 200px;

	float: left;

	padding: 0;

	margin: 42px;

}

a img{

	border: none;

	ouline: none;

}



a {

	text-decoration: none;

	

}

a:hover, a:active, a:focus{

	color: #C1272D;

	outline: none;

}
#copyr{
	z-index: 50;
	width: 400px;
	float: right;
	text-align: right;
	padding: 0;
	margin: 2em 0 0 0;
}
#copyr a{
	text-decoration: none;
	color: #666666;
	font: normal em0.9/0.9em Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding 0; 
}
#copyr a:hover, #copyr a:active, #copyr a:focus{
	color: #666666;
	outline: none;
}