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;

}

#indexpage {
	color: #000000;
	position: absolute;
	top: 2px;
	bottom: 0%;
	right: 0%;
	left: 0%;
	padding: 10px;
	width: 100%;
	height: 100%;
	border-left: 3px solid #cccccc;
	overflow: hidden;

}


#indextxt {
	background:#ffffff;
	margin: 50px;
	position: absolute;
	top: 100px; left: 0; bottom: 0; right: 200;
	width:450px;
	height:650px;
	font-family:  helvetica, arial, geneva, lucida, sans-serif;
	color: #ffffff;
	font-weight:lighter;
	text-align:left;
	font-style: italic;
	font-size: .75em;
	
	overflow: hidden;

}

#indexpage2 {
	
        background-color: #e0e0eb;
        color:#000000;
        position:relative;
        top: 800px;
        bottom:0%;
        right:0%;
        left:0%;
        padding: 0px;
        width:100%;
        height:100%;
        border-left:3px solid #cccccc;
		overflow: hidden;

}



#indextxt2 {
	background:#dddddd;
	margin: 50px;
	position: relative;
	top: 20px; left: 0; bottom: 0; right: 200;
	width:450px;
	height:600px;
	font-family: sans-serif;
	color: #000000;
	line-height: 1.9em;
	font-weight:lighter;
	text-align:left;
	font-style:normal;
	font-size: .75em;
	padding:20px;
	outline-color: aliceblue;
	box-shadow: 5px 5px 15px #000000;
	opacity: 50%;
	overflow: hidden;

}

#video_background {
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
background:url(http://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); */

    }

   

/*  */ 
 #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:1450px;
    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;
	overflow: hidden;


/*  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:absolute;
  top: 10%; left: 30px; bottom: 0; right: 0;
  width:600px;
  height:310px;
  background-color: #ffffff;
  border: 2px solid;
  border-radius: 25px;
  opacity:0.6;
  box-shadow: 10px 10px 10px  #000000;
  overflow: hidden;
  

}

#logoimg {  
  margin: auto;
  position:absolute;
  top: 250px; left: 20%; bottom: 0; right: 0;
  width:640px;
  height:410px;
  
  z-index: 1;
  

}
#messagemaster {  
  margin: auto;
  position:relative;
  top: 60px; left: 0; bottom: 0; right: 0;
  width:820px;
  height:450px;
  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: 200px; left: 0; bottom: 0; right: 0;
	width:450px;
	height:590px;
	font-family:  helvetica, arial, geneva, lucida, sans-serif;
	font-weight:bold;
	text-align:center;
	font-style: italic;
	text-shadow: 2px 2px #cccccc;
	overflow: hidden;
	z-index: 10;

}
#message2 {  
	margin: auto;
	position: relative;
	align-content: center;
	top: 0; left: 0; bottom: 0; right: 0;
	width:300px;
	height:100px;
	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;

}

#corpid {  
	position: relative;
	margin: auto;
    top: 80px; left: 20px; bottom: 0; right: 0;
	
	width:300px;
	height:50px;
	
	z-index: 100;

}



#videocontainer {  
	margin: auto;
	position: relative;
	top: 100; left: 150; 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;

}

#bblogo {
margin: auto;
	position: absolute;
	top: 3%; left: 0; bottom: 0; right: 90%;
	color:#ffffff;
	font-family:  helvetica, arial, geneva, lucida, sans-serif;
	font-size:.6em;
	font-weight:bold;
	text-align: center; 
	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: sans-serif;
	font-size:.6em;
	font-weight:bold;
	text-align: center; 
	overflow: hidden;
	
 }