/* CSS Document */

h1 {
font-size:15px;
color:#000;
font-family:'Helvetica W01 Light';
}

#joinus {
margin-left: 30px;
}





/* contact form */
h4.thanks {width: 50%; float: right; padding-top: 122px; text-align: right; font-size:24px !important;}

.con_formline {
	width: 450px;
	height: 20px; 
	margin-top:5px; 
	font-size: 12px; 
	line-height: 18px; 
	text-align: left; 
	font-weight: normal; 
}

.con_formlinesubmit {
	width: 310px;
	height: 20px; 
	margin-top:20px; 
	font-size: 12px; 
	line-height: 18px; 
	text-align: left; 
	font-weight: normal; 
	margin-left: 240px;
}

.con_formlinelarge {
	width: 450px;
	height: 200px; 
	margin-top:5px; 
	font-size: 12px; 
	line-height: 18px; 
	text-align: left; 
	font-weight: normal; 
}

.con_name {
	width: 100px;
	height: 20px; 
	font-size: 12px; 
	line-height: 18px; 
	text-align: left; 
	font-weight: normal; 
	display:inline;
	float:left;
}
.con_formbox {
	width: 300px; 
	height: 20px; 
	font-size: 12px; 
	line-height: 18px; 
	text-align: left; 
	font-weight: normal; 
	display:inline;
	float:left;
}


.con_formboxlarge {
	width: 300px; 
	height: 200px; 
	font-size: 12px; 
	line-height: 18px; 
	text-align: left; 
	font-weight: normal; 
	display:inline;
	float:left;
}

.con_singleinputbox {
	width: 200px;
	font-size: 12px;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #ffffff;
	background-color: #999999;
}

.con_largeinputbox {
font-family: Arial, Helvetica, Sans Serif;
	width: 300px;
	height: 200px;
	font-size: 12px;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #ffffff;
	background-color: #000000;
}


.js #navigation {
  clip: rect(0 0 0 0);
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}
#navigation.opened {
  max-height: 400px !important;
}













/* Body */

body {
	font-family:'Helvetica W01 Light';
	font-size: 11px;
	color: #010318;
	background-image: url(background.jpg);
	background-repeat:repeat-x;
}

.center {
    margin: auto;
    width: 70%;
}



.block {
    margin-left: auto;
    margin-right: auto;
	margin-top: 200px;
	width:500px;
}

.blocklogo {

}




img {max-width:100%}


.veralogo {
	width: 100%;
}

.form {
	width: 100%;
	margin-top: 110px;
}


body.inner{
margin:0;
font-family:Arial, Helvetica, sans-serif;
overflow-y:scroll;
}

body.innerb{
margin:0;
font-family:Arial, Helvetica, sans-serif;
overflow-y:scroll;
}

body#wall {

}

body#splash {
background:#ccc;
}

.clearfix {
clear:both;
}


/* Wrapper */

#wrapper {
overflow:hidden;
margin:0 auto;
width:900px;
text-align:left;
}

#wall #wrapper {
margin:0 auto 240px auto;
margin-top:150px;
}


/* Typography */



#wrapper h1 {

margin:12px 0 18px 0;
padding:0 0 12px 18px;
color:#c8c6c3;
font-size: 20px;
margin-top:-20px;
margin-left: 142px;
font-weight:normal;
}

h2 {
color: #000000;
font-size:15px;
font-family:'Helvetica W01 Light';
}



#wrapper h2 {
margin-top:-55px;
margin-left: 142px;
}

.section h1 {
margin:0;
padding:0;
text-align:left;
color:#fff;
border-bottom:0px #ddd solid;
}

a {
text-decoration:none;
color: #000000;
text-align:left;
}


/* Header */

#wall #header #wrapper {
margin-bottom:0;
}

#header {
background:#444;
border-bottom:1px #fff solid;
}

.subhead {
color:#ddd;
}


/* Grid */

.group {
margin:50px auto 5px auto;
padding:20px 20px 0;
text-align:left;
zoom:1;
}

.section {
overflow:hidden;
margin:50px auto 5px auto;
padding:0px 20px 0;
background:#888;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
box-shadow: 0px 5px 5px #ccc;
text-align:center;
zoom:1;
}

.thumbnail {
float:left;
margin:0 10px 33px 10px;
}
	
.thumbnail a {
display:block;
height:250px;
width:320px;
padding:10px 10px;
border:1px #fff solid;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
-webkit-transition:all 0.3s;
}

.thumbnail a:hover {
border-color:#ccc;
}

#wall img {
margin-bottom:10px;
margin-left:14px;


}

a img{
border:none;
}


/* Like */

#like_block {
width:304px;
position:fixed;
right:0;
bottom:0;
}


/* Feedback */

#feedback_block {
width:304px;
position:fixed;
right:0;
bottom:0;
}




/* RESPONSIVE START */

@media screen and (max-width: 600px) {


.block {
    width:100%;
}




}