/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* End of YUI CSS Reset */

html {
  color:#333;
  font-size:62.5%;
  font-family:futura-pt, Futura, Helvetica, sans-serif;
  font-weight:300;
  text-rendering: optimizeLegibility;
	overflow-y:scroll;
}

header {
  width:100%;
  height:286px;
  margin-bottom:48px;
  -webkit-box-shadow:0 0 50px rgba(0,0,0,0.25);
  -moz-box-shadow:0 0 50px rgba(0,0,0,0.25);
  box-shadow:0 0 50px rgba(0,0,0,0.25);
  background: url("/images/header.png"), url("/images/header-glow.png") no-repeat center center;
  background-color:#001c47;
  color:#fff;
  border-bottom:2px solid #3498A7;
}

header h1 {
  font-size:40px;
  text-transform:uppercase;
  font-weight:bold;
  margin:0;
  line-height:1;
}

header a h1 {
	-webkit-transition:color 0.25s ease-out;
	-moz-transition:color 0.25s ease-out;
	transition:color 0.25s ease-out;
}

header a:link, header a:visited {
  color:#fff;
  text-decoration:none;
}

header a:hover h1, header a:active h1 {
  color:#F57305;
  text-decoration:none;
}

header h1 span {
  font-weight:300;
  font-size:50%;
  vertical-align:top;
}

header h2 {
  font-size:18px;
  line-height:1.5;
  border-bottom:1px solid;
  display:inline;
}

header hgroup {
  width:280px;
  margin-right:20px;
  float:left;
  margin-top:108px;
  text-shadow:0 1px 0 rgba(0,0,0,0.5);
}

header .photos {
  float:right;
  width:598px;
  padding:0 20px;
  height:286px;
  background:#fff;
  -webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.10), 0 0 50px rgba(0,0,0,0.15);
  -moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.10), 0 0 50px rgba(0,0,0,0.15);
  box-shadow: inset 0 0 25px rgba(0,0,0,0.10), 0 0 50px rgba(0,0,0,0.15);
  border:1px solid #3498A7;
  position:relative;
  top:24px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  position:relative;
}

header .photos img {
  position:absolute;
  top:20px;
  left:20px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  float:left;
  -webkit-transition:opacity 1s linear;
  -moz-transition:opacity 1s linear;
  transition:opacity 1s linear;
}

header .photos p {
  color:#000;
  font-size:16px;
  line-height:1.5;
  text-align:right;
  position:absolute;
  bottom:24px;
  width:588px;
  background:rgba(255,255,255,0.9);
  padding:5px;
  font-weight:normal;
}

#container, .wrap {
  width:960px;
  margin:0 auto;
  position:relative;
}

#main-menu {
	position:relative;
  width:100%;
  float:left;
  font-size:14px;
  line-height:2;
  margin:0;
  font-weight:400;
  background:#009AD6;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  text-shadow:0 1px 0 rgba(0,0,0,0.5);
  -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);
  -moz-box-shadow:0 2px 5px rgba(0,0,0,0.25);
  box-shadow:0 2px 5px rgba(0,0,0,0.25);
}

#main-menu ul {
  margin-bottom:0;
}

#main-menu ul, #main-menu li {
  float:left;
}

#main-menu li {
  float:left;
}

#main-menu a {
  display:block;
  text-decoration:none;
  -webkit-transition:color 0.25s ease-out;
  -moz-transition:color 0.25s ease-out;
  transition:color 0.25s ease-out;
  padding-left:20px;
}

#main-menu a:link, #main-menu a:visited {
  color:#fff;
}

#main-menu a:hover, #main-menu a:active {
  color:#F57305;
}

#content {
  width:100%;
  float:left;
}

#content p, #content ul, #content ol {
  font-size:16px;
  line-height:1.5;
  margin:1.5em 0;
}

#content ul li {
  list-style:disc;
  margin:0 2em;
}

#content ol li {
  list-style:decimal;
  margin:0 2em;
}

#content ol li ol {
  margin:0;
}

#content ol li ol li {
  list-style:lower-roman;
  margin:0 2em;
}

#content img {
  max-width:100%;
}

em, cite, i {
  font-style:italic;
}

b, strong {
  font-weight:bold;
}

#content h1 {
  font-size:24px;
  line-height:1;
  margin:1em 0;
  font-weight:bold;
  text-transform:uppercase;
}

#content h2 {
  font-size:20px;
  line-height:1.2;
  margin:1.2em 0;
  font-weight:bold;
  border-bottom:1px solid #eee;
}

#content h3 {
  font-size:18px;
  line-height:1.333333;
  margin:1.333333em 0;
  font-weight:bold;
}

table {
  font-size:14px;
  line-height:1.7142857143;
  width:100%;
  float:left;
  margin:0 0 1.7142857143em 0;
}

th {
  background:#eee;
  font-weight:bold;
}

th, td {
  width:25%;
  padding:0 0.5em;
}

tr {
  border-bottom:1px solid #eee;
}

.hidden {
  opacity:0;
}

.visible {
  opacity:1;
}

footer {
  width:100%;
  float:left;
  margin:2em 0;
  padding:2em 0;
  border-top:2px solid #009AD6;
  color:#666;
  font-size:14px;
  line-height:1.7142857143;
  font-weight:400;
}

footer .follow-button {
	position:relative;
	top:5px;
	margin-left:5px;
}

#content a:link, #content a:visited {
  text-decoration:none;
  color:#055E7E;
  border-bottom:1px dotted #3498A7;
}

#content a:hover, #content a:active {
  text-decoration:none;
  color:#F57305;
  border-bottom:1px solid #FAC426;
}

/* Widgets */

#content ul.social-widgets {
  margin:0;
  float:left;
  position:relative;
}

#content ul.social-widgets li {
  list-style-type:none;
  margin:0 10px 0 0;
  float:left;
}

li.tweet {
  width:55px;
  height:24px;
  overflow:hidden;
}

li.plusone {
  width:30px;
}

li.fblike {
  width:150px;
  height:24px;
  margin:0;
  overflow:hidden;
}

#content ul.social-widgets iframe {
  overflow:hidden;
}

a.button {
	color:#fff !important;
	text-shadow:0 -1px 0 rgba(0,0,0,0.5);
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	display:block;
	width:100px;
	text-align:center;
	margin:1.5em auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:4px 5px !important;
	background-color:#F57305;
	background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgb(251,178,7)),
			color-stop(1, rgb(245,117,5))
	);
	background-image: -moz-linear-gradient(
			center top,
			rgb(251,178,7) 0%,
			rgb(245,117,5) 100%
	);
	-webkit-transition:border-color 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out, color 0.25s ease-in-out !important;
	-moz-transition:border-color 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out, color 0.25s ease-in-out !important;
	transition:border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, color 0.25s ease-in-out !important;
}

a.button:link, a.button:visited {
	border:1px solid #F57305;
}
a.button:hover, a.button:active {
	border:1px solid #FFB507;
	-webkit-box-shadow:0 0 10px #FFB507;
	-moz-box-shadow:0 0 10px #FFB507;
	box-shadow:0 0 10px #FFB507;
}

a.button:active {
	position:relative;
	top:2px;
}

#main-menu a.button {
	margin:0;
	position:absolute;
	right:10px;
	top:-3px;
}

/* SECTIONS */

/* Index */

#index h1 {
	margin-bottom:0;
}

#index img {
  float:right;
  margin-left:40px;
  margin-bottom:24px;
}

#index .intro {
	width:580px;
	margin-right:20px;
	float:left;
}

#index .video {
	width:340px;
	float:left;
	margin:24px 0 24px 20px;
}

#index .research {

}

#index .group-photo {

}

/* Team */

#team img.portrait {
  float:left;
  margin:0 32px 24px 0;
  padding:3px;
  border:1px solid #eee;
}

#team h3, #team h2 {
  clear:both;
}

/* About Circuforte */

div.presentation {
  width:480px;
  margin:0 auto 24px auto;
  text-align:center;
  border:1px solid #009AD6;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

div.presentation img {
  float:left;
  width:100%;
  margin:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

div.presentation h3 {
  border:none;
  font-size:14px;
  text-align:center;
  margin: 0;
}

div.presentation div {
  width:100%;
  clear:both;
}

#about-circuforte h2 {
	clear:both;
}


/* Contact */

#flash {
	color:red;
}

#contact form {
  width:640px;
  margin-left: 20px;
  float:left;
  margin-top:0;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea {
  width:100%;
  border:1px solid #aaa;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.25);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.25);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.25);
}

#contact .error {
	border-color:red !important;
}

#contact form p.name {
	margin-top:0;
}

#contact textarea {
  height:240px;
}

#contact .vcard {
  width:280px;
  margin-right:20px;
  float:left;
}

#contact .vcard h2 {
  margin:0;
}

#contact .vcard ul {
  font-size:12px;
  line-height:2;
  font-weight:400;
  margin:2em 0;
}

#contact .vcard ul li {
  list-style-type:none;
  margin:0;
  color:#999;
}

#contact .vcard ul a {
  margin-left:1em;
}

#contact .vcard ul span {
  color:#333;
  margin-left:1em;
}