.body {
	background-image: url(images/body-bg.png);
}

.layout{
margin:0px;
padding:0px;

width:1000px;
height:autopx;
margin-left:150px;
float:left;
}

.header-top{
 float:left;
 width:1000px;
 height:137px;
 
 background:#FFFFFF ;
 margin-left:0px; 
}

.header-top-r{
 float:left;
 width:1150px;
 height:50px;
 /*background:#808080;*/
 margin-left:0px; 
}
.panel
{
	float:right;
	width:100px;
	height:60px;
	background-color :Maroon ;
	background:url(images/panel.png);
}
.panel:hover
{
	text-decoration: underline;
	cursor :pointer ;
  /*-webkit-filter: grayscale(100%);*/
}

.logo{
 float:left;
 width:130px;
 height:130px;
 margin-left:0px;
 margin-top:2px;
 background:url(images/logo.png);
}

.title_name{
 float:left;
 background:url (ban-title.png)no-repeat;
 margin-left:5px; 
 margin-top:3px;
 width:800px;
 height:130px;
}

.menu-bg{
 
width:1000px;
height:35px;
background: #A646F1;
float:left;
 margin-left:0px;
margin-top:0px;
}
.banner-img{
float:left;
 margin-bottom:0px;
 background:#FFF;
 width:1000px;
 height:562px;
 margin-left:0px;
}

.roll{
	width:1000px;
	height:40px;
	margin-left:0px;
	background-color:#FFF;
	margin-top:0px;
}

.siters-out{
	width:1000px;
	height: 375px;
	margin-left:0px;
	background-color:#FFFFFF;
	margin-top:0px;
}
.left-sis1{
 float:left;
 width:350px;
 height:179px;
 background:#ffffff;
 padding-left:10px;
 padding-right:10px;
 margin-left:5px;
 margin-top:0px;
}
 
 .right-sis2{
 float:left;
 width:350px;
 height:300px;
 background:#ffffff ;
 padding-left:10px;
 padding-right:25px;

 margin-left:5px;
 margin-top:0px;
}	
.content-out{
 float:left;
 width:1000px;
 height: auto;
 background:#ffffff;
 font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-colour: #000000;
 margin-top:0px; 
 }	
 .content{
	width: 950px;
	height: auto;
	margin-left: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-colour: #000000;
	margin-top: 10px;
 }
.footer{
width:1000px;
height:340px;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
float:left;
background-color:#1B1B05; 
}	 

.copy-text{

padding-top:0px;
text-align:center;
font-size:12px;
font-color:#fff;
margin-top:5px;
}


/*************************menu-liat*********************************************************************/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0; }
ul.menu a {display:block; color:#ffffff; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px;}
ul.menu ul {position:absolute; left:0; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:190px; margin:0}
ul.menu ul li a {display:block; padding:4px 3px 5px; background-color:#C471F7}
ul.menu ul li a:hover {background-color:#ED65F2}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink { padding:10px 19px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;  }
ul.menu .menulink:hover, ul.menu .menuhover {background:#ED65F2;url(images/header_over.gif)}
ul.menu .sub {background:#C471F7 url(images/arrow.gif) 120px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

.line-height{
background:url(images/line-bg.jpg) no-repeat;
float:right;
}

.marquee {
width:200px;
height:150px;
font-size:12px;
color:#666666;
line-height:20px;
padding:10px 10px 10px 20px;
}


.circle 
{
	cursor :pointer ;
	background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 25%;
    width: 100px;
    height: 100px;
}

/*************************Image sie changing*********************************************************************/

.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	height: 292px;
}
.bw1 {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	height: 140px;
	width: 133px;
}
 
.bw:hover 
{
	cursor :pointer ;
  -webkit-filter: grayscale(100%);
}



.brighten img {
  -webkit-filter: brightness(-65%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.brighten img:hover 
{
	cursor :pointer ;
  -webkit-filter: brightness(0%);
}



.focus {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.focus:hover {
  border: 70px solid #000;
  border-radius: 50%;
}



/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover 
{
	cursor :pointer ;
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}



.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

/*SIDEPAN*/

.sidepan img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
 
.sidepan img:hover {
  margin-left: -200px;
}

/*SHRINK*/
.shrink img {
  height: 400px;
  width: 400px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.shrink img:hover {
  width: 300px;
  height: 300px;
}

/*GROW*/
.grow img {
  height: 300px;
  width: 300px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 400px;
  height: 400px;
}

.grow1 { transition: all .2s ease-in-out; }
.grow1:hover {cursor :pointer ; transform: scale(2.1); }


.frame {
  height: 200px;
  width: 200px;
  overflow: hidden;
}
.zoomin img {
  height: 200px;
  width: 200px;
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
.zoomin img:hover 
{
	cursor :pointer ;
  width: 300px;
  height: 300px;
}



.button > span > span{
  border        : 1px solid rgb(192,192,192);
  border-radius : 3px;
}

.div_text_shadow 
{
color: rgba(0, 0, 0, 0.6);
font-size: 50px;
background-color: rgb(85, 147, 194);
text-shadow: rgba(0, 0, 0, 0.2) 2px 6px 5px, rgba(255, 255, 255, 0.4) 0px -4px 30px;
}
a:link, a:visited {
  
  color: #Dae751;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  color: green;
}