/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {
font-family: 'Roboto', sans-serif;
font-size:13pt;

}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;
text-decoration:none;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


.navdescription {
	padding-left:5px;
	display:inline-block;
	/*background-color:rgba(222,244,255,.5);*/
	padding-right:5px;
}


body {
    height:1500px;
    /*padding-top:100px;*/
}

.active {
    background-color:#00bfff !important;
}

#main-nav {
    position:fixed;
    top:0px;
	background:none;
    padding:0px;
	height:100%;
	display: table;
		z-index:102;
}
#main-nav ul {
    display: table-cell;
    vertical-align: middle;
}
#main-nav ul li {
	overflow:hidden;
}
#main-nav ul li a {
	text-align: center;
	vertical-align: middle;
	line-height: 30px; 
}
#main-nav ul li a {
	width:30px;
	height:30px;
	background-color:#bbdced;
	color:#444;
	display:inline-block;
	margin-bottom:5px;
	font-weight:bold;
	font-size:18px;
}

p {
    color:#282829;
	text-align:justify;
	line-height:1.6em;
	text-align-last:left;
}

.text2 {
    color:#505067;
	text-align:justify;
}

a.section {
	font-weight:300;
    font-size:40px;
	color:#00bfff;
	clear:both;
	width:100%;	
	padding-bottom:15px;
/*	display:block;*/
}

section {
display:block;
clear:both;
overflow:auto;
}

#logo {
		margin-top:20px;
}


#main {
	
}

ul {margin-left:20px;
list-style:square;}

.container {

  max-width:100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*background-color:#09F;*/
	padding-left:20px;
  	padding-right:20px;	
	overflow:visible;
	position:relative;
	z-index:100;
}

.entry {
	width:100%;
	overflow:visible;
	display:inline-block;
	padding-top:40px;
	padding-bottom:40px;
/*
	background-image:url('../img/shadow2.png');
	background-position:center;
	background-size:cover;*/
}
.entry img {
	width: 700px;
	height:auto;
	float:right;
	margin-top:20px;
}
.entry .description {
	width:100%;
}
.entry p {
	margin-bottom:15px;
	margin-top:15px;
}
.entry ul li {
	line-height:1.8em;
}

longdescription
{
	width:100%;
}
descriptiontext
{
	width:100%;
}

.watermark {

	position:relative;
	padding-left:0px;
	font-size:290px;
	font-weight:bold;
	z-index:99;
	letter-spacing:-55px;
	line-height:180pt;
}
.watermark .nr {

	padding-left:30px;
	
	position:absolute;
	text-align: center;
		color:#f4f4f4;
		/*line-height:1em;*/
		margin-top:65px;
		color:rgba(132,174,185,.12);
}
.watermark {
	width:100%;
	
}
.watermark .nr {
	width:100%;

}

.cshadow {
	-webkit-box-shadow: 4px 3px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 3px 16px 0px rgba(0,0,0,0.75);
box-shadow: 4px 3px 16px 0px rgba(0,0,0,0.75);
	
}

.bckg:nth-of-type(odd) {
    background: #f6f6f6;
}

.footer {
margin-left:auto;
margin-right:auto;
width:600px;
max-width:100% !important;

}

/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 760px) {
	
#main {
	/*margin-left:0px;*/
}
#main-nav {
	width:5px;
	overflow:hidden;


}
.container {
  padding-left:20px;
  padding-right:20px;	
}	
.entry .description {
clear:both;
padding-top:10px;
}		
#main-nav ul li a {
	width:5px;
	padding-left:5px;
}
#main-nav ul li {
	overflow:hidden;
	width:5px;
}
.watermark {
	display:none;
}
.navdescription { 	display:none; }
.sharebtn {	display:none;}
.hideonmobile {display:none;}
}


@media screen and (min-width: 761px) and (max-width: 799px) {
	
#main {
	/*margin-left:17px;*/
}
.container {
	width: 740px;
}	

#main-nav ul li a {
	width:17px;
	padding-left:0px;
	font-size:13px;
	margin-bottom:2px;
}
.watermark {
	display:none;
}
.entry .description {
clear:both;
padding-top:10px;
}		

.navdescription { 	display:none; }
.sharebtn {	display:none;}
}


@media screen and (min-width: 800px) and (max-width: 950px) {
	
#main {
	/*margin-left:30px;*/
}
.container {
	width: 740px;
}	

#main-nav ul li a {
	width:30px;
	padding-left:0px;
}
.watermark .nr {
	left:0px;
}
.entry .description {
clear:both;

float:right;
}		
.navdescription { 	display:none; }


}



@media screen and (min-width: 951px) and (max-width: 1278px) {
	
#main {
	/*margin-left:45px;*/
}
.container {
	width: 1210px;
  	padding-left:20px;
  	padding-right:50px;	
}	
.entry .description {
	width:700px;
	float:right;
}

.entry .description2 {
	width:700px;
	float:right;
}

.longdescription
{
	width:700px;
	float:right;
}
.descriptiontext
{
	width:700px;
	float:right;
}

a.section {
	float:right;
	width:700px;

}
.watermark .nr {
	width:100%;
padding-right:700px;
}

.video-container-wrap {
	width:700px;
	float:right;
}

#logo {
	width:700px;
	float:right;

	width:100%;
	overflow:visible;
	display:inline-block;
	margin-top:40px;
	padding-bottom:40px;
/*
	background-image:url('../img/shadow2.png');
	background-position:center;
	background-size:cover;*/

}

#logo img {
	width: 700px;
	height:auto;
	float:right;
	margin-top:20px;
}

	
}




@media screen and (min-width: 1279px)  {
	
#main {
	/*padding-left:45px;*/
}
.container {
	width: 1210px;
  	padding-left:20px;
  	padding-right:20px;	
}	
.entry .description {
	width:430px;
	float:left;
}

a.section {
    font-size:35px;
	display:inline-block;
	clear:none;
	width:440px;

}
.watermark{
	display:block;width:50%;
}
		.watermark .nr {
			
			padding-right:50%;
		}

.navdescription { 	display:none; }
.entry img  {	margin-top:0px;}

.longdescription {
	-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
}
.longdescription p {
margin-top:0px;
}

		
	@media screen and (min-width: 1600px)  {
		.navdescription { 	display:inline-block; }		
		.container {
			margin-left:21%;
			margin-right:7%;
		}
	}
}



.video-container-wrap {
	margin-top:20px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
clear:both;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#social {
	margin-top:20px;
}





.backerslist {
-moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap : 20px;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  1px;
}