body {
    font-family: georgia;
    font-size: 12px;
  }
  a { text-decoration: none }
  a.read_more {
    background-color: #EDEDF8;
    padding:5px 10px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
  }
  div.container {
   padding: 30px 0 0 0; 
  }
  div.logo img { width: 164px; }
  div.top_links {
    padding-top: 0px;
    height:65px; 
  }
  div.top_links a {
    color: #5f5f5f;
    font-family: 'Droid Serif', arial, serif;
  }

  .project-heading {
    font-style:italic;
    font-size: 16px;
    font-weight:bold;
    margin-bottom:10px;
  }

  div#proj_title {
    font-style:italic;
    font-weight:bold;
    font-size:14px;
    padding:5px;
    height: 20px;
  }

  div#proj_desc {
    color:#333824;
    overflow:hidden;
    height:252px;
    text-align:justify;
    margin: 10px 0px 10px 10px;
  }

  div#proj_urls {
    /*margin-top:70px;*/
    padding-left: 5px;
    padding-bottom: 5px;
  }

  div#proj_ppt {
  }

  div#proj_ppt a {
    font-weight:bold;
    font-size:14px;
    color: #d8d6a3;
    padding-left: 4px;
  }
  span.project_thumb_title {
    color:#587F01;
     font-family: 'Droid Serif', serif;
  }

  .project_color {
    color:#fff;
    /*
     color:#d8d6a3;
     color:#b4d841; */
     font-family: 'Droid Serif', serif;
     font-size:22px;
     font-weight:normal;
     padding-left:5px;
     height: 280px;
     padding-bottom:0px;
     line-height:25px;
     position:relative;
  }

  .scroll-track {
    background:#5E5E5E none repeat scroll 0 0;
    height:10px;
    width:10px;
  }

  .scroll-handle {
    background:#587F01 none repeat scroll 0 0;
    border:1px solid black;
    cursor:pointer;
    height:10px;
    width:8px;
  }

  .section-title {
    font-size:17px;
    font-style:italic;
    font-weight:bold;
    color:#00adef;
  }

  .about {
    font-family: 'Droid Sans';
    font-size:13px;
    line-height: 16px;
  }

  #pthumb 
  {
    padding: 8px; 
    margin-top: 10px; 
    background-color: rgb(255, 255, 255); 
    width: 210px; 
    height: 210px;
  }

  /* Carousel css */

  #pagecarousel-next,
  #pagecarousel-prev,
  a{
    cursor: pointer;
    /*text-decoration: underline;*/
  }

  div.projectpage_next, div.technologypage_next {
    float:right;
    padding:65px 0px 0px 0px;
  }

  div.projectpage_prev, div.technologypage_prev {
    float:left;
    padding:65px 0px 0px 0px;
  }

  div.peoplepage-prev, div.peoplepage-next {
  /*  margin:20px 0px 0px 0px; */
    margin-top:20px;
  }


  #peoplecarousel-next,
  #peoplecarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
  }

  div.next {
    float:right;padding-top:23px;padding-left:5px;
  }

  div.prev {
    float:left;padding-top:23px;padding-right:5px;
  }
  
  ul li { cursor:pointer; display:inline; list-style:none;}


  li.unhighlight { 
    background-color: '#fff'; 
    width:203px;
    height:162px;
    margin-right:9px;
    padding:3.0px;
    color: #909090;
    margin-right:9px;
}

.rotate {

  /* FF Chrome Opera etc */
  -webkit-transform: rotate(90deg); 
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  /* IE */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}



/* accordion */

		.accordion_toggle {
			display: block;
			height: 50px;
			width: 869px;
			background: url(/site/images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(/site/images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 280px;
			width: 45px;
		/*	background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
                 */
			color: #ffffff;
			text-decoration: none;
			outline: none;
			/*border-right: 1px solid #cde99f;
                         */
			cursor: pointer;
			margin: 0 0 0 0;
                        position:relative;
                        padding-bottom:0px;
                        text-align:center;
		}
		
		.horizontal_accordion_toggle_active {
			/*background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
                         */
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 280px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
                        display:none;
                        width:240px;
		}
			
			.horizontal_accordion_content p {
				width: 68px;
				line-height: 150%;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 869px;   
      height: 100px;    
    }