body{
	font-family:Tahoma, Verdana, Arial;
	margin:0px;
	padding:0px;}

#container{
	position:relative;
	width:1000px;
	margin:0 auto;
	border-left:1px dashed #FF6600;
	border-right:1px dashed #FF6600;}
/*============================header========================*/
#header{
	position:relative;
	float:left;
	width:100%;
	height:100px;
	background:white;
	}
#logo{
	width:295px;
	height:43px;
	position:absolute;
	top:30px;
	left:360px;
	background:url(images/logo.gif) no-repeat;}
#date{
	position:absolute;
	left:10px;
	top:2px;
	font-size:14px;}
#lang{
	position:absolute;
	right:10px;
	top:8px;
	width:37px;
	height:20px;}
#homepage{
	position:absolute;
	bottom:7px;
	left:20px;
	float:left;
	width:120px;
	height:40px;}
#favori{
	position:absolute;
	bottom:7px;
	float:right;
	right:30px;
	width:120px;
	height:40px;}
#favori img{
	border:none;}
#homepage img{
	border:none;}
#topbar{
	color:white;
	width:1002px;
	height:25px;
	background:url(images/topbg.gif) repeat-x bottom;
	text-align:right;
	position:relative;
	float:left;
	margin-left:-1px;
	font-size:12px;
}
#topbar a{
	text-decoration:none;
	color:white;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	margin-right:15px;
	margin-left:15px;
	line-height:25px;}
#topbar a:hover{
	text-decoration:underline;}
/*========================end of header ===========================*/

/*===========================left column =========================*/	
#left{
	left:0px;
	margin-top:0px;
	position:relative;
	width:170px;
	float:left;
	text-align:center;
	}
#left h1{
	background:url(images/titlebg.gif) repeat-x bottom;
	line-height:22px;
	font-size:14px;
	font-weight:bold;
	color:white;
	margin-top:0px;
	margin-bottom:0px; }
#left ul{
	text-align:left;
	list-style:none;
	width:170px;
	padding-left:0px;
	margin-left:0px;
	margin-top:5px;}
#left ul li{
display:inline;
	}
#left ul li a{
	font-size:16px;
	color:black;
	text-decoration:none;
	border-bottom:1px dashed #cc4f4f;
	display:block;
	line-height:26px;
	text-indent:10px;}
#left ul li a:hover{
	border-bottom:1px solid #cc4f4f;
	color:white;
	background:#cc4f4f;}
#left img{
	border:none;}
/*==================end of left column==========================*/

/*===================center column ==============================*/
#center{
	margin-top:0px;
	position:relative;
	width:640px;
	float:left;
	margin-left:7px;
	text-align:center;}
#centerhead{
	height:54px;
	position:relative;
	float:left;
	width:640px;
	text-align:center;}
#centerhead h1{
	color:#ae3333;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	line-height:27px;
	text-transform:uppercase;
	margin-top:0px;
	line-height:20px;}
/*=====================end of center column=========================*/

.minicam{
	position:relative;
	float:left;
	width:202px;
	height:195px;
	margin-top:5px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:12px;
	background:#cc4f4f;
	}
.minicam:hover{
	background:#ae3333;}
.minicam img{
	width:200px;
	height:152px;
	border:1px solid #cc4f4f;
	}
.minicam img:hover{
	border:1px solid #ae3333;}
.mcamtitle{
	position:relative;
	float:left;
	width:100%;
	height:20px;
	text-align:center;
	}
.mcamtitle a{
	color:white;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
	display:block;}

.mcamdesc{
	border-top:1px solid white;
	background:#cc4f4f;
	position:relative;
	float:left;
	width:100%;
	height:20px;
	text-align:center;
	}
.mcamdesc a{
	color:white;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
	display:block;}
.cam{
	width:640px;
	text-align:left;
	position:relative;
	float:left;
	margin-top:5px;
	margin-bottom:5px;}
.cam span{
	font-size:14px;
	margin-bottom:4px;}
.camtitle{
	width:640px;
	position:relative;
	float:left;
	color:#cc4f4f;
	margin-bottom:5px;
	margin-top:0px;
	height:74px;}
.camtitlel{
width:448px;
position:relative;
float:left;
text-align:left;}
.camtitler{
width:188px;
float:left;
position:relative;
text-align:center;}
.cam a{
	color:#cc4f4f;
	font-size:14px;
	text-decoration:underline;}

.camlist{
	position:relative;
	float:left;}
.camlist img{
	border:1px solid red;
	padding:2px;}
.camlist a{
	color:black;}
.camlist a:hover{
	color:#cc4f4f;}

.gallerypics{
	width:600px;
	text-align:left;
	margin-top:5px;}
.gallerypics img{
	position:relative;
	float:left;
	border:1px solid red;
	padding:2px;
	margin-right:1px;
	margin-left:1px;
	margin-bottom:1px;
	margin-top:1px;
	cursor:pointer;}

	
/*=========================== right menu ============================*/
#right{
	right:0px;
	margin-top:0px;
	position:relative;
	width:180px;
	float:right;
	text-align:center;
	}
#right h1{
	background:url(images/titlebg.gif) repeat-x bottom;
	line-height:22px;
	font-size:14px;
	font-weight:bold;
	color:white;
	margin-top:0px;
	margin-bottom:0px; }
	
#right img{
	border:none;}



/*=========================end of right menu =========================*/

#footer{
	position:relative;
	width:1002px;
	height:25px;
	clear:both;}
#footbar{
	color:white;
	width:1002px;
	height:25px;
	background:url(images/footbg.gif) repeat-x top;
	text-align:center;
	position:relative;
	float:left;
	margin-left:-1px;
	font-size:12px;
}
#footbar a{
	text-decoration:none;
	color:white;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	margin-right:15px;
	margin-left:15px;
	line-height:27px;}
#footbar a:hover{
	text-decoration:underline;}
/*=========================new cam===================================*/

/*==============================end of new cam==============================*/
.chatframe{
width:620px;
height:400px;
margin-left:10px;
position:relative;
border:none;
float:left;}
.dizilist{
	width:100%;
	text-align:left;
	text-indent:10px;}
.dizilist a{
	display:block;
	color:black;
	font-size:12px;
	line-height:20px;}