img
{
	border: none;
}

div
{
    /*border: solid 1px red;*/
}



body{
   margin: 0;
   background-color: #E7E7E7;
   font-family: 'Solaimanlipi';
}


@font-face {
    font-family: 'SolaimanLipi';
    src: url('fonts/SolaimanLipi.woff') format('woff'),
         url('fonts/SolaimanLipi.eot?#iefix') format('embedded-opentype'),
         url('fonts/SolaimanLipi.ttf') format('truetype'),
         url('fonts/SolaimanLipi.eot'),
         url('fonts/SolaimanLipi.svg#solaimanlipinormal') format('svg');
    /* font-weight: normal;
    font-style: normal; */
}

.credits{
	font-family:innotech;
	color:white;
	font-size:18px;
	text-decoration:none;
	
}
.credits:hover{
	text-decoration:underline;
}
.test
{
    background-image:url('elements/right-ad.gif');
    z-index:10;
}

.test:hover
{
    cursor:pointer;
    filter:alpha(opacity=50);
    -moz-opacity: 0.30;
    opacity: 0.30;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    background-color:black;
}
.Fadein{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
/*style="filter:alpha(opacity=50);-moz-opacity: 0.30;opacity: 0.30;"*/
.Fadein:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
cursor:pointer;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

}
.pageNavContent
{
    font-family:SolaimanLipi;
}
#header
{
    width:100%;
    height:25px;
    position:relative;
    float:left; 
    background-color : black;
}
#header-holder
{
    width:994px;
    height: auto;
    position: relative;
    float: none;
    margin: auto; 
}
#header-content{
    
    width:994px;
    height: auto;
    position: relative;
    float: left;
    margin-left: 3px;
    background-color: black;
}
#header-text1
{
    width:auto;
    height: 25px;
    position: relative;
    float: left;
    font-family:solaimanlipi;
    font-size:16px;
    font-weight:normal;
    color:white;
}
#header-dot
{
    width:auto;
    height:auto;
    position:relative;
    float: left;
    display:inline;
    margin-top: 11px;
    margin-left: 5px;
}




#left1
{
    width:auto;
    height:auto;
    position:relative;
    float:left;
    padding-right: 3px;
}
#left1 a
{
    text-decoration: none;
}

#right
{
    width:auto;
    height:auto;
    position:relative;
    float:right;
}
#wrapper
{
    width: 994px;
    height:auto;
    position: relative;
    float: none;
    margin: auto;
}
#full-body{
    width: 1000px;
    height: auto;
    position: relative;
    float: left;
    background: url(elements1/main-bg.png) repeat-y;
}
#logo
{
    width: 256px;
    height: 54px;
    position: relative;
    float: left;
 background: url(elements1/logo.png) no-repeat;
    margin-top: 15px;
}
.logo-inner{
    width: 256px;
    position: relative;
    float: left;

}
.ad-left-holder{
    width: 728px;
position: relative;
float: left;
    margin:10px 0 10px 0;
    
}



#add1{
    width: 163px;
    height: 60px;
    position: relative;
    float: left;
    margin: 7px 0px 7px 10px;
}


#archieve-holder
{
    
    position: relative;
    float: left;
    margin: 2px 0 0 11px;  
 
      height:145px;
   width:160px;
   border:solid 1px;
   
}
.arcive-inner{
   margin-top:10px;
}
#day{
    width: auto;
    height: auto;
    position: relative;
    float: left;
}
input[type='submit']{    
    width: 54px;
    height: 29px;
    position: relative;
    float: left;
    font-family: solaimanlipi;
    font-size: 16px;
    margin: 10px 0 0 0;
}
.margin-top-area{
  margin-top:10px;
}
.go-left{
float:left;
}
select{
  width:100%;
  height:25px;
  margin-top:5px;
  border: solid 1px #ccc;
}

#add1{
    width: 350px;
height: 60px;
position: relative;
float: left;
margin: 7px 0px 0 14px;
}

 
#container
{
    width: 974px;
    height: auto;
    position: relative;
    float: left;
    background-color: white;
   padding: 0 10px 0 10px ;
   
  
}
#left
{
    width: 169px;
    position: relative;
    float: left; 
margin-top:10px 
   
}

#right-holder
{
      width: 169px;
    position: relative;
    float: right;  
   margin-top:10px 
   

 
}



#left-top-holder{
    width:90%;
    height: auto;
    position: relative;
    float: left;
    padding: 5%;  
   border:solid 1px #ededed; 



}

#cat-head{
    width: 94%;
    position: relative;
    float: left;   
    padding:3%; 
    font-family: solaimanlipi;
    font-size: 16px;
    font-weight: normal;
    color: #fff;  
    background-color:#D73232;

}
#head-img1{
    width: 175px;
    height: 37px;
    position: relative;
    float: left; 
    padding: 6px 0 0 30px; 
    font-family: solaimanlipi;
    font-size: 16px;
    font-weight: normal;
    color: white; 
}

#head-img2-holder a{
    text-decoration: none;
}
#head-img2-holder a{
    font-family: solaimanlipi;
    font-size: 16px;
    font-weight: normal;
    color: black; 
    text-decoration: none; 
}

#r-bottom-holder{
    width: 100%;
    height: auto;
    position: relative;
    float: left; 

    border-top: solid 2px #CCCCCC;
}
#r-bottom-img{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin-top: 9px;
}
#toggle-hilder{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    padding-bottom: 5px;
}
#toggle-image{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin-top: 3px;
}
#toggle-image:hover{
	background-color: #E5E5E5;
}
#toggle-text{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin-left: 2px;
}
#toggle-text a{
    font-family: solaimanlipi;
    font-size: 16px;
    color: black;
    text-decoration: none;
}

#r-bottom-text{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    font-family: solaimanlipi;
    font-size: 16px;
    color: black;
    margin-left: 2px;
}
#head-img2-text1{
    width: 147px;
    height: auto;
    position: relative;
    float: left;
    font-family: solaimanlipi;
    font-size: 17px;
    font-weight: normal;
    color: white;  
    background-color: #666;
    margin-left: 13px; 
}
#head-img2-text2{
    width: 151px;
    height: 27px;
    position: relative;
    float: left;
    background-color: #666;
    margin: 5px 0 0 0;
   
} 
#head-img2-text2:hover{
    background-color: #666;
    filter:alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.80;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}  
#head-img2-text3{
    width: 170px;
    height: 11px;
    position: relative;
    float: left; 
    background: url(elements1/side-footer-shadow.png) repeat-x;
    margin: 0 0 0 5px;
}
#feacher-holder{
    
}
/*#head-img2-text2 a{
    font-family: solaimanlipi;
    font-size: 16px;
    font-weight: normal;
    color: black; 
    text-decoration: none; 
}*/
#head-img2-text2 a:hover{
    color: #CCCCCC; 
}
#middle-holder
{
    width: 100%;
    height: auto;
    position: relative;
    float: left; 
    background:url('elements1/body-bg.pngddd')  repeat-y;
}

#middle-wrapper{
    width: 615px;
    height: auto;
    position: relative;
    float: left;
  border:solid 1px #ededed;
margin:10px 0 0 11px;

}
#middle
{
    width: 610px;
    height: 1022px;
    position: relative;
    float: left; 
    background-color:white;
   margin-left:2px;


}
.middle-inner{
text-align: center;
  position: absolute;
top: 0;
left: 300px;
}
}
#midddle-top{
    width:auto;
    height:auto;
    position: relative;
    float: left;
}

#right-bottom-holder{
   float: left;
    height: auto;
    position: relative;
    width: 100%;
    
}

.small-images{
     width:152px;
     height:230px;
     text-align:center

}
#r-image1{
    width: auto;
    height: auto;
    position: relative;
    float: none;
    text-align: center;
margin: 10px 0 0 0;
}
#r-image2{
    width: 161px;
    height: 159px;
    position: relative;
    float: left;
    margin: 10px 0 0 10px;
}
#right1
{
    width: auto;
    height: auto;
    position: relative;
    float: left;    
}
#rightOne
{
    width: 170px;
    height: 378px;
    position: relative;
    float: left;
}
#right1_ribbon
{
    width: 135px;
    height: 36px;
    position: relative;
    float: left;
    background: url(elements1/red-ribbon.png) no-repeat;
    font-family: SolaimanLipi;
    font-size: 14px;
    color: white;
    padding: 2px 0 0 10px;
}
#right-j-query
{
    width: auto;
    height: auto;
    position: relative;
    float:left;
}
#right2
{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin: 7px 0 0 10px;    
}
#down
{
    margin-top: 5px;
    width: 974px;
    height: 30px;
    position: relative;
    float: left;
    background: url(elements1/ribbon-bottom.png) no-repeat;
    background-color: white;
    padding-bottom: 10px;
}
#down-content{
    
    width: 100%;
    height: 24px;
    position: relative;
    float: left;
    background-color: #D6D1B1;
}
#down-content-left{
    
    width: 267px;
    height: 24px;
    position: relative;
    float: left;
}
#down-content-left1{
    
    width: 268px;
    height: 24px;
    position: relative;
    float: left;
}
#l-image1{
    width: auto;
    height: auto;
    position: relative;
    float: right;
    margin-top: 7px;  
}
#l-image1-text{
    width: auto;
    height: auto;
    position: relative;
    float: right;
    font-family: solaimanlipi;
    font-size: 15px;
    color: black;
    margin-left: 4px;
}
#menu-holder
{
    width: 100%;
    height: 23px;
    position: relative;
    float: left;
    background-color: #D6D1B1;
}
#prothom-pata{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin-top: 5px;
    padding-right: 15px;
}

#prothom-pata1{
    width: 10;
    height: auto;
    position: relative;
    float: left;
    margin-top: 6px;
}
#finish-pata{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin: 6px 0 0 10px;
}

#finish-pata1{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin: 5px 0 0 0;
    padding-left: 12px;
}
#menu{
height: 22px;
width: auto;
position:relative;
float: left;
display: inline; 
padding-top: -5px;
}
#menu ul{
    margin: 0 0 0 -45px;
}
/*Menus List Properties*/
#menu li{
	width:19px;
	background-repeat:no-repeat;
	text-align:center;
	background-position:center;
	height: 23px;
	position:relative;
	float:left;
	list-style-type:none;
	position:relative;
	background-color: #CCC79D;
	padding:0px 0px 0px 0px; 
    /*border: 1px solid red;*/
}
#menu li.selected{
	width:19px;
	background-repeat:no-repeat;
	background-position:center;
	height: 23px;
	position:relative;
	float:left;
	list-style-type:none;
	position:relative;
	background-color:white;
	padding:0px 0px 0px 0px;
}
.separator{
	width:6px;
	height:6px;
	position:relative;
	float:left;
}
#menu li:hover{
background-color:white;
}

/* anchor properties for Menu */
#menu a{
    float:left;
    text-decoration:none;
    font-family:SolaimanLipi;
    font-size: 15px;
    font-weight: normal;
    color:black; 
}
/* When Mouse Hover over Menus */


.site-footer{
width:100.6%;
    background-color:#DFDFDF;
    font-size:1em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    //margin-top:10px;
}
[class^="footer-"]{
    float:left;padding:2px 20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:20px;
    margin-bottom:20px;
}
.footer-left{
    text-align:center;
    width:25%;
    padding-top:35px;
}
.footer-left img{
    width:150px;
    height: auto;
}
.footer-middle,
.footer-right{
    border-left:solid 5px #999;
    text-align:left;
    min-height:112px;
}
.footer-middle{width:32%}
.footer-right{width:43%;float:right}
.dev-info{
    margin-top:10px;
    background-color:#ef1e23;
    padding:3px 10px;
    color:#ededed;
    text-align:right;
}
.dev-info a{
    color:#fff;

}


#footer{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
clear:both;

}


#logo-holder{
    width: 994px;
    height: auto;
    position: relative;
    float: left;
    background-color: white;
    margin-left: 3px;
}
.panel
{
width: 147px;
height:220px;
display:none;
overflow: auto;
}
#panel-holder{
    width: 110px;
    height: auto;
    position: relative;
    float: left;
    margin-left: 8px;
}
#panel-image{
    width: auto;
    height: auto;
    position: relative;
    float: left;
}
#panel-image a{
     text-decoration: none;
}
#panel-text{
    width: 50px;
    height: auto;
    color: #cccccc;
    position: relative;
    float: left;
    margin-left: 45px;
}
#panel-text a{
    font-family: solaimanlipi;
    font-size: 16px;
    color: #cccccc;
    text-decoration: none;
    font-weight: bold;
}
#image-pre-holder{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 32px; 
}
#image-previous{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin-top: 5px; 
}
#image-previous:hover{
	background-color: #E5E5E5;
}
#image-previous a{
    text-decoration: none;
    border: none;
}
#image-textpage{
    width: 48px;
    height: auto;
    position: relative;
    float: left;
    margin-left: 10px;
    
}
#image-textpage a{
    font-family: solaimanlipi;
    font-size: 15px;
    color: black;
    text-decoration: none;
    text-align: center;
    
}
#image-next{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin-top: 5px;
    margin-left: 10px; 
}
#image-next:hover{
	background-color: #E5E5E5;
}
#image-next a{
    text-decoration: none;
}

#container > #menu-holder > div > #menu-holder{
	width: 83% !important;
}


#container > #menu-holder > div{
	margin-left: 12px !important;
}