}
body {
  margin: 0 auto;
  margin-top: 20px;
}
h1{
  font-family: @Arial Unicode MS;
  font-size: 26px;
  padding-bottom: 0px;
  color: #868686
  
}
h2{
  font-family: @Arial Unicode MS;
  font-size: 22px;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 15px;
  color: #d42800;
  float: left;
}
h3{
  font-family: @Arial Unicode MS;
  font-size: 20px;
  color: #34B3E8;
  font-weight: bold;
  text-align: center;

     
}
h4{
  font-family: @Arial Unicode MS;
  font-size: 20x;
  font-weight: 600px;
  color: #868686;
  padding-bottom: 5px;
 
}
h5{
  font-family: @Arial Unicode MS;
  font-size: 16px;
  background: #333333;
  padding-bottom: 5px;
}
h6{
  font-family: @Arial Unicode MS;
  font-size: 14px;
  line-height: 10px;
  font-weight: 600px;
 }

  
}
#container {
  background-image: url(images/bg.jpg);
  border: solid;
  width: 1024px;
  height: 820px;
  border-color: #000;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  font-family: @Arial Unicode MS;
  position: relative;

  background-repeat: repeat-x
}
.nav ul {
       background-image: url(images/navback.png);
   
float: left;
  font-size: 12px;
  line-height: 14px;
 background-repeat: no-repeat;

margin-top: 0px;
margin-left: 149px;
  text-align: center;
  width: 800px;
  height: 30px;
	list-style: none;
margin-bottom: 0px;
    text-decoration: none;
  font-family: @Arial Unicode MS;
  cursor: pointer;

}


	
.nav li  {
padding-top: 0px;
display: inline;
margin-left: -10px;	
 height: 30px;
float: left;
padding-bottom: 0px;

text-align: center;
  text-decoration: none;
      cursor: pointer;
	   
  }

 .nav li a {

 display: inline;
float: left;
	width: auto;
 height: 30px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 0px;
color: #000;

  text-decoration: none;
      cursor: pointer;
	   
  
  }

.nav li  a:hover{

	
 height: 30px;
	    float: left;
color: #fff;
 display: inline;

 background-image: url(images/navback_SUPERHOVER.png);
background-repeat: repeat-x;
background-position: center;

 cursor: pointer;


  }
  
 

#nav li a.current,
#nav li a:hover.current {
 height: 30px;
	    float: left;
color: #fff;
 display: inline;

 background-image: url(images/navback_SUPERHOVER.png);
background-repeat: repeat-x;
background-position: center;

 cursor: pointer;

	
	}	
#navigation {
  float: both;
  width: 755px;
  padding: 0px 0px 5px 0px;
  margin: 0 150px;
  background-repeat: no-repeat ;
  background-image: url(images/navback.png);
  } 
/* ------------  Main Site Content starts Here :P ---------------*/
  
  
  
   /* ------------  J Query Sliding boxes-main controls found in html :P ---------------*/
.slideboxwrapper1{
   height: 300px;
   margin: 100px 0px 0px -200px;
   z-index: -1
  }
.slideboxwrapper2{
	height: 300px;
	margin: 100px 0px 0px -200px;
		}
		

.slideboxwrapper3{
	height: 300px;
	margin: 100px 0px 0px -200px;
	
}
.slideboxwrapper4{
	height: 300px;
	margin: 100px 0px 0px -200px;
		
}
div.slidingBox {
	width: 300px;
	margin: -50px 0px 100px 225px;
 	color: #41505E;
		 cursor: pointer;
	
	background: url(images/bluesquare.png) ;
	background-repeat: no-repeat;
	border: 1px solid #569492;
		  }
	  
div.slidingBox2 {
	margin: -400px 0px 0px 598px;
 	color: #41505E;
	width: 300px;
	background: url(images/bluesquare.png) ;
	background-repeat: no-repeat;
	border: 1px solid #569492;
	cursor: pointer;
		}
				
 div.slidingBox3 {
	margin: -200px 0px 0px 225px;
 	color: #41505E;
	
	width: 300px;
	background: url(images/bluesquare.png) ;
	background-repeat: no-repeat;
	border: 1px solid #569492;
	 cursor: pointer;
		  }
		  
 div.slidingBox4 {
	margin: -400px 0px 0px 599px;
 	color: #41505E;
	width: 300px;
	background: url(images/bluesquare.png) ;
	background-repeat: no-repeat;
	border: 1px solid #569492;
	 cursor: pointer;
		  }
		  
  p.ptitle {
	text-align: center;
	font-size: 1.2em;
	margin: 20px 0px 0px 0px
  }
  p.entirePost {
	display: none;
	text-align: center;
	margin: -20px 10px 0px 10px
	  }
  p.entirePostvid {
	display: block;
	padding: 5px;
	 }


 #pattern {
   background: #000000;
  background-repeat: repeat x;

  z-index: -1;
}
#container {
  background-image: url(images/bg.jpg);
  border: solid;
  width: 1024px;
  height: 820px;
  border-color: #000;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  font-family: @Arial Unicode MS;
  position: relative;
 
  
}

 /* ------------  J Query Sliding boxes-main controls found in html :P ---------------*/
.banner{
  background: url(images/front_03.jpg);
  width: 726px;
  height: 181px;
  margin: 0 auto;
  
   

}
.bannerText{
  margin: 50px 10px 0px 0px;
  float: right;
  color: #333333;
  font-size: 25px;
}
.box{
  width: 270px;
  height: 300px;
  text-align: center;
  color:#fff;
  margin-left: 50px;
  margin-top: 50px;
  padding: 10px 0px 0px 10px;
  }
  
.boxHead{
  width: 270px;
  height: 300px;
  text-align: center;
  color:#fff;
  margin-left: -510px;
  padding: 0px 0px 0px 15px;
  }
 
.boxContent{
  margin: 40px 0px 0px 10px;
  text-align: left;
  padding-left: 45px;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color:#34B3E8;
 }

 .boxHead2{
  width: 270px;
  height: 300px;
  text-align: center;
  color: #fff;
  margin: -300px 0px 140px 170px;
  Position: relative;
  
  }
 .boxhead2footer{
 margin: -70px 0 0 0
 }
.content{
  width: 875px;
  height: 716px;
  float: right;
  margin: 0 auto;
  font-family: Arial;
  font-size: 14px;
  border-color: #333333;
  background-image: url(images/dtcontent_02.jpg);
  background-repeat: no-repeat ;
}

.flashstream{
  margin: -110px 100px 0px -75px;
  width: 875px;
  height: 716px;
  float: both;
  z-index: 2
  
  }
.navFooter{
  display: inline;
  float: left;
  text-align: center;
  width: 88px;
  height: 15px;
  margin: 0px 9px 0px 0px;
  padding-bottom: 8px;
  color: #fff;
  font-family: @Arial Unicode MS;
  background-image: url(images/header_Bg.gif);
cursor: pointer;
}
.navFooter:hover{
  display: inline;
  float: left;
  text-align: center;
  width: 88px;
  height: 15px;
  margin: 0px 9px 0px 0px;
  padding-bottom: 8px;
  color: #000;
  font-family: @Arial Unicode MS;
  background: url(images/shadow.gif) ;
}
#navigationFooter {
  margin: auto;
}
.footer{
  width: 588px;
  margin: 0 auto;
   padding-left: 10px
}
.copyright{
  padding: 20px 10px 10px 10px;
  float: left;
  font-style: italic;
}
.designedBy{
  margin-left: 230px;
  color: #000;
}
  
  /* ------------  Main site layout Ends Here :P ---------------*/
  
  
  .vidflashstream{
  margin: 10px 268px 0px 0px;
  width: 600px;
  height: 480px;
  float: both;
  }