﻿ body {

        background:url('images/school.png');
        color:#000000;
		height:100%;
		background: none repeat scroll 0% 0% transparent;
}



#maincontainer {
	
        
        color:#000000;
        position:absolute;
        top:0;
        bottom:100px;
        right:0%;
        left:0%;
        padding:10px;
        width:100%;
        height:100%;
        border-left:3px solid #cccccc;
		overflow: hidden;

}
#video_background {
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
background:url(https://www.dnamotionpictures.com/images/camera.png)0 no-repeat;
background-size:cover;
z-index: -1000;
overflow: hidden;
}


#logo
{
        position:absolute;
        float:left;
        top:10px;
        left:25px;
        width:243px;
        height:145px;
        z-index:-10;
		/*     opacity: 0.4;
    filter: alpha(opacity=40); */

    }

   #logo2
{
        position:absolute;
        float:left;
        top:opx;
        left:25px;
        width:243px;
        height:145px;
        z-index:-10;
		/*     opacity: 0.4;
    filter: alpha(opacity=40); */

    }

/*  */ 
 #blackbar {
	
	position: absolute; 
	top: 0px;
	right: 0px; 
	bottom: 20px; 
	left: 0px; 
	  width:100%;
        height:75px;
	background: black;
	opacity:0.6;
	z-index: -1;
}


    #contentcontainer{
  margin: auto;

  position: relative;
  top: 0; left: 0; bottom: 0; right: 0;
 width:900px;
 height:1500px;
    color:#000000;

    z-index:2;
	  
}

 
#navigation {
width:950px;
margin:0 auto;
list-style:none;
font-family:  verdana, helvetica, arial, geneva, lucida, sans-serif;
font-size: .75em;
font-weight:bold;


/*  box-shadow: 10px 10px 10px  #888888;*/

}
#nav li {
float:left;

}

#nav a {
display:block;
text-align:center;
width:150px; /* fixed width */
text-decoration:none; 

 }
 
  .nav{
    border:3px solid #ccc;
    border-width:3px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;

}
.nav li{
    display:inline;
   
}
.nav a{
     display:inline-block;
     color:#ffffff;
     padding:20px;

	 
}
 


   
#logomain {  
  margin: auto;
  position:relative;
  top: 80px; left: 0; bottom: 0; right: 0;
  width:640px;
  height:410px;
  background-color: #ffffff;
  border: 2px solid;
  border-radius: 25px;

  opacity:0.6;
  box-shadow: 10px 10px 10px  #000000;
  overflow: hidden;
  

}

#messagemaster {  
  margin: auto;
  position:relative;
  top: 60px; left: 0; bottom: 0; right: 0;
  width:820px;
  height:420px;
  background-color: #ffffff;
  border: 2px solid;
  border-radius: 25px;

  opacity:0.6;
  box-shadow: 10px 10px 10px  #000000;
  overflow: hidden;
  

}



#message {  
	margin: auto;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
	width:350px;
	height:90px;
	font-family:  helvetica, arial, geneva, lucida, sans-serif;
	font-weight:bold;
	text-align:center;
	font-style: italic;
	text-shadow: 2px 2px #cccccc;
	overflow: hidden;

}
#message2 {  
	margin: auto;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
	width:720px;
	height:650px;
	font-family:  helvetica, arial, geneva, lucida, sans-serif;
	font-weight:bold;
	text-align:left;
	font-style: italic;
	font-size: .75em;
	text-shadow: 2px 2px #cccccc;
	overflow: hidden;

}



#videocontainer {
    margin: auto;
    position: relative;
    top: 40px;
    left: 0px;
    bottom: 0;
    right: 0;
    width: 720px;
    height: 450px;
    font-family:  verdana, helvetica, arial, geneva, lucida, sans-serif;
    font-weight:bold;
    background-color:#cccccc;
    border: 2px solid;
    border-radius: 25px;
    box-shadow: 10px 10px 10px #000000;
    filter: alpha(opacity=100);
  opacity: 1;
    overflow: hidden;
}



#contact_message {  
	margin: auto;
	position: relative;
	top: 0; left: 50px; bottom: 0; right: 0;
	width:720px;
	height:650px;
	font-family:  helvetica, arial, geneva, lucida, sans-serif;
	font-weight:bold;
	text-align:left;
	font-style: italic;
	text-shadow: 2px 2px #cccccc;
	overflow: hidden;

}

 #copyright {
	margin: auto;
	position: absolute;
	top: 95%; left: 0; bottom: 0; right: 0;
	color:#ffffff;
	font-family:  helvetica, arial, geneva, lucida, sans-serif;
	font-size:.6em;
	font-weight:bold;
	text-align: center; 
	overflow: hidden;
	
 }
 
 

 