/*
 * Author: Haijie Gu 
 * Project:
 * Date: 12/18/12
 * */


/* 
 * # CSS contents ###################
 * * 1 Reset defaults
 * * 2 Layout
 * * 3 Nav
 * * 4 Headings
 * * 5 Lists
 * * 6 Images
 * * 7 Links
 * * 8 Forms
 * * 9 Tables
 * * 10 Typography 
 * * 11 Other
 * */

/* 
 * # Colour reference ###################
 *
 *
 * */

/*
 * # Reset defaults ################### 
 * */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
a:link, a:visited{text-decoration:none;outline:none;}
html {overflow: -moz-scrollbars-vertical;}
#skipto{position:absolute;left:-9999px;top:-9999px;}
.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*
 * # Layout ################### 
 * */
body{font:75%/1.5  "Helvetica Neue", Helvetica, Arial, sans-serif;color:#222;background:#fff;}

#main{
  width:60%;
  border:solid;
  /* border-color:#48036f; */
  margin:auto;
  padding:10px;
  /* background:#e6fac8; */
  font-size:12pt; 
  min-height:300px;
  height:300px;
  height:auto !important;
}

#main ul{
  margin-left: 20px;
}

.case_study p {
  font-weight: bold;
  margin-bottom: 0px;
}
.case_study .challenge {
  color:#d91e1e;
}

.case_study .adv{
  color: #554dd8;
}

.case_study {
}

hr.dotted {
  margin-top: 15px;
  margin-bottom: 5px;
  border-style:none;
  border-top: 2px dotted #222;
  border-bottom: 2px solid #fff;
  /* color: #fff; */
  /* background-color: #fff; */
  height: 4px;
  /* width:50%; */
}

hr.solid {
  border-style:none;
  border-top: 2px solid #222;
  border-bottom: 2px solid #fff;
  /* color: #fff; */
  /* background-color: #fff; */
  height: 4px;
  /* width:50%; */
}


.hline {
  height:10px;
  margin:5px 0px 5px 0px;
}

.people-info{display: inline-block; vertical-align:top}
.people{margin-top: 6px;}

/*
 * # Nav ################### 
 * */



/*
 * # Headings ################### 
 * */

/* h1{font-size:0%} */

h2{font-size:130%}

h3{}

h4{}

#logo{width:;height:;background:url(images/logo.gif) no-repeat;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

/*
 * # Lists ################### 
 * */



/*
 * # Images ################### 
 * */

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}
.people img{width:100px; height: 100px}
.people-pic{
  display: inline-block;
  vertical-align:top;
  margin-right:10px
}

/*
 * # Links ################### 
 * */

a{}
a:hover{}

/*
 * # Forms ################### 
 * */



/*
 * # Tables ################### 
 * */



/*
 * # Typography ################### 
 * */

p{
  margin:0 0 1.5em;
  font-size:13pt;
}

#announcement span{
  color: red;
}

#nav{font-size:14pt;}

.case_study h3{
  font-size:12pt;
}

.single_case_toogle{
  font-size:80%;
  font-weight:normal;
  color:#48036f;
}
.global_toogle{
  font-size:80%;
  font-weight:normal;
  color:#48036f;
}

/*
 * # Other ################### 
 * */
#footer {
  position:fixed;
  bottom:0px;
  margin-top:2px;
  width:100%;
  height:2em;
  background:#48036f;
  color:#fff;
  text-align: center;
}

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}