html, body {
  margin: 0;
  padding: 0;
	}
html  {
	font-size: 100.1%
	}

body  {
	font-size: 62.5%;
	font-family: Arial, Tahoma, Verdana, san-serif;
	color: #fff;
	background: #232323;
	}

p {
	margin: 0;
	padding: 0;
	color: #fff;
	font: 1em Arial, Tahoma, Verdana, san-serif;
	}

div {
	margin: 0; 
	padding: 0;	
	border: 0px; 
	color: #fff;
	font: 1em Arial, Tahoma, Verdana, san-serif;
	}

table,td {
	margin: 0; 
	padding: 0; 
	border: 0px;
	color: #fff;
	font: 1em Arial, Tahoma, Verdana, san-serif;
	}

a {	
	color:#940000;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	color: #f12232; }

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-weight:normal;
	color: #f82435;
	font-family: 'Times New Roman', Georgia, serif;
	}
h1 {font-size: 2em;}
h2{font-size: 2.4em; padding-bottom: 23px;}
h3 {}
h4 {}
h5 {}

img {border: 0;}
a img {border:0}

.clear {clear: both; font-size: 1px; height: 1px; line-height: 1px}

ul, li {margin: 0; padding: 0; list-style: none;}
dl {margin: 0; padding: 0;}
dl dt {margin: 0; padding: 0;}
dl dd {margin: 0; padding: 0;}
object {margin: 0; padding: 0;}


#layout{
	margin:0 auto;
	width: 995px;
	}		

/*Head
	----------------------------------------------------*/
	
#head{
	height: 307px;
	background:url("../images/head_bg.jpg") no-repeat 0 0;
	}	
	
.site_by{
	float: right;
	display: inline;
	width: 118px;
	height: 24px;
	margin: 20px 104px 0 0;
	overflow: hidden;
	text-indent: -3000px; 
	background:url("../images/page.gif") no-repeat 0 0;
	}		
		
/*Logo*/

.logo {
	float:right;
	clear: both;
	display: inline;
	width: 281px;
	height: 67px;
	margin: 40px 20px 0 0;
	background: url("../images/logo.gif") no-repeat 0 0;
	}
	.logo a {
		display: block;
		overflow: hidden;
		height: 100%;
		text-indent: -3000px;
		}
		
	
	
/*Navigation_menu*/			


.main_menu{
	background:#111;
	height: 99px;
	position: relative;
	z-index: 4;
	}
	.main_menu li{
		float: left;
		height: 99px;
		width: 197px;
		}
.menu1, .menu2, .menu3, .menu4, .menu5{
	height: 18px;
	display: block;
	margin-top: 50px;
	overflow: hidden;
	text-indent: -3000px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	}
.main_menu .select{
	position: relative;
	top:18px;
	background:url("../images/menu_bg.gif") repeat-x 0 0;
	}
.menu1{
	background-image:url("../images/menu1.gif");
	}
	.main_menu .select .menu1,
	.main_menu .select .menu1:hover{	
		background-image:url("../images/menu1_select.gif");
		}
	.menu1:hover{
		background-image:url("../images/menu1_hover.gif");
		}
.menu2{
	background-image:url("../images/menu2.gif");
	}
	.main_menu .select .menu2,
	.main_menu .select .menu2:hover{	
		background-image:url("../images/menu2_select.gif");
		}
	.menu2:hover{
		background-image:url("../images/menu2_hover.gif");
		}
		
		
.menu3{
	background-image:url("../images/menu3.gif");
	}
	.main_menu .select .menu3,
	.main_menu .select .menu3:hover{	
		background-image:url("../images/menu3_select.gif");
		}
	.menu3:hover{
		background-image:url("../images/menu3_hover.gif");
		}
		
.menu4{
	background-image:url("../images/menu4.gif");
	}
	.main_menu .select .menu4,
	.main_menu .select .menu4:hover{	
		background-image:url("../images/menu4_select.gif");
		}
	.menu4:hover{
		background-image:url("../images/menu4_hover.gif");
		}
		
		
.menu5{
	background-image:url("../images/menu5.gif");
	}
	.main_menu .select .menu5,
	.main_menu .select .menu5:hover{	
		background-image:url("../images/menu5_select.gif");
		}
	.menu5:hover{
		background-image:url("../images/menu5_hover.gif");
		}
/*Zone
	--------------------------*/
#zone{
	position: relative;
	min-height: 530px;
	}
*html #zone{
	height: 530px;
	}

.for_foto_nav{
	position: absolute;
	bottom:0;
	width: 995px;
	padding:6px 0 3px 0;
	overflow: hidden;
	background:url("../images/bg_trans.png") no-repeat 0 0;
	}	

*html .for_foto_nav{
		background:none;
			}
	
	
	
/*Text page
	----------------------*/	
	
.center_box {
  min-height: 530px;
  font-size: 1.2em;
	}
	.center_box img{
		float: left;
		margin-right: 10px;
		}
	.center_box ul {
		padding-bottom: 25px;
		}
	.center_box ul li{
		background:url("../images/list_mark.gif") no-repeat 0 4px;
		padding:0 0 10px 15px;
		font-size: 1.1em;
		}	
		.center_box ul li a{
			color: #fff;
			}
			.center_box ul li a:hover{
				color: #f12232;
				}
				
		.center_box table{
			border-bottom: 1px solid #fff;
			border-left:1px solid #fff;
			margin-bottom: 25px;
			}		
			.center_box table thead{
				background: #717171;
				}
			.center_box table td{
				border-top: 1px solid #fff;
				border-right:1px solid #fff;
				padding: 5px;
				}		
				
*html .center_box{
	height: 530px;
	}
.black_bg{
	width: 995px;
	background:url("../images/bg_trans_black.png") no-repeat 0 0;
	}	
*html .black_bg{
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=files/images/bg_trans_black.png);}

.two_column{	
	float: left;
	position: relative;
	width: 410px;
	height: 285px;
	padding: 0 0 0 50px;
	margin: 140px 20px 0 0;
	background: url("../images/bg_col.gif") no-repeat 25px 0;
	}
	
#box, #box1{
	position: relative;
	overflow: hidden;
	width: 410px;
	height: 257px;
	}
#box.big, #box1.big{
	position: relative;
	overflow: hidden;
	width: 810px;
	top:38px;
	margin: 0 40px 0 90px;
	height: 450px;
	}	
#myContent, #myContent1{
	position: absolute;
	top: 0;
	left:0;
	}
.text_page{
	height: 498px;
	background: url("../images/bg_col_big.gif") no-repeat 52px 30px;

	}
	.two_column p{
		padding-bottom: 17px;
		}
	.two_column img{
		margin-bottom: 10px;
		}	
#prev8, #next8, #prev9, #next9, #prev10, #next10
{	
	display: block;
	position: absolute;
	z-index: 200;
	width: 21px;
	height: 22px;
	cursor: pointer;
	}
#prev8, #next8, #prev9, #next9{
	left: 18px;
	}

#prev8,
#prev9{
	top:-20px;
	background: url("../images/up_arrow.gif") no-repeat 0 0;
	}
#next8,
#next9{
	bottom: -4px;
	background: url("../images/down_arrow.gif") no-repeat 0 0;
	}


#prev10{
	top:10px;
	left: 45px;
	background: url("../images/up_arrow.gif") no-repeat 0 0;
	}
#next10{
	bottom:10px;
	left: 45px;
	background: url("../images/down_arrow.gif") no-repeat 0 0;
	}

.about_me,
.friends{
	position: absolute;
	top: -70px;
	left: 66px;
	text-indent: -3000px;
	overflow: hidden;
	}
.about_me{
	width:157px;
	height: 33px;
	background: url("../images/about_me.gif") no-repeat 0 0;
	}
.friends{
	width:280px;
	height: 36px;
	background: url("../images/my_friends.gif") no-repeat 0 0;
	}







