/* CSS Document */
body{
padding:0px;
margin:0px;
/*background-color:#00CCFF;*/
background-image:url(../images/backgroundbg.jpg);

background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
table{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#top{
padding:0px;
margin:0px;
margin-left:6px;
}
#top li{
padding:0px 1px;
margin:0px;
margin-right:0px;
list-style:none;
float:left;
}
#top li a{
background-image:url(../images/le.png);
background-position:left;
background-repeat:no-repeat;
padding-left:9px;
float:left;
text-decoration:none;
}
#top li a span{
display:block;
height:30px;
width:auto;
float:left;
padding-left:0px;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding-right:9px;
color:#FFFFFF;
text-decoration:none;
line-height:30px;
background-image:url(../images/ri.png);
background-position:right;
margin-left:0px;
background-repeat:no-repeat;
}

#top li a:hover{
background-image:url(../images/le_over.png);
background-position:left;
background-repeat:no-repeat;
padding-left:9px;
float:left;
text-decoration:none;
}
#top li a:hover span{
display:block;
height:30px;
width:auto;
float:left;
padding-left:0px;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding-right:9px;
color:#000;
text-decoration:none;
line-height:30px;
background-image:url(../images/ri_over.png);
background-position:right;
margin-left:0px;
background-repeat:no-repeat;
}

#top li a.selected{
background-image:url(../images/le_over.png);
background-position:left;
background-repeat:no-repeat;
padding-left:9px;
float:left;
text-decoration:none;
}
#top li a.selected span{
display:block;
height:30px;
width:auto;
float:left;
padding-left:0px;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding-right:9px;
color:#000;
text-decoration:none;
line-height:30px;
background-image:url(../images/ri_over.png);
background-position:right;
margin-left:0px;
background-repeat:no-repeat;
}
.innerheads{
font-size:18px;
color:#000000;
background-color:#b1e0ed;
padding:5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:98%;
height:25px;
}
.innerheads_values{
font-size:18px;
color:#000000;
padding:5px;
height:25px;
}

.innerenqyiry{
font-size:18px;
color:#000000;
background-color:#b1e0ed;
padding:5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:205px;
height:25px;
}
.qustion{
color:#FF0000;
}
.mails{
color:#7e1416;
font-style:italic;
text-decoration:none;
}
.mails{
text-decoration:underline;
}
.projescts{
color:#FFFFFF;
text-decoration:none;
}
.projescts:hover{
text-decoration:underline;
}
.ons{
text-decoration:underline;
color:#fff;
outline:none;
}
.ons:hover{
text-decoration:none;
}
#le1{
padding:0px;
margin:0px;
}
#le1 li{
padding:0px;
margin:0px;
list-style:none;
padding-left:30px;
border-bottom:#82c7da  dotted 1px;
}
#le1 li a{
display:block;
line-height:49px;
text-decoration:none;
color:#ffffff;
}
#le1 li a:hover{
text-decoration:underline;
}
#le2{
padding:0px;
margin:0px;
}
#le2 li{
padding:0px;
margin:0px;
list-style:none;
padding-left:30px;
border-bottom:#82c7da  dotted 1px;
}
#le2 li a{
display:block;
line-height:49px;
text-decoration:none;
color:#ffffff;
}
#le2 li a:hover{
text-decoration:underline;
}
.innertds{
-moz-border-radius: 5px;
border-radius: 5px;
text-align:justify; 
line-height:20px; 
padding:10px; 
border:#a3d4e6 solid 1px;
}

.mores{
text-decoration:none;
color:#fcb315;
font-weight:bold;
}
.mores:hover{
text-decoration:underline;
}
.zitem {
	width:244px;
	height:136px;	
	border:1px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:244px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

#menu2 {
	height:20px;
	border-bottom:0px solid #959595;
}

#menu2 li {
	display:inline;
}

#menu2 li a  {
	background:transparent url(../images/button.jpg) no-repeat top left;
    display:block;
    float:left;
    height:31px;
    margin-right:2px;
	color:#fff;
font-weight:bold;
}

#menu2 li a .button {
	background:transparent url(../images/button.jpg) no-repeat top right;
    display:inline;
    float:left;
    height:21px;
    padding:10px 10px 0 0;
    margin-left:7px;
    cursor:pointer;
}

#menu2 li a:hover {
	background-position:0px bottom;
	color:#000;
}

#menu2 li a:hover .button {
	background-position:right bottom;
}
#menu2 li a.sels {
	background-position:0px bottom;
	color:#000;
font-weight:bold;
}

#menu2 li a.sels .button {
	background-position:right bottom;
}

#menu2 a .text, #menu2 a .icon {
	display:none;
text-align:center;
margin-top:-10px;
z-index:100px;
}

#menu2 a:hover .text {
	display:block;
	position:absolute;
	height:20px;
	top:30px;
	left:0px;
	color:#000;
	font-size:18px;
}

#menu2 a:hover .icon {
display:none;
	height:5px;
text-align:center;

}

#menu2 a.sels .text {
	display:block;
	position:absolute;
	height:20px;
	top:30px;
	left:0px;
	color:#000;
	font-size:18px;
}

#menu2 a.sels .icon {
display:block;
	height:5px;
text-align:center;
border:0px;
}

#top_footer{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0px;
padding:0px;
padding-left:200px;
}
#top_footer li{
padding:0px;
margin:0px;
list-style:none;
float:left;
padding-right:10px;
}
#top_footer li a{
padding: 6px 9px;
font-weight:bold;
font-size:12px;
text-decoration:none;
color:#FFF;

/*border-right:#333333 solid 1px;*/
}
#top_footer li a:hover{
color:#FFF;
background-color:#a4a4a4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; 
text-decoration: none;
padding: 6px 9px;
border-bottom: 0px solid black;
font-weight:bold;
}
#top_footer li a.sels{
color:#FFFFFF;
background-color:#a4a4a4;
width:103px; /*width of menu (not including side paddings)*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; 
text-decoration: none;
padding: 6px 7px;
border-bottom: 0px solid black;
font-weight:bold;
}

#top_khana{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0px;
padding:0px;
}
#top_khana li{
padding:0px;
margin:0px;
list-style:none;
float:left;
padding-right:10px;
}
#top_khana li a{
padding: 6px 9px;
font-weight:bold;
font-size:12px;
text-decoration:none;
color:#000;

/*border-right:#333333 solid 1px;*/
}
#top_khana li a:hover{
color:#FFF;
background-color:#fd6565;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; 
text-decoration: none;
padding: 6px 9px;
border-bottom: 0px solid black;
font-weight:bold;
}
#top_khana li a.sels{
color:#FFFFFF;
background-color:#fd6565;
width:103px; /*width of menu (not including side paddings)*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; 
text-decoration: none;
padding: 6px 7px;
border-bottom: 0px solid black;
font-weight:bold;
}
#sels{
background-image:url(../images/le.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left:9px;
float:left;
color:#FFFFFF;
text-decoration:none;
}
#sels span{
display:block;
height:30px;
width:auto;
float:left;
padding-left:0px;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding-right:9px;
color:#FFFFFF;
text-decoration:none;
line-height:30px;
background-image:url(../images/ri.jpg);
background-position:right;
margin-left:0px;
background-repeat:no-repeat;
}