body 
{

margin:0px;
background-color:rgba(255,255,255,0.8);

background-image-:url(images/bg1.png); 
background-color:white-;




}


#content {

      background-image:url(images/bgfooter-.png);
      background-color: lightgrey;
      padding:20px;
      width:65%;
      min-width:850px;
      position:relative;
      left:13%;
      top:10px;
      border-radius:10px;
      border:2px red solid ;



}

#wrapper
{
		margin:0px;
		width:100%;
		border:2px solid geen;
		margin-left:0px;
		top:0px;
		margin-right:100px;
		
}
#header 
{
		width:100%;
		height:166px;
		top:10px;
		background-color:1maroon;
		border:0px solid white;
		color:rgba(255,22,0,0.9);
		background-image: url (images/bg.png);
		background-image:url(images/bg1.png);
	

}

.slogan {

  background-color:transparent;
  color:white; 
  padding:20px; 
  height:30px; 
  width:30%; 
  position:absolute;
  left:60%; 
  top:5px; 
  border:0px solid black;
 }
#menu11{
  color: red;
   position:relative;
   left:-0%;
   width:12%;
   top:18%;
   float:right;
   border:0px solid black;
 
}


#menu11 a {

  
 
   
   position:relative;
  

}

.leftslide {
		left:16%; 
		top:1px; 
		position:relative; 
		float:left; 
		border:0px solid black; 
		width:18%;
}

#menu111{
  color: red;
   position:relative;
   left:-390px;
   top:-110px;
   float:left;
   background-color:blue;


}
/*
#content
{
		width:60%;
		left:15%;
		float:left;
		
		padding: 20px;
		color: rgba(111,111,255,0.9);
		border:0px solid #ccc;
		position:relative;
		color: darkblue;
		font-family:Arial; 
		
		text-align:justify;

}
*/
#footer

{
		
		padding:10px;
		height:250px;
		color: black;
		border:0px solid #fff;
		clear:both;
	
	
}



div.menu {
		top:85px;
		width:100%;
        left:0px; 
		position:relative;
		border: 0px solid #333;
		height:50px;
		background-color:lightblue;
		border-radius:0px;
   
	   

}


.menu a {

  
  border-radius:1px;
  padding: 10px 10px ;
  margin:0px;
  color:white;
  float:left; 
   top:5px;
   position:relative;
   right:0%;
  
  text-decoration: none;
  background-color: maroon;
  	background-color:lightblue;
	  


}

.menu a:hover {

	
color:white;
text-decoration:underline;
text-decoration: none;
 

}


#searchform {
 float:left; 
   top:12px;
   position:relative;
   right:0%;
   border-radius:5px;
   border-radius:25px;
  text-decoration: none;
  background-color: maroon;
  	background-color:lightblue;

}

div#menu44 {
		top:-70px;
		width:1150px;
        left:-200px; 
		position:relative;
		border: 1px solid #333;
		height:50px;
		background-color:#334;
		border-radius:00px;
   
	   

}



#menu2 {


  border-radius:15px;

  margin:0px;
  color:white;
  float:right; 
   top:0px;
   position:absolute;
   right:-300px;

  text-decoration: none;
  background-color: maroon;
  	background-color:#200;


}
#menu44 a {

  border: 1px #333 solid; 
  border-radius:15px;
  padding: 10px 15px ;
  margin:0px;
  color:white;
  float:left; 
   top:5px;
   position:relative;
   right:-20px;

  text-decoration: none;
  background-color: maroon;
transition: background 0.3s linear 0.1s, color 0s linear 0.1s;

}







.logoL
{
	left:200px;
	height:166px;
	float:left;
	
	
}

.logoR
{
	right:200px;
	height:166px;
	float:right;
	
	
}

#footerlogo 
{
	left:1%;
    color: white;
	float:left;
	position:relative;
	
	
}

#copyright
{
	
    left:50%;
   top:210px;
	float:left;
		position:relative;
	
}

.logo2 
{
	left:40%;
    top: 8px;
	float:left;
	position:relative;
	
}

.logo22 
{
	left:300px;
    top: -150px;
	float:left;
	position:relative;
	
}

#contactbox1
{
    	
	align:center;
	hieght:980px;
	border:2px;
	padding:20px;
	border:2px solid green;
	color:rgba(2,250,0,0.7);
	background-color:rgba(0,0,0,0.8);
    width:400px;
   
   
}

#contactbox1r
{
	align:right;
	left:100px;
	border:2px;
	padding:20px;
	position:relative;
	color:red;
	
}

.R{
float:left;
border:0px solid black;
postion: relative;
padding:10px;
width:90%;

}



.L{
border:3px solid white;
border-radius:15px;
postion: aboslute;
padding:2px;

float:left;
}



.Rvideo{
float:left;
border:1px solid black;
postion: relative;
padding:5px;
width:75%;

}
.Lvideo{
border:3px solid white;
border-radius:15px;
postion: aboslute;
padding:2px;

float:left;
}


@media only screen and (min-width: 150px) and (max-width: 500px)

{

#wrapper {

	width:100%;
	border:0px solid black;
}


div.menu {
		top:260px;
		width:80%;
        left:0px; 
		position:relative;
		border: 0px solid #333;
		height:450px;
		background-color:lightblue;
		border-radius:0px;
   	 border:0px solid black;
	   

}

.menu a {

  
  border-radius:1px;
  padding: 10px 10px ;
  margin:0px;
  color:white;
  float:left; 
   top:-5px;
   position:relative;
   right:0%;
  width:73%;
  text-decoration: none;
  background-color: maroon;
  	background-color:lightblue;
	  


}

.menu a:hover {
background-image:url(images/bg1.png);
	
color:white;
text-decoration:underline;
text-decoration: none;
 

}




#footer

{
		width:69%;
		left:8.5%;
		float:left;
		top: 450px;
		padding: 20px;
		color: rgba(111,111,255,0.9);
		border:10px solid #ccc;
		position:relative;
		color: darkblue;
		font-family:Arial; 
		
		text-align:justify;
		 border:0px solid black;
		
	
}
 
#footerlogo 
{
	width:60%;
		left:3%;
		float:left;
	
	
	
		position:relative;
		
	
}

#copyright
{
	
 
		top:150px;
		float:left;
		left:3%;
		padding: 0px;
	
		position:relative;
		color: white;
		font-family:Arial; 
		font-size: 85%;
		
		text-align:left;
	
}



.slogan {

  background-color:transparent;
  color:white; 
  padding:2px; 
  height:50px; 
 
  left:10%; 
  top:90px; 
  
  
  width:100%;
		left:0%;
		float:left;
	
	
	
		position:relative;
 border:0px solid black;
 
 }
#header img { 
top:5px; 
width:60%;
		left:0%;
		float:left;
	
		position:relative;
 border:0px solid black;
 
		

}

.leftslide {
	
	display: none;
}
#menu11{
  display: none;
 
}



}




/* For pop up function  for left side pop up fnc */
div.hover_home:hover {
 
 color:red;
}


ul.hide_home{
    display:none;
	
	
	background:white;
	text-decoration:none;
   }
.hide_home:hover ul{
    display:block;
	min-height:300px;
	background:orange;
	
	color:black;
	border-radius:10px;
	top:53%;
	left:1%;
	padding:10px;
	position:fixed;
   }
   
  .hover_home ul{
    display:none;
	
	}
	
		
/* For pop up function */
  
	  .tab {
		border : 0px solid black;
		padding:20px;
		width:500px;
		height:400px;
		
		}
		
.tab a {
		
		color : #334;
		text-decoration: none;
		
		}

.vediocss {
 padding:20px;
  border:0px solid black; 
  float:left;
  height:auto;
  background-color:darkblue;}



#contactbox
{
	width:90%;
	border:2px solid blue;
	padding:20px;
	position:relative;
	border:1px solid white;
	color:black;
	background-color:rgba(205,145,255,1);
	
	float:left;
	
}

#contactbox1
{
    	
	height:640px;
	border:2px;
	padding:20px;
	border:1px solid white;
	color:black;
	background-color:rgba(255,255,255,0.8);
    width:400px;
	float:left;
   
   
}

#search{

border:1px solid ;
top:80px;
width:250px;
left:1150px;
position: relative;
}



div#menu {
		top:355px;
		width:100%;
		min-width:1000px;
        left:00px; 
		position:relative;
		border: 0px solid #333;
		height:80px;
		background-color:lightblue;
		border-radius:0px;
   
	   

}


#menu a {

  
  border-radius:1px;
  padding: 10px 10px ;
  margin:0px;
  color:white;
  float:left; 
   top:5px;
   position:relative;
   right:0%;
   left:10%; 
 
   
  text-decoration: none;
  background-color: maroon;
  	background-color:lightblue;
	  


}


#menu a:hover {
background-color:white;



background-image:url(images/bg1.png);
	
color:white;
text-decoration:underline;
text-decoration: none;
 

}
.active : a
{
   background: green;
  
   text-decoration: none;
}

.row_a {
      color: black;
	  background-color:lightgreen;
	  padding: 5px;
	  height:50px;
	  text-align:left;
	  
}

.row_b {

color: #fff;
	  background-color:blue;
	  padding: 5px;
}

.row_b {

color: black;
	  background-color:lightblue;
	  padding: 5px;
	  height:30px;
	   text-align:left;
}
#header {

           min-width:1000px;
           position:relative;

}

#footer{

           min-width:1000px;
           position:relative;

}







.tag-nav      /* To change the  menu Nav  */
{
   
   background: linear-gradient(top, #FAFAFA 0, #BFBFBF 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FAFAFA 0, #BFBFBF 100%) no-repeat;
   background: -moz-linear-gradient(top, #FAFAFA 0, #BFBFBF 100%) no-repeat;
   background: -o-linear-gradient(top, #FAFAFA 0, #BFBFBF 100%) no-repeat;
   background: -ms-linear-gradient(top, #FAFAFA 0, #BFBFBF 100%) no-repeat;
   background: linear-gradient(top, #FAFAFA 0, #BFBFBF 100%) no-repeat;
   -svg-background: linear-gradient(top, #FAFAFA 0, #BFBFBF 100%) no-repeat;
   padding:0 5px;
   margin:20px auto 0;
   position: relative;
   top:-10px;   /* To change the  menu up and down  */
   border:0px solid red;
   min-width:1190px;
   height:60px;
   
   z-index: 499;
}

ul.tag-hmenu a, ul.tag-hmenu a:link, ul.tag-hmenu a:visited, ul.tag-hmenu a:hover 
{
   outline: none;
   position: relative;
  
   z-index: 11;
}

ul.tag-hmenu, ul.tag-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.tag-hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.tag-hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.tag-hmenu:after, ul.tag-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.tag-hmenu, ul.tag-hmenu ul 
{
   min-height: 0;
}

ul.tag-hmenu 
{
   display: inline-block;
   vertical-align: bottom;
   padding-left: 5px;
   padding-right: 5px;
}

.tag-nav-inner:before 
{
   content:' ';
}

.tag-nav-inner{
   text-align: left;
   margin:0 auto;
}

.desktop .tag-nav
{
   padding-left: 0;
   padding-right: 0;
}

.tag-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.tag-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.tag-hmenu     /* To change the  menu left and right  */
{
   float: left;
   position:relative;
   left: 11%;  /*left and right  */
   top:10px;
}

.tag-menuitemcontainer
{
   margin:0 auto;
}
ul.tag-hmenu>li {
   margin-left: 3px;
}
ul.tag-hmenu>li:first-child {
   margin-left: 1px;
}
ul.tag-hmenu>li:last-child, ul.tag-hmenu>li.last-child {
   margin-right: 1px;
}

ul.tag-hmenu>li>a
{
   background: #FFFFFF;
   background: linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(173, 213, 245, 0.5) 100%) no-repeat;
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(173, 213, 245, 0.5) 100%) no-repeat;
   background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(173, 213, 245, 0.5) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(173, 213, 245, 0.5) 100%) no-repeat;
   background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(173, 213, 245, 0.5) 100%) no-repeat;
   background: linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(173, 213, 245, 0.5) 100%) no-repeat;
   -svg-background: linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(173, 213, 245, 0.5) 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px solid rgba(46, 147, 229, 0.5);
   padding:0 36px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 41px;
   cursor: pointer;
   text-decoration: none;
   color: #5492D9;
   color: maroon;  /* color for menu buttons  */
   line-height: 41px;
   text-align: center;
    
}

.tag-hmenu>li>a, 
.tag-hmenu>li>a:link, 
.tag-hmenu>li>a:visited, 
.tag-hmenu>li>a.active, 
.tag-hmenu>li>a:hover
{
   font-size: 12px;
   font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   text-transform: uppercase;
   text-align: left;
   
}

ul.tag-hmenu>li>a.active
{
   background: #80BE22;
   background: linear-gradient(top, rgba(148, 218, 43, 0.8) 0, rgba(145, 216, 39, 0.8) 7%, rgba(108, 160, 28, 0.8) 100%) no-repeat;
   background: -webkit-linear-gradient(top, rgba(148, 218, 43, 0.8) 0, rgba(145, 216, 39, 0.8) 7%, rgba(108, 160, 28, 0.8) 100%) no-repeat;
   background: -moz-linear-gradient(top, rgba(148, 218, 43, 0.8) 0, rgba(145, 216, 39, 0.8) 7%, rgba(108, 160, 28, 0.8) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(148, 218, 43, 0.8) 0, rgba(145, 216, 39, 0.8) 7%, rgba(108, 160, 28, 0.8) 100%) no-repeat;
   background: -ms-linear-gradient(top, rgba(148, 218, 43, 0.8) 0, rgba(145, 216, 39, 0.8) 7%, rgba(108, 160, 28, 0.8) 100%) no-repeat;
   background: linear-gradient(top, rgba(148, 218, 43, 0.8) 0, rgba(145, 216, 39, 0.8) 7%, rgba(108, 160, 28, 0.8) 100%) no-repeat;
   -svg-background: linear-gradient(top, rgba(148, 218, 43, 0.8) 0, rgba(145, 216, 39, 0.8) 7%, rgba(108, 160, 28, 0.8) 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px solid rgba(110, 165, 29, 0.8);
   padding:0 36px;
   margin:0 auto;
   color: #FFFFFF;
   text-decoration: none;
}

ul.tag-hmenu>li>a:visited, 
ul.tag-hmenu>li>a:hover, 
ul.tag-hmenu>li:hover>a {
   text-decoration: none;
}

ul.tag-hmenu>li>a:hover, .desktop ul.tag-hmenu>li:hover>a
{
   background: blue;
   background: linear-gradient(top, rgba(132, 192, 240, 0.6) 0, rgba(64, 156, 231, 0.6) 100%) no-repeat;
   background: -webkit-linear-gradient(top, rgba(132, 192, 240, 0.6) 0, rgba(64, 156, 231, 0.6) 100%) no-repeat;
   background: -moz-linear-gradient(top, rgba(132, 192, 240, 0.6) 0, rgba(64, 156, 231, 0.6) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(132, 192, 240, 0.6) 0, rgba(64, 156, 231, 0.6) 100%) no-repeat;
   background: -ms-linear-gradient(top, rgba(132, 192, 240, 0.6) 0, rgba(64, 156, 231, 0.6) 100%) no-repeat;
   background: linear-gradient(top, rgba(132, 192, 240, 0.6) 0, rgba(64, 156, 231, 0.6) 100%) no-repeat;
   -svg-background: linear-gradient(top, rgba(132, 192, 240, 0.6) 0, rgba(64, 156, 231, 0.6) 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px solid rgba(96, 173, 235, 0.6);
   padding:0 36px;
   margin:0 auto;
}
ul.tag-hmenu>li>a:hover, 
.desktop ul.tag-hmenu>li:hover>a {
   color: black;
   text-decoration: none;
}

ul.tag-hmenu li li a
{
   background: #97C9F2;
   border:1px solid #2E93E5;
   padding:0 8px;
   margin:0 auto;
}
ul.tag-hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
}

.desktop ul.tag-hmenu li li ul>li:first-child 
{
   margin-top: 0;
}

ul.tag-hmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.tag-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 23px;
   min-width: 7em;
   border: 1px solid transparent;
   text-align: left;
   line-height: 23px;
   color: #092C49;
   font-size: 12px;
   font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin:0;
}

.tag-hmenu li li a 
{
   border-top-width: 0 !important;
}
.tag-hmenu li li:hover>a 
{
   border-top-width: 1px !important;
}
.tag-hmenu ul>li:first-child>a 
{
   border-top-width: 1px !important;
}

.tag-hmenu ul a:link, 
.tag-hmenu ul a:visited, 
.tag-hmenu ul a.active, 
.tag-hmenu ul a:hover
{
   text-align: left;
   line-height: 23px;
   color: #092C49;
   font-size: 12px;
   font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin:0;
}

ul.tag-hmenu ul li a:hover, .desktop ul.tag-hmenu ul li:hover>a
{
   background: blue;
   border:1px solid #ABABAB;
   margin:0 auto;
}
.tag-hmenu ul a:hover
{
   color:  blue;
}

.tag-hmenu ul li a.tag-hmenu-before-hovered 
{
   border-bottom-width: 0 !important;
}

.desktop .tag-hmenu ul li:hover>a
{
   color: #262626;
}

ul.tag-hmenu ul:before
{
   background: #949494;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.tag-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop ul.tag-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.tag-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
}

.desktop ul.tag-hmenu>li>ul
{
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

.desktop ul.tag-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

.desktop ul.tag-hmenu ul.tag-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop ul.tag-hmenu ul.tag-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop ul.tag-hmenu li li:hover>ul.tag-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop ul.tag-hmenu li li:hover>ul.tag-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop ul.tag-hmenu ul ul.tag-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

.desktop ul.tag-hmenu ul ul.tag-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
}

.desktop ul.tag-hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop ul.tag-hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop ul.tag-hmenu ul ul:before
{
   border-radius: 0;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 10px;
}

.desktop ul.tag-hmenu>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop ul.tag-hmenu>li>ul.tag-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop ul.tag-hmenu>li>ul.tag-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop ul.tag-hmenu ul ul.tag-hmenu-left-to-right:before {
   right: 30px;
   left: 10px;
}
.desktop ul.tag-hmenu ul ul.tag-hmenu-right-to-left:before {
   right: 10px;
   left: 30px;
}


#header_1 {
background-image:url(../images/header_bg_2.jpg);
width:100%;
height:300px;
min-width:1200px;
border:0px red solid;
margin:0;
padding:0;



}