/*This is for ServicePage paragraph style*/


/*div>p means it applies only to the paragraphs
inside the div*/
#title {margin:20px 0 20px 20px;
	opacity:0.75;
	width:955px;  /*changed from 900px*/
    font-size:20px;
   
	
    letter-spacing:.55em;
    -moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	 box-shadow: 10px 10px 5px #888;
	 
	 -moz-transform:scaleY(1.1) rotate(-2deg) ;
	 
	 -webkit-transform:scaleY(1.1) rotate(-2deg);
     -o-transform:scaleY(1.1) rotate(-2deg);
     transform:scaleY(1.1) rotate(-2deg);
         
    }
#title:hover {opacity:1.5;}	
           
    
     /*Styling the Header "MDSS Services" */
  .box2{
 		margin:20px 0 20px 20px;
		opacity:0.75;
		width:970px;/*changed from 920*/
	
    	letter-spacing:.55em;
    	-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: 10px 10px 5px #888;
	 	 box-shadow: 10px 10px 5px #888;
	 
	 	-moz-transform:scaleY(1.1) rotate(-2deg) ;
	  	-webkit-transform:scaleY(1.1) rotate(-2deg);
     	-o-transform:scaleY(1.1) rotate(-2deg);
     	transform:scaleY(1.5) rotate(-2deg);   
     }
  
#video1 {
	/*background-color: blue;*/
	width:320px;
   
	position:relative;
 	 top:50px;
 	/* left: 120px;*/
    left:40px;
    
     
     /*background-color:yellow;*/
}


 section 
{
	display: block;
} 

.accordion
{
	background-color: #eee;
 	border: 1px solid #ccc;
	width: 298px;
	padding: 10px;	
	/*maring:30px auto;*/
	/*margin: 50px auto;	*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	-moz-box-shadow: 0 1px 0 #999;
	-webkit-box-shadow: 0 1px 0 #999;
	box-shadow: 0 1px 0 #999;
	position:relative;
	top:50px;
	/*left:120px;*/
    left:40px;
}
 
.accordion section 
{
 	border-bottom: 1px solid #ccc;
	margin: 5px;	
	background-color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
        background-image: -webkit-linear-gradient(top, #fff, #eee);
        background-image:    -moz-linear-gradient(top, #fff, #eee);
        background-image:     -ms-linear-gradient(top, #fff, #eee);
        background-image:      -o-linear-gradient(top, #fff, #eee);
        background-image:         linear-gradient(top, #fff, #eee);  
  	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.accordion h2,
 .accordion p
{
	margin: 0;	
}

.accordion p
{
	padding: 10px;
	font-size:0.75em;
}
 
.accordion h2 a 
{
	display: block;
	position: relative;
	font: 14px/1 'Trebuchet MS', 'Lucida Sans';
	padding: 10px;
	color: #333;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.accordion h2 a:hover 
{
	background: #fff;
}
 
.accordion h2 + div 
{
	height: 0;
	overflow: hidden;
	-moz-transition: height 0.3s ease-in-out;
	-webkit-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;	
}

.accordion :target h2 a:after 
{  
    content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	border-top: 5px solid #333;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
}

.accordion :target h2 + div 
{
	height: 30px;
}


#video_list
{
background-color:pink;
/*border-bottom: 1px solid #ccc;*/
	/*margin: 5px;	*/
   background-color: #fff;
	
    /*
    background-color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
        background-image: -webkit-linear-gradient(top, #fff, #eee);
        background-image:    -moz-linear-gradient(top, #fff, #eee);
        background-image:     -ms-linear-gradient(top, #fff, #eee);
        background-image:      -o-linear-gradient(top, #fff, #eee);
        background-image:         linear-gradient(top, #fff, #eee);  
     */ 
  	/*-moz-border-radius: 5px;*/
	/*-webkit-border-radius: 5px;*/
	/*border-radius: 10px;*/
	width:280px;  /*changed from 280*/
	position:absolute;
   top:53px;
      top:60px;
    left:400px;
	/*left: 660px;	*/
    height:1250px;
    
    
    opacity:0.6;
    /*background-color:yellow;*/
   
  
 }
 
 #video_list2
 {
 /* background-color:pink;*/
  /*background-color: #fff;*/
  width:290px;
	position:absolute;
   top:60px;
      
    left:700px;
	/*left: 660px;	*/
   /* height:1250px;*/  /* change later once more video*/
     height:1250px;    /*used to be 12*/
    
    
    opacity:0.6;
 
  }
 
 .button
{
	-moz-box-shadow:4px 4px 7px #000;
	-webkit-box-shadow: 4px 4px 7px #000;
	-o-box-shadow: 4px 4px 7px #000;
	box-shadow: 4px 4px 7px #000;
   	/*border-radius:10px;*/
	
	background:-ms-linear-gradient(bottom center,#F0F0F0 23%, #989898 62%);
	background:-moz-linear-gradient(bottom,#F0F0F0 23%, #989898 62%);
	background:-webkit-linear-gradient(linear,left bottom,left top,
	color stop( 0.23,#F0F0F0),
	color stop (0.62,#989898));
    
    
        -moz-transform:scaleY(1.05) rotate(-2deg) ;  /*used to be -2 deg*/
	  	-webkit-transform:scaleY(1.05) rotate(-2deg); /*used to be -2 deg*/
     	-o-transform:scaleY(1.05) rotate(-2deg); /*used to be -2 deg*/
     	transform:scaleY(1.1) rotate(-2deg);   /*used to be -2 deg*/

}
.Button:hover{
    background:-ms-linear-gradient(bottom center,#0000ff 23%, #ffffff 62%);
	background:-moz-linear-gradient(bottom,#0000ff 23%, #ffffff 62%);
	background:-webkit-linear-gradient(linear,left bottom,left top,
	color stop( 0.23,#0000ff),
	color stop (0.62,#ffffff));
	color:red;
	
	}
    
    
    
    
    
    .button2
{
	-moz-box-shadow:4px 4px 7px #000;
	-webkit-box-shadow: 4px 4px 7px #000;
	-o-box-shadow: 4px 4px 7px #000;
	box-shadow: 4px 4px 7px #000;
   	/*border-radius:10px;*/
	
	background:-ms-linear-gradient(bottom center,#F0F0F0 23%, #989898 62%);
	background:-moz-linear-gradient(bottom,#F0F0F0 23%, #989898 62%);
	background:-webkit-linear-gradient(linear,left bottom,left top,
	color stop( 0.23,#F0F0F0),
	color stop (0.62,#989898));
    
    
        -moz-transform:scaleY(1.05) rotate(-2deg) ;  /*used to be -2 deg*/
	  	-webkit-transform:scaleY(1.05) rotate(-2deg); /*used to be -2 deg*/
     	-o-transform:scaleY(1.05) rotate(-2deg); /*used to be -2 deg*/
     	transform:scaleY(1.1) rotate(-2deg);   /*used to be -2 deg*/


}
.Button2:hover{
    background:-ms-linear-gradient(bottom center,#0000ff 23%, #ffffff 62%);
	background:-moz-linear-gradient(bottom,#0000ff 23%, #ffffff 62%);
	background:-webkit-linear-gradient(linear,left bottom,left top,
	color stop( 0.23,#0000ff),
	color stop (0.62,#ffffff));
	color:red;
	
	}