/* CSS Document */
#nav ul {list-style:none; margin-top:0px; margin-left:300px;}
#nav ul li{display:inline-block; margin-right:50px; height:55px; line-height:32px; position:relative;}
#nav ul li a, #nav ul li a:visited{ font-weight:bold; color:#990066;font-size:20px; padding-top:12px; display:block; text-decoration:none;} 
 
 #nav ul li.home     {background:url('../home.png')top center no-repeat;}
  #nav ul li.folder   {background:url('../ab.png') top center no-repeat;}   
 #nav ul li.bookmark {background:url('../images/64b6bbca1c4.png') top center no-repeat;} 
  #nav ul li.burst    {background:url('../icon-web-design.png') top center no-repeat;}       
  #nav ul li.calendar {background:url('../cu.png') top center no-repeat;}   
  #nav ul li.email    {background:url('../s.png') top center no-repeat;} 
  
.pro
{
margin-left:90px;
background:#FFF;
font-size:18px;
}
.img
{
z-index:-1;
position:absolute;
}
.box
{
border:1px ;
height:50px;
line-height:50px;
width:33.3%;
float:left;
text-decoration:none;
background:#808080;
}
.active
{background:#CCCCCC;
color:#CCCCCC;
height:40px;
width:32.99%;
float:left;
}
.bgnew
{
    background-image:url(../images/Texture-for-Website-Background.jpg);
    background-position: top center;
    background-repeat:repeat;
    background-attachment: fixed;
}
.main
{
height:1450px;
border:2px ;
background-color:#FFFFFF; 
margin-left:120px;
margin-top:90px;
width:80%;
}
.head
{
border:2px ;
height:200px;
width:99%;
float:left;
}

.in
{
border:1px solid black;
max-width:100%;
background:url(../wow5.jpg);
background-position:top center;
background size:cover;
box shadow: 0 4px 6px rbga(0,0,0,.5);
height:400px;

}
.ot
{
position:relative;
margin-top:100px;
margin-bottom:100;
height:300px;
width:90%;

}
.hi
{
position:relative;
margin-top:100px;
margin-bottom:100;
height:200px;
width:100px;
float:left;
}
.cover
{
position:relative;
margin-top:100px;
margin-left:10px;
margin-bottom:100px;
height:300px;
width:400px;
background:rgba(255, 255, 255, .5);
}
.best
{
border:1px solid gray;
margin-top:5px;
height:50px;
width:99%;
}
.magnifier
{
    opacity: 1;
    position: relative;
    height: auto;
    display: block;
	 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.magnifier:hover{
opacity 0.7;
}
.magnifier:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    background:url(../images/magnifier.png) center center no-repeat #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}	

.magnifier:hover:after
{ opacity: 0.6;
}
.im1
{
border:0px;
background-image:url(../a3.jpg);
height:430px;
width:100%;
} 
.im
{
border:5px  dashed blue;
height:200px;
width:360px;
margin-left:1px;
float:left;
}
.he
{
border:2px solid pink;
height:40px;
width:99%;
}
.input
{
background-color:#996600;
margin-left:2px;
}

.button.black
{
background-color:#CC99FF;
margin-left:2px;
}
#button
{
font-size:26px;
border:2px solid black;
border radius:5px;
margin-left:10px;
}
.happy
{
border:2px ;
height:300px;
width:99%;
float:left;
}
.hap
{
border:2px;
height:50px;
width:99%;
}
.hap1
{
border:1px ;
height:270px;
width:55%;
margin-left:2px;
float:left;
}
.hap2
{
border:1px ;
height:290px;
width:44%;
margin-left:2px;
float:left;
}
.ser
{
border:1px;
height:400px;
width:300px;
float:left;
background-color:#FFFFCC;
margin-top:10px;
}
.footy
{
border:1px;
background:url(../images/footer_bg.png);
height:250px;
width:100%;

float:left;
}
.foot
{border:1px;
height:180px;
width:240px;
float:left;
}
#foo
{
border:1px ;
height:200px;
width:400px;
float:left;
text-decoration:none;
list-style:none;
}
#foo ul{list-style:none; text-decoration:none;}
#foo li{list-style:none; text-decoration:none;}
#foo ul li a, #foo ul li a:visited{ font-weight:bold; color:#000000;font-size:20px;text-decoration:none;}