@charset "UTF-8";
/* CSS Document */

/* general elements */
html {
	margin: 0;
	padding: 0;
	}
body { 
	font-family: 'montserratlight'; 
	font-size:0.8em;
	letter-spacing: 0.02em;
	line-height: 1.88889;
	color: #555753; 
	padding: 0px 75px; 
	background: url(images/paperbackground_dark.png) repeat;
	margin: 0;
	padding: 0;
	}
	
	a:link, a:visited{ 
	font-family: 'montserratbold';
	text-decoration: none; 
	letter-spacing: 1px;
	color: #7A7A7A;
	font-size: .8em;
	text-transform: uppercase;
	}

a:hover, a:focus, a:active { 
	text-decoration: none; 
	color: #404041;
	}
	
	/*end of general elements */
	
	/* top header information */
	
	header h1 { font-family: 'montserratbold';
	font-size: 0em;
	top: 100px;
	left: -200px;
	text-transform: uppercase;
	color: #EE3E23;} 
	
	header h2 { font-family: 'montserrathairline';
	font-size: 1em;
	text-transform:uppercase;
	padding-top: 400px;
	padding: 400px 0 0 213px;
	left: -30px;
	color: #fff;}
	
	
	h3 { 
	font-family: 'montserratbold';
	letter-spacing: 1px; 
	color: #EE3E23;
	text-transform: uppercase;
	}
	
	/* end top header information */
	

/* DIV  & CLASS STYlES */


	.page-wrapper { 
	background: url(zen-bg.jpg) no-repeat top left; 
	padding: 50px 175px 0 500px;  
	margin: 0 auto; 
	width: 50%;
	position: relative;
	}
	
	
header {
	padding-top: 20px;
	height: 600px;
	width: 100%;
	background: url(images/rhino.png) no-repeat; 
	position:fixed; 
	left: 0;
	z-index:-1;
	}


.summary {
	width: 200px; 
	top:500px;
	position: fixed;
	left: 200px;
	}
.summary p {
	font-family: 'montserratregular';
	font-size: 1em;
	text-align: right;
	}

#zen-preamble { 
width: 100%; float: left;
border-bottom: 1px solid #546BB5;
padding-bottom: 10px;
}
#zen-preamble h3 {
	font-size: 1.5em;
	line-height: 1.4em;
	color: #546BB5;
	background: url(images/arrowwhite.png) no-repeat top left; 
	padding:  0px 0px 0 40px;
	height: 100%;

}

#zen-preamble h3 + p{ color: #939393; text-transform: uppercase; letter-spacing: .1em;}

#zen-explanation { 
padding-top: 25px;
width: 48%; float: right; 
	}
	#zen-explanation h3 { 
background: url(images/arrowpurple.png) no-repeat top left; 
padding:  0px 0px 0px 25px;
line-height: 1.3em;
	}
	
	#zen-participation { 
	width: 48%; float: left; padding-top: 25px;
	}
	
	#zen-participation h3 { 
background: url(images/arrowpurple.png) no-repeat top left; 
padding:  0px 0px 0px 25px;
line-height: 1.3em;
	}
	
	
	#zen-benefits {
		width: 48%; float:  right; 
		padding: 5px 0 30px 0;
	} 
	#zen-benefits h3 { 
background: url(images/arrowpurple.png) no-repeat top left; 
padding:  0px 0px 0px 25px;
line-height: 1.3em;
	}
	
	#zen-requirements { 
	
	border-top: 1px solid #546BB5;
	top: 100px;
	width: 100%; 
	float:left;
	padding: 20px 0 30px 0;
	} 
	#zen-requirements h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #546BB5;
	background: url(images/arroworange.png) no-repeat top left; 
	padding:  0px 0px 0 30px;
	height: 100%;

}
	
	footer {
		width:100%; height:100%;
		clear: both;
	text-align: center; 
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
	background-color: #546BB5;
	}
	
footer a:link, footer a:visited { 
	 padding: 10px;
	color: #1C1B19;
	font-size: 1em;
	
	}
	
footer a:hover { color: #fff; }


.sidebar .wrapper { 
	font-size: 1em;
	 position: relative;
	 margin: 0 auto;
	padding: 20px 0 50px 0; 
	top: 10px;
	width: 100%; 
	
	height: 350px;
	}
	
	.sidebar li {
	line-height: 1.3em; 
	margin-left: -25px;
	display: block; 
	padding-top: 3px; 
	margin-bottom: 3px;
	list-style-type: none;
	}

#design-selection { 
background-color: rgba(255, 255, 255, 0.05);
height: 100%;
width: 33%; 
float: left;

-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;



}
#design-selection h3.select {
	font-size: 1.1em;

	background-color: rgba(255, 255, 255, 0.05);
	color: #546BB5; 
	
	padding: 5px 0 5px 10px;
	}

#design-archives { 
background-color: rgba(255, 255, 255, 0.05);
 
left: 200px; width: 32%; 
float: left;
height: 100%;
margin-left: 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

}
#design-archives h3.archives {
	font-size: 1.1em;

	background-color: rgba(255, 255, 255, 0.05);
	color: #546BB5; 
	
	padding: 5px 0 5px 10px;
	}
	
#zen-resources { 
background-color: rgba(255, 255, 255, 0.05);
margin-left: 10px;
left: 200px; width: 32%; 
float: left;
height: 100%;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

}
#zen-resources h3.resources {
	font-size: 1.1em;

	background-color: rgba(255, 255, 255, 0.05);
	color: #546BB5; 
	
	padding: 5px 0 5px 10px;
	}
/* END DIV and Class STYLES */ 



	/* FONTS */
	
	@font-face {
    font-family: 'montserratregular';
    src: url('fonts/Montserrat-Regular-webfont.eot');
    src: url('fonts/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat-Regular-webfont.woff2') format('woff2'),
         url('fonts/Montserrat-Regular-webfont.woff') format('woff'),
         url('fonts/Montserrat-Regular-webfont.ttf') format('truetype'),
         url('fonts/Montserrat-Regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserratblack';
    src: url('fonts/Montserrat-Black-webfont.eot');
    src: url('fonts/Montserrat-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat-Black-webfont.woff2') format('woff2'),
         url('fonts/Montserrat-Black-webfont.woff') format('woff'),
         url('fonts/Montserrat-Black-webfont.ttf') format('truetype'),
         url('fonts/Montserrat-Black-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratbold';
    src: url('fonts/Montserrat-Bold-webfont.eot');
    src: url('fonts/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat-Bold-webfont.woff2') format('woff2'),
         url('fonts/Montserrat-Bold-webfont.woff') format('woff'),
         url('fonts/Montserrat-Bold-webfont.ttf') format('truetype'),
         url('fonts/Montserrat-Bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserrathairline';
    src: url('fonts/Montserrat-Hairline-webfont.eot');
    src: url('fonts/Montserrat-Hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat-Hairline-webfont.woff2') format('woff2'),
         url('fonts/Montserrat-Hairline-webfont.woff') format('woff'),
         url('fonts/Montserrat-Hairline-webfont.ttf') format('truetype'),
         url('fonts/Montserrat-Hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/Montserrat-Light-webfont.eot');
    src: url('fonts/Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat-Light-webfont.woff2') format('woff2'),
         url('fonts/Montserrat-Light-webfont.woff') format('woff'),
         url('fonts/Montserrat-Light-webfont.ttf') format('truetype'),
         url('/fonts/Montserrat-Light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* END FONTS*/