/* @group Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* @end */

/* @group Page */
body {
	margin: 15px 0;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 62.5%;
	background-color: #e0e0e0;
}

#wrapper {
	text-align: left;
	width: 840px;
	margin: 0 auto;
	background-color: white;
	padding: 10px 15px 10px 15px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}

/* @end */

/* @group Generic */

h1 {
	padding-bottom: 0.1em;
	font-size: 1.6em;
	font-weight: lighter;
	border-bottom: 2px solid #d1372c;
	margin: 10px 0;
}

.h1_add {
	float: right;
	font-size: 0.6em;
	margin-top: 0.7em;
	font-weight: noremal;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	display: inline;
}

h3 {
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

p {
	color: #222;
	font-size: 1.3em;
	margin: 0.5em 0.5em 0 0.5em;
	text-align: justify;
}

a {
	text-decoration: none;
	color: #00457C; 
}

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

.selected {
	color: black;
}

.email {
	font-size: 1.2em;	
	font-weight: bold;
	color: #496ec6;
}

.allWidth {
	width: 100%;
}

.marginBelow {
	margin-bottom: 20px;
}

.floatRight {
  float: right;
  margin-left: 15px;
}

.floatLeft {
  float: left;
}

.close {
  cursor: pointer;
  height: 35px;
  position: absolute;
  right: -20px;
  top: -12px;
  width: 35px;
  background: url(../img/close.png) no-repeat;
}

/* @end */

/* @group Rounded Corners */

.round {
	border: 1px solid #d1372c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.rounded {
	border: 1px solid #dedede;
	background-color: white;
}

/* @end */

/* @group Header */

#header {
	height: 73px;
	border-bottom: 1px solid #ccc;
}

#header img {
	float: left;
}

#nav {
	margin-top: 52px;
	float: right;
}

#nav li {
	display: inline;
}

#nav li a {
	color: #9b9b9b;
	font-size: 1.6em;
	margin: 0 10px 0 10px;
	padding: 2px 8px 2px 8px;
	font-weight: 300;
	
}

#nav li .selected {
	border-left: 1px solid #ff0004;
	border-top: 1px solid #ff0004;
	border-right: 1px solid #ff0004;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	color: black;
}

#nav li a:hover {
	color: black;
}

#nav .tl, #nav .tr {
	float: left;
}



/* @end */

/* @group Subnav */

#images {
	margin-top: 10px;
	background-color: #aaa;
	height: 305px;
}

#images_jobs {
	margin-top: 10px;
	background-color: #aaa;
	height: 237px;
}

#images_split {
	margin-top: 10px;
	background-color: #aaa;
	height: 200px;
	width: 74%;
	float: right;
}

#subnav {
	margin-top: 10px;
	background-color: #eee;
	height: 200px;
	width: 18%;
	margin-right: 4%;
	float: left;
	padding: 0 2%;
}

#subnav h1 {
	border-color: #bbb;
}

#subnav ul ul h1 {
	color: #999;
	border: none;
	margin-left: 12%;
}

#subnav li a {
	color: #9b9b9b;
}

#subnav li .selected {
	color: black;
}

#subnav ul ul a:hover {
	color: black;
}

/* @end */

/* @group Content */

#content {
	margin-top: 5px;
}

.columns {
	/*todo: how to make multi-column text?*/
}

.spacer2 {
	margin-right: 2%;
}

.spacer4 {
	margin-right: 4%;
}


.spacer8 {
	margin-right: 8%;
}


.col30 {
	width: 28%;
	float: left;
}

.col33 {
	width: 30%;
	float: left;
}

.col50 {
	width: 48%;
	float: left;
}

.col60 {
	float: left;
	width: 58%;
}

.col70 {
	width: 68%;
	float: left;
}

.amprius_list {
	list-style-type: none;
	list-style-image: url(../img/amprius_bullet.gif);
	list-style-position: inside;
	margin-left: 0.5em;
}

.amprius_list li {
	margin-bottom: 13px;
}

.amprius_list p {
	margin-top: 0.2em;
	margin-left: 17px;
	color: #777;
	text-align: left;
}

#contact_emails {
	margin-left: 0.5em;
}

#map {
	float: right;
	margin-top: 1%;
}

.content_img {
	float: right;
	margin-right: 3%;
	width: 270px;
	height: 353px;
	margin-top: 10px;
}

#team_bullets {
  list-style-position: outside;
  margin-top: 1em;
  margin-left: 2em;
  font-size: 1.2em;
}

.external_logos img {
  width: 75px;
  height: 75px;
  float: left;
  margin: 20px;
  text-align: center;
}

.investor_logo img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.person_box {
	margin: 0 10% 3% 26.3%;
	width: 60%;
}

.person_box p {
	margin-left: 0;
}

.left_column {
	width: 20%;
	float: left;
	margin-right: 3%;
}

.right_column {
	width: 77%;
	float: right;
}

.person_box img {	
	float: right;
	margin-top: 2px;
}

/* @end */

/* @group Footer */
#footer {
	padding-top: 5px;
	border-top: 1px solid #ccc;
	color: #7f7f7f;
	margin: 10px 10px 10px 10px;
}

#copyright {
	float: left;
}

#smallnav {
	float: right;
}

#smallnav li {
	display:  inline;
	margin-right: 3px;
}

#smallnav a {
	color: #7f7f7f;	
}

#smallnav a:hover {
	color: black;
}

/* @end */

/* @group Job Descriptions */

.overlay {
	width: 500px;
	height: 450px;
	display: none;
}

.contentWrap { 
    /*height:441px;
    overflow-y: auto; 
	overflow-x: hidden;*/
} 

#job_description ul {
	font-size: 1.2em;
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 1.7em;
}

#job_description {
	text-align: left;
	background-color: white;
	padding: 10px 15px 10px 15px;
}

#job_description p {
	margin-bottom: 1em;
	text-align: left;
}

#job_description lh {
	margin-left: -1.2em;
	text-decoration: underline;
	font-weight: bold;
}

#job_description h1 {
	font-weight: normal;
}

#job_description .email {
	font-size: 1em;
}

#descr_header {
	height: 75px;
}

#logo {
	float: left;
}

#descr_address {
	font-size: 0.8em;
	float: right;
}


/* @end */