@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin-ext);

html, body {
	color: #111;
	font-size: 13px;
	font-family: "Open Sans", sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
}

body.light {
	background: #efefee;
	color: #222;
}

a img { border: none; }
.clr  { clear: both; }

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}

header.old {
	background: #333;
	padding: 10px 20px;
}

.light header {
	background: none;
}

#logo {
	margin: 0 auto;
	width: 980px;
}

.light #logo {
	text-align: center;
	padding-top: 100px;
	width: auto;
}

#main {
	margin: 0 auto;
	width: 980px;
}

.light #main {
	text-align: center;
}

.light #main p {
	font-size: 16px;
	font-weight: 600;
	text-shadow: #fff 0 0 1px;
	padding: 0 30px;
}

#main div {
	margin-bottom: 20px;
}

div.wrap {
	width: 980px;
	margin: 0 auto;
}

#left {
	width: 420px;
	float: left;
	text-align: center;
}

#right {
	width: 520px;
	margin-right: 20px;
	float: right;
	text-align: justify;
}

#right + div {
	clear: both;
	text-align: right;
}

h3 {
	font-size: 24px;
	margin: 23px 0 0;
}

#left .glass-buttons {
	margin-top: 30px;
}

.glass-buttons button {
	background: url(images/button.png);
	border: 0;
	color: #fff;
	cursor: pointer;
	font: bold 14px/30px sans-serif;
	height: 40px;
	padding: 0 20px;
	text-shadow: #048 0 1px;
	box-shadow: #000 0 4px 3px -2px;
}

.clear-buttons button {
	background: url(images/icon-none.png);
	border: 0;
	color: #fff;
	cursor: pointer;
	font: bold 14px/20px sans-serif;
	padding: 40px 0 0;
	text-shadow: #000 0 1px;
}

/* glass */
button.fb    {
	background: url(images/button-fb.png) !important;
	text-shadow: #028 0 1px;
}
button.twtr  {
	background: url(images/button-twtr.png) !important;
	text-shadow: #068 0 1px;
}
button.about {
	background: url(images/button-about.png) !important;
	text-shadow: #860 0 1px;
}

/* monochrome *
button.about {
	background: url(images/icon-about.png);
}*/

.footerPlaceholder {
	height: 60px;
}

footer {
	background: rgba(225, 225, 225, 0.6);
	color: #444;
	height: 40px;
	padding-top:20px;
	position: relative;
}

footer a {
	color: #111;
	text-decoration: none;
}

footer .copyright {
	width: 200px;
	float: left;
	padding-left: 20px;
}

footer .feedback {
	width: 200px;
	float: right;
	padding-right: 20px;
	text-align: right;
}

footer nav {
	text-align: center;
}



/* PAGE */

.socialPlaceholder {
	height: 150px;
}

.social {
	background: #eee;
	color: #666;
	padding: 0;
	position: absolute;
	bottom: 60px;
	width: 100%;
}

.social > div {
	margin: 0 auto;
	width: 980px;
}

.social div div {
	float: right;
	line-height: 100px;
}

.social h3 {
	float: left;
	font-size: 30px;
	margin: 35px 0;
}

.social img {
	vertical-align: middle;
}

.social button {
	background: url(images/button.png);
	border: 0;
	color: #fff;
	cursor: pointer;
	font: bold 14px/30px sans-serif;
	height: 40px;
	padding: 0 20px;
	text-shadow: #048 0 1px;
	box-shadow: #333 0 4px 3px -2px;
}

/* CONTACT FORM */

.light form {
	margin-bottom: 45px;
}

.light input[type="text"],
.light textarea {
	display: block;
	background: transparent;
	border: none;
	border-bottom: 2px #ccc solid;
	color: #111;
	padding: 8px 10px;
	width: 502px;
}

textarea { min-height: 160px; }

.light input[type="submit"] {
	background: #fc3;
	border: none;
	color: #22221e;
	float: right;
	margin: 8px 0;
	padding: 8px 10px;
	text-transform: uppercase;
	box-shadow: rgba(0,0,0,0.3) 0 3px 5px -2px;
}


/* SuCRe */

/*
.sucre.login {
	border-left: 1px solid #ccc;
	float: right;
	width: 220px;
	margin-left: 20px;
	padding-left: 20px;
}*/

.sucre.login {
	text-align: center;
	width: 300px;
	margin: 80px auto;
}

.sucre.login h3 {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px;
	padding-bottom: 10px;
	text-align: left;
}

.sucre.login input[type="text"],
.sucre.login input[type="password"] {
	border: 1px solid #cdf;
	padding: 6px 9px;
	width: 280px;
}

.sucre.login input[type="submit"] {
	background: #f90 url(images/button.png) repeat-x;
	border: none;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 10px auto;
	padding: 10px 16px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: #e80 0px 1px 0px;
	border-radius: 4px;
	box-shadow: #ccc 0 0 4px 0;
}



/* Inqbator */

.topImage {
	margin: 20px 0;
	position: relative;
}

.topImage img {
	box-shadow: #888 0 0 4px 0;
}

.topImage h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	margin: 0;
	position: absolute;
		bottom: 40px;
		left: 30px;
	text-shadow: #000 0 0 5px, #000 0 0 10px, #000 0 0 15px;
	z-index: 3;
}