@charset "utf-8";


body {
   margin-left:auto;
   margin-right:auto;
   margin-top:0px;
   background-color: #000000;
   background-image: url(../images/bg3.jpg);
   background-repeat: repeat-x;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:12px;
}

div, ul, h1, h2, h3, h4, p, img, form{
padding:0; margin:0;
}


img
{  border-style: none;}

a {
   outline: none;
}


ul{
list-style-type:none;
} 

#alig{ width:800px; height: auto; margin:0 auto 0 auto;
}

#header{
width : 800px; height : 144px;background: url(../images/header3.jpg) no-repeat;float : left;
}
 

/*----------------------------menue--------------------------------------------*/

#menu {
width:800px; height:50px; background:url(../images/menubg1.jpg) no-repeat; float:left;

}

#menu ul{
margin: 9px 0px 0px 45px; text-align:center;
}


#menu ul li {
 float:left; margin: 0px 0px 0px 45px; background:url(../images/btnimg.jpg);
  }
  
 #menu a{
width:122px; height:20px; padding-top:7px; padding-bottom:5px;display:block;
 }
 
  #menu ul li a{
 text-decoration:none;color:#ffff66; font-size:14px; font-weight: bold; text-align: center;
   }
  
  #menu ul li a:hover{
 background-image: url(../images/btnover2.jpg);

}

 /*----------------------------menue end --------------------------------------------*/
 
 

/*---------------------------------------side bar-------------------------------------------*/
#sidebar1{
background:url(../images/sidebarimg.jpg) no-repeat; background-color: #000000; float:left; width: 170px; height: 500px; margin-top: 20px;

}

#sidebar1 p{
font-size:14px; color: #FFFFFF; font-weight: bold; text-align:center; display:block; margin:23px 0 0 0 ; padding: 0 0 0 0;

}


#sidebar1 ul li a{
display:block; color: #000000; text-decoration: none; font-size:12px; font-weight:bold;

}
 
 #sidebar1 ul li{
 background: url(../images/s6.jpg) no-repeat;
 }
 

#sidebar1 ul{
margin:21px 6px 0px 4px; display:block; text-align:center;background-color:#000000;
}

#sidebar1 a{
height: 19px;padding-top: 3px; padding-bottom:3px; margin:1px 0 0 0;
}

#sidebar1 ul li a:hover{
   background-color: #000000;
   color:#DFDF00;
   }

/*---------------------------------------side bar end -------------------------------------------*/

/*---------------------------------------  content   ------------------------------------------------------------------*/



#content2{
width:800px; height:auto; float:right; margin-top:20px; margin-bottom:50px; text-align:center; background:url(../images/contendbg2.jpg) no-repeat; background-color:#000000;
}

#content2 h1{
color:#669900; display:block; float:left; margin:40px 0px 0px 40px;
}
/*-------------------------------------------------------------about------------------------------*/
#adv_folio{
float: right; display:block; margin:60px 40px 0 0;}


#cont_p{
margin: 90px 40px 10px 40px;}

#cont_p p{
color:#CCCCCC; text-align: left; margin:0 auto; display:block;}


#to_see{
font-size:12px; padding: 10px 0px 10px 0px; font-weight:bold; color:#999999;}
#to_see a{
color:#669900;}

#skills{
width:720px; height: 200px; margin-left:40px; margin-top:40px; background-image:url(../images/PROG.jpg);}
#skills ul{
width:240px; display:block; float:right;}
#prog{
color: #666666; display:block; font-size:14px; font-weight:bold; padding: 10px 0 10px 0px; margin:10px 0 10px 0;}

#pg1{
text-align:left; color:#CCCCCC; margin-left:20px; display:block; text-transform:uppercase;}

#pg1 img{
margin-right:4px;}

/*----------------------------about end-----------------------------------------*/

#content_folio{
width:620px; height:500px; float:right; margin-top:20px; margin-bottom:50px; text-align:center; background:url(../images/contimg.jpg) no-repeat; background-color:#000000;
}


#content_folio li {
 float:left; margin: 50px 0px 0px 50px; width:235px; height:200px; background:url(../images/folio_menue1.jpg);display:block;
  }
  
#content_folio ul li a{
 text-decoration:none; color:#666666; font-size:26px; font-weight: bold; text-align: center; }
 #content_folio a{
  width:230px; height:auto; padding-bottom:82px; padding-top:82px; display:block;}
  
 #content_folio ul li a:hover{
 background-image: url(../images/folio_menue2.jpg); color:#669900;}
  
/*--------------------------------------- content end -------------------------------------------------------------------*/



/*----------------------------------------------------------footer-------------------------------*/

#footer{
width:800px; height:30px; background-color: #333333; float: left;
}

#footer p{
float:left; margin:6px 0px 0 300px; font-size:11px; color: #999999; display:block; width:auto; text-transform:uppercase;
}

#footer ul{
width: auto; margin:6px 0px 0 0px; display:block; float:right;
}

#footer ul li{
float: right; margin:0;
}

#footer a{
   padding:0px 10px 0px 10px; color: #666666; text-decoration: none; font-size:11px; display:block; border-left: 2px groove #666666; 
}
        
#footer ul li a:hover{
color: #FFFFFF;
}


/*------------------------------------------------------ footer end -------------------------------*/