html {
padding:0;
margin:0;
}
body {
	background: #252A2E url(../images/bg.png);
	margin: 0px;
	padding: 0px;
	color: #333333;
	font: normal 13px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	
}

#record {

	background:url(../images/record-png-bg2.png);
	background-repeat:no-repeat;
	height:1002px;
	background-position:center;



}

a{ color:#C4261D;font-weight:bold; text-decoration:none;} 
a:hover { color:#484F53; text-decoration : underline; } 

#header {
width:696px;
padding:0;
margin:0px auto;
text-align:left;
}
#container {
	margin: 0px auto;
	padding: 0px;
	background: url(../images/content-background.gif) repeat-y top ;
	width: 696px;
}

#content {
	margin-left: 40px;
	margin-top: 1px;
	padding: 0px;
	width: 450px;
}

ul {
	list-style-type: circle;
}

.article {
margin-top:20px;
	margin-left: 30px;
	margin-bottom: 20px;
	padding:5px;
	width: 550px;
	border-top:3px solid #EEE;
	background:url(../images/bg-article.jpg) repeat-x;
}

.article img {
margin:10px;
padding:3px;
border:1px solid #EEE;
}

.title h2 {
font-size:22px;
font-family:Trebuchet MS,Geneva, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#7f3434;
margin:0;
}

.text {

}

#eskander {
	margin: 0px auto;
	padding: 0px;
	padding-top:10px;
	background: #f8fee3;
	background:url(../images/bg-article.jpg) repeat-x;
	width: 550px;
	border-top:3px solid #EEE;
	padding:10px;
}

#footer {
	margin: 0px auto;
	padding: 0px;
	background: url(../images/content-footer.gif) repeat-y top;
	width: 640px;
	height:10px;
	line-height:0px;


	}
#copyright {
	width: 640px;
	height: 25px;
	padding-top:15px;
	text-align:right;
}
#copyright p {
	margin: 0px;
	width: 630px;
	color: #999;
	font: normal 9px "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
#copyright a {
	font: normal 9px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-decoration: underline;
	color: #333;
}

/*sitepoint tip*/
.pullquote {
	width: 80%;
	color:#666;
	font-size:13px;
	line-height:20px;
	margin:10px;
	background: url(../images/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* Disabling quote effect in IE5 + */
	padding:15px 25px 5px 0px;
}
.pullquote:first-letter {
	background: url(../images/openquote.gif) no-repeat left top!important;
	padding:15px 2px 10px 35px!important;
	padding /**/:0px; /* Disabling quote effect in IE5 + */
	background /**/: url(); /* Disabling quote effect in IE5 + */
	}
	
/* main menu */

#topmenu{
margin-left: 42px;
margin-top:5px;
background:#fff url("../images/topmenu_bg.gif") repeat-x bottom left;
height:40px;
text-align:center;
width:610px;
font-size:14px;
text-transform:uppercase;
font-family:"Trebuchet MS", Times New Roman, Times, serif;
font-weight:bold;
}

#topmenu ul{
margin:0;
padding:0;
list-style-type:none;
text-align:center;
width:610px;

}

#topmenu ul li
{
display:block;
float:left;
margin:0 5px;
width:140px;

}

#topmenu ul li a
{
display:block;
color:#eee;
text-decoration:none;
height:40px;
line-height:40px;
width:140px;
text-align:center;
padding:0;
margin:0;
}



#topmenu ul li a:hover
{
color:#fff;
}

#topmenu ul li a.current,#topmenu ul li a.current:hover{
color:#000;background:transparent url("../images/topmenu_hover.gif") no-repeat top left;
}

#picturediv { 
visibility: hidden; 
position:absolute;
left: 0px; 
top: 0px; 
width:100%; 

text-align:center; 
z-index: 1000;

}

#picturediv div { width:300px; 
margin: 0 auto; 
border:4px solid #FFF;
border-bottom:1px solid #FFF; 
padding:3px; 
background-color:#FFF;
text-align:center;
left:0;
font-size:10px;
font-family:Georgia, "Trebuchet MS", Times, serif;
}

#picturediv div a img {
border:0;
}

#overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display:none;
}