#index .layout-sandwich-section.hero {
	background-color:#0c5944;
	background-image:url(../img/page/hero-deco-left.png), url(../img/page/hero-deco-right.png), url('../img/page/hero-bg.jpg');
	background-repeat:no-repeat, no-repeat, repeat;
	background-position:left top, right top, left top;
	position: relative;	
}
    
#index .index-hero-wrap {
	height:410px;
	color:#fff;
}
#index .index-hero-col-a,
#index .index-hero-col-b {
	float:left;
}
#index .index-hero-col-a {position: relative;
z-index: 1000;
	width:500px;
}
#index .index-hero-col-a .col-wrap {
	padding:60px 0 0 45px;
}
#index .index-hero-col-a h2 {
	font-size:44px;
	line-height:52px;
	font-weight:bold;
}
#index .index-hero-col-a p {
	margin:10px 0;
	font-size: 16px;
}

#index .index-hero-welcome-member,
#index .index-hero-signup {
	padding:130px 0 0 110px;
	width:320px;
}

#index .index-hero-signup-cta {
	width:100%;
    display:block;
	font-size:18px;
	line-height:22px;
    text-align:center;
    border-radius:5px;
	margin-bottom:20px;
    color:#fff;
}
#index .index-hero-signup-email {
	width:100%;
	font-size:18px;
	line-height:45px;
	border-radius:5px;
	color:#333;
	border:0;
	text-align:center;
	display:block;
	margin-bottom:20px;
	min-height:2em;
}
#index .index-hero-signup-submit {
	width:100%;
	font-size:17px;
	line-height:45px;
	border-radius:5px;
	background-color:#F26A1E;
	color:#fff;
	border:none;
	text-align:center;
	cursor:pointer;
	display:block;	
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 2px;
    text-decoration:none;
}
#index .index-hero-signup-submit:hover {
	background-color:#fc391d;
}
#index .index-hero-social {
	padding-top:40px;
	width: 380px;
	margin-left: -30px;
}
#index .index-hero-social-row {
	margin-bottom: 10px;
	text-align: center;
}



#index .index-hero-social-facebook {
	display: inline-block;
	
	margin-top: -2px;
	margin-right: 10px;
	height: 22px;
	vertical-align: top;
}

#index .index-hero-social-xing {
	display:inline-block;		
	margin-right: 5px;
	height: 22px;

	vertical-align: top;
}
#index .index-hero-social-googleplus {
	display:inline-block;		
	height: 22px;

	vertical-align: top;
}
#index .index-hero-social-twitter {
	display:block;		
	text-align: center;	
}


/* overwrite of nav */

#index #nav {
    position: relative;    
}

#index #nav .layout-sandwich-section {
	background-image:none;
	background-color:#e0e1d2;
}
#index #nav .layout-sandwich-section-content {
	height:180px;
	position:relative;
}

#index #nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;
	height:180px;
	position:absolute;
	top:0;
	left:0;
}
#index #nav ul li {
	float:left;
	width:160px;
}
#index #nav ul li a {
	padding:0 25px;
	line-height:180px;
	text-decoration:none;
	display:block;
	vertical-align:middle;
	color:#0c5944;
	text-transform:uppercase;
}
#index #nav ul li.active a {
	background-color:#ecece5;
	color:#0c5944;
}
#index #nav ul li.hover {
	margin-top:-30px;
	padding-bottom:30px;
}
#index #nav ul li .hover-wrap {
	padding-top:25px;
}
#index #nav ul li.hover .hover-wrap {
	box-shadow: 0px 0px 20px 0px #333;
	background-color:#ecece5;
}
#index #nav ul li.hover {
	box-shadow:none;
}
#index #nav ul li.with-sub:hover {
	padding-bottom:0px;
}
#index #nav ul li.hover a {
	background-color:#ecece5;
	color:#0c5944;
	height:150px;
	margin-top:0;
	border:0;
}
#index #nav ul li a .icon {
	float:none;
	display:block;
	font-size:50px;
	line-height:108px;
	width:100px;
	height:100px;
	text-align:center;
	margin:0 0 0 5px;
	background-color:#fff;

	-ms-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
	border-radius: 50px;
}
#index #nav ul li a .text {	
	display:block;
	height:40px;
	line-height: 40px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	letter-spacing: 1px;
}

#index #nav ul li.hover.with-sub a {
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}

#index #nav ul ul {
	height:auto;
	display:none;
	position:relative;
	top:auto;
	left:auto;
}
#index #nav ul li.hover ul {
	display:block;
}
#index #nav ul li.hover ul li,
#index #nav ul li ul li {
	float:none;	
	box-shadow:0 0 0 0 #fff;
}

#index #nav ul li.hover ul li a,
#index #nav ul ul li a {
	background-color:#ecece5;
	text-align:center;
	line-height:18px;
	border-top:1px solid #b3b3b3;
	color:#333;
	padding:10px 5px;
	height:auto;
	margin-top:0px;
	text-transform:none;
}
#index #nav ul li.hover ul li:hover {
	margin-top:0;
	padding-bottom:0;
}
#index #nav ul li.hover ul li:hover a {
	margin-top:0;
	color:#ff8000;
}

#index #nav ul li.with-sub:hover ul li:last-child a,
#index #nav ul li ul li:last-child a {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

/* vgsd */

#index .index-vgsd-wrap {
	padding:70px 0 70px 0px;
}
#index .index-vgsd-col-a {
	float:left;
	width:500px;
}
#index .index-vgsd-col-b {
	float:right;
	width:400px;
}

#index .index-vgsd-col-a h2 {
	color:#0c5944;
	font-size:25px;
	line-height:30px;
	font-weight:bold;
	margin-bottom:25px;
}
#index .index-vgsd-col-a p {
	font-size:18px;
	line-height:30px;
	margin:15px 0;
}

#index .index-vgsd-col-b h3 {
	color:#0c5944;
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	margin-bottom:25px;
}
#index .index-vgsd-col-b ol {
	border-top:1px solid #757575;
	margin:0 0 25px 0;
}
#index .index-vgsd-col-b li {
	border-bottom:1px solid #757575;
	padding:15px 0;
	line-height:20px;
}
#index .index-vgsd-col-b li .index-meetups-date {
	float:left;
	width:100px;
}
#index .index-vgsd-col-b li .index-meetups-description {
	float:right;
	width:260px;
}

/* blog section */

#index .layout-sandwich-section.blog {
	background-color:#e0e1d2;
}
#index .index-blog-wrap {
	padding:45px 0;
}
#index .index-blog-col-a {
	width:550px;
	float:left;
}
#index .index-blog-col-b {
	width:320px;
	float:right;
}
#index .index-blog-readall {
	margin-top:30px;
	text-align:center;
}

/* participate */

#index .index-participate h3 {
	color:#0c5944;
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	margin-bottom:5px;
}
#index .index-participate p {
	font-size:16px;
	line-height:20px;
	margin:10px 0;
}
#index .index-participate h3,
#index .index-participate p,
#index .index-participate li {
	padding:0 20px;
}

#index .index-participate ol {
	margin:30px 0 20px 0;
	border-top:1px solid #757575;	
	min-height:50px;
}
#index .index-participate ol.loading {
	background-image:url(../img/page/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
#index .index-participate li {
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #757575;
}
#index .index-participate .index-participate-votes {
	width:60px;
	float:left;
}
#index .index-participate .index-participate-description {
	width:200px;
	float:right;
}
#index .index-participate .index-participate-suggest-topic {
	width:100%;
	font-size:16px;
	line-height:45px;
	border-radius:5px;
	background-color:#5b5b5b;
	color:#fff;
	border:none;
	text-align:center;
	cursor:pointer;
	display:block;
	text-transform:uppercase;
	margin:20px 0 0 0;
	font-weight: bold;
	letter-spacing: 2px;
}
#index .index-participate .index-participate-suggest-topic:hover {	
	background-color:#fc391d;
}


/* twitter widget */
#index .index-participate .twitter-widget-wrap {
	margin-bottom: 30px;
	padding-left: 20px;
}

#index .index-participate .twitter-widget-wrap .twitter-timeline span.hide {
	display: none;
}

#index .index-participate .twitter-widget-wrap .twitter-timeline {
	height: 500px;
}


/* blog posts aka news */
#index .index-blog h2 {
	color:#0c5944;
	font-size:25px;
	line-height:30px;
	font-weight:bold;
	margin-bottom:25px;
}
#index .index-blog h2 a {
	font-size:16px;
	font-weight:normal;
	display:inline-block;
	margin:0 0 0 20px;
}
#index .index-blog li {
	margin:30px 0 0 0;
}
#index .index-blog li .time {
	text-transform:uppercase;
	color:#757575;
}
#index .index-blog li h2 {
	margin:3px 0 10px 0;
	line-height:22px;
}
#index .index-blog li h2 a {
	font-weight:bold;
	display:block;
	margin:0;
	text-decoration:none;
	color:#333;
}
#index .index-blog li h2 a:hover {
	color:#ff8000;
}
#index .index-blog-excerpt {
	margin-bottom:10px;
}
#index .index-blog-excerpt a {
	text-decoration:none;
	color:#333;
}
#index .index-blog-excerpt .index-blog-featured-image {
	float:left;
	margin:0px 10px 10px 0px;
}

/* media */
#index .index-media {
	padding:40px 0 70px 0;
	text-align:center;
}
#index .index-media h3 {
	font-size:30px;
	color:#5b5b5b;
	font-weight:bold;
	margin:0 0 15px 0;
}
#index .index-media .index-media-more {
	font-size:16px;
	margin:0 0 40px 0;
}

#index .index-media li {
	width:33%;
	float:left;
}
#index .index-media .index-media-source-img {
	height:120px;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
}
#index .index-media .index-media-source {
	display:block;
	padding:0 10px;
	text-align:center;
	text-decoration:none;
	color:#333;
}

#index .index-hero-welcome {
    text-align:center;
    font-size:22px;
    line-height:30px;
}

#index .index-search {
    padding-bottom:30px;
    border-bottom:1px solid #0c5944;;
    margin-bottom:30px;
}

#index .index-search input {
    padding:3px 5%;
    border:0;
    border:1px solid #ccc;
    border-radius:5px;
    font-size:18px;
    line-height:28px;
    text-align:center;
    width:65%;
    float:left;
}
#index .index-search button {
    width:20%;
    min-width:0px;
    font-size:12px;
    line-height:16px;
    border-radius:5px;
    color:#FFF;
    border:none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #5B5B5B;
    float:right;
    line-height:28px;
}
#index .index-search button:hover {
    background-color:#F26A1E;
}