#video1 {
	/*background-color: blue;*/
	width:320px;
    
	position:relative;
 	 top:-525px;
 	 left: 120px;
}
/*This is for the boxes on the left side*/
/*
.box2{
	width:5px; background-color:#pink;
	height:5px; margin:5px;
	}
	*/
	
/*paragraph*/	
div>p
{
font-family:Arial;
width:600px;
padding:0 0 0 15px;
/*background-color:#green;*/

}      

/*for the paragraphs*/
.box{
    
     border-radius:2em;
     border-bottom-right-radious:2em;
     box-shadow:4px 4px 10px #000000;
     width:625px;
     margin:20px 0 0 30px;
     position:absolute;
 	 top:20px;
 	 left: 420px;
 	/*background-color:yellow;*/
    height:600px;
     }
     
     /*
     .insert { text-shadow:#fff 0px 1px 0, #000 0 -1px 0;}
     .span {line-height:3em; 
           font-size:3em; 
           font-weight:bold;
           color:#808080;
           background-color:yellow;}
     */
     
    /*Operations */
     .title
     {
     font-family:Arial;
     
     width:845px;
     letter-spacing:.45em;
     font-size:3em;
     color:#808080;
     /*text-shadow:#fff 0px 1px 0, #000 0 -1px 0; /*color,horizontal, vertical, blure*/
     margin:20px 0 0 100px;
     text-shadow: 5px -5px 4px #808080; 
     
     /*-moz-transform:skewY(30deg) ;*/
     position:relative;
 	 top: -10px;
 	 left: 15px;
 	 
     }
     /*not used*/
     .box2{
     /*margin:20px 0 20px 20px;*/
		opacity:0.75;
		width:825px;
	   	
    	-moz-box-shadow: 10px 10px 5px ;
		-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); 
     }
     
     .groovy {
     background:#FFFFFF; /*fallback*/
     
     background: -webkit-linear-gradient
     (#FF4444,#00AAAA);
     
     background: -ms-linear-gradient
     (bottom,#FF4444 50%,#00AAAA 50%);
     
     
     background:linear-gradient
     (#FF4444,#00AAAA);
     
     }
    
     body {
    
     background: -moz-linear-gradient(
     left, #808080, #fff 10%); 
     
     background: -webkit-gradient(
     linear,left top,
     color-stop(0.70,#00AAAA),
     color-stop(0.30,#432100));
     
     background: -ms-linear-gradient(
     left,
     #432100 30%,
     #00AAAA 70%);       
     }
    
     
    /*this is for the boxes on the left side*/
  .box3
  {
  width:75px;
  height:75px;
  background:#dddddd;
  }
    .mdss
    {
     font-size:2.5em;
     color:#808080; 
     text-shadow: 5px -5px 4px #808080; 
     position:relative;
     left:10px;
     top: 13px;
     box-shadow:4px 4px 10px #000000;
     width:35px;
    }
 /*this is for the excellence logo*/
 
 /* Starburst 5 */
.logo {
	display:block;
	width:4em;
	height:4em;
	background:silver;
	position:relative;
	top:-900px;
	left:1020px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-family:Arial, sans-serif;
	text-shadow:0 0 3em #04b3df, 0 0 4px #ff0;
	font-size:1em;
	-webkit-transform:rotate(-56.5deg);
	-moz-transform:rotate(-56.5deg);
	-o-transform:rotate(-56.5deg);
	-ms-transform:rotate(-56.5deg);
	rotation:-56.5deg;
}
.logo span {
	display:block;
	width:4em;
	height:4em;
	background:silver;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	rotation:-45deg;
	-moz-transition: -moz-transform 1s ease;
	-webkit-transition: -webkit-transform 1s ease;
	-o-transition: -moz-transform 1s ease;
	-ms-transition: -webkit-transform 1s ease;
	transition: transform 1s ease;
}
.logo:hover {
	background:#808080;
}
.logo:hover span {
	-webkit-transform:rotate(11.25deg);
	-moz-transform:rotate(11.25deg);
	-o-transform:rotate(11.25deg);
	-ms-transform:rotate(11.25deg);
	rotation:11.25deg;
}

.title2
     {
    
     font-family:Arial;
     /*background-color:yellow;*/
     width:955px;
     letter-spacing:.74em;
     font-size:3em;
     color:#808080;
     /*text-shadow:#fff 0px 1px 0, #000 0 -1px 0; /*color,horizontal, vertical, blure*/
     margin:20px 0 0 100px;
     text-shadow: 5px -5px 4px #808080; 
     
     /*-moz-transform:skewY(30deg) ;*/
     position:absolute;
 	 bottom: 100px;
 	 left: 15px;
 	 }
  
  
  /*Accordion styling*/
  
 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:-520px;
	left:120px;
}
 
.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;
}

#div2
{
position: relative;
top: 15px;
 }
 #div3
{
position: relative;
top: 30px;
 }
 #div4
{
position: relative;
top: 45px;
 }
 #div5
{
position: relative;
top: 60px;
 }
  
  #div6
{
position: relative;
top: 75px;
 }
 #div7
{
position: relative;
top: 90px;
 }
 
 /*Styling hilighted text in the paragraph*/
mark {
	/*opacity:0.75;*/
	width:90px;
	background-color:yellow;
	border-radius: 5em;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

mark:hover {/*opacity:1.5;*/}


/*******This is for Drawing -animating box*/


  #container {
    /*width: 627px;*/
    widht:627;
    height: 574px;
    position: relative;
    top:10px;
    margin: 0;
    padding: 0;
  }

  .border { background: silver; position: absolute; }
 /* .borderh { height: 0px; border: 1px solid black; }*/
  .borderv { width: 0px; border: 1px solid #333; }
  .borderh { height: 0px; border: 1px solid #333; }
  .linev { width: 0px; border: 1px solid #333; }

  #topbar {   
   /* left: 0px; top: 0px;*/
   left:8px;top:5px;
   
  }
  #rightbar {
    /*right: 0px; top: 0px;*/
    right:8px;top:5px;
  }
  #bottombar {   
   /* right: 0px; bottom: 0px;*/
   right:8px;bottom:0px;
  }
  #leftbar {
    /*left: 0px; bottom: 0px;*/
    left:8px;bottom:0px;
  }
  
  #leftbar2 {
  left:135px;bottom:-10px; top:30px;
  z-index:9;
  }
   
  
  #content {
      position: absolute;
      /*top: 2px;*/
      top:7px;
      /*left:2px;*/
      
      left: 12px;
      /* border-divs are 0px wide with 1px border all around, thus have a width & height of 2px (twice the border-width) -- 2 border-divs = 4 less pixels for the content ! */
      /*width: 625px;*/
      /*width:625px;*/
      width:601px;
      height: 565px;
      background: whitesmoke;
     /* overflow: auto;*/
      /*text-shadow: 0 0 1px #555;*/
     /* text-align: justify;*/
  }
  
  /*************************/
  
  #resume{
  text-aline:left;
  position:relative;
  left:250px;
  display:block;
  text-shadow: 0 0 1px #555;
  font-stretch:expanded;
   font-size:large;
   
   }
   
   
  #header{
  
  positon:relative;
  display:block;
  text-align:right;
  
   }
   
   objtext