@font-face {
    font-family: 'lane';
    src: url('fonts/LANENAR_-webfont.eot');
    src: url('fonts/LANENAR_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LANENAR_-webfont.woff') format('woff'),
         url('fonts/LANENAR_-webfont.ttf') format('truetype'),
         url('fonts/LANENAR_-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	margin:0;
	padding:0;
	background:#F5F7FA;
}
a{
	color:inherit;
	font:inherit;
	text-decoration:inherit;
}
h1{
	font-size:40px;
	font-family:'lane';
	margin:0;
	margin-left:-20px;
	padding:0;
	margin-bottom:10px;
	font-weight:bold;
}
h2{
	font-family:'lane';
	font-weight:bold;
	margin-left:-20px;
	font-size:25px;
	margin-bottom:5px;
}
.sidebar{
	width:175px;
	background:rgba(0,114,198,1);
	height:100%;
	position:fixed;
	min-height:500px;
}
.content{
	margin-left:175px;
	padding-top:20px;
	//background:rgba(237,238,239,1);
}
.sidebarItems{
	list-style-type: none;
	font-family:'lane';
	font-weight:bold;
	padding:0;
	margin:0;
	position:absolute;
	top:50%;
	width:130px;
	margin-left:10px;
	margin-top:-115px;
	height:230px;
	color:white;
	font-size:25px;
	text-align:right;
}
.triangle{
	position:relative;
	height:50px;
	width:50px;
	background:#F5F7FA;
	margin-top:-240px;
	left:150px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-webkit-transition: margin-top .5s;
	-moz-transition: margin-top .5s;
	-o-transition: margin-top .5s;
	transition: margin-top .5s;
}
.sidebarItems li{
	margin-bottom:15px;
	-webkit-transition: font-size .1s;
	-moz-transition: font-size .1s;
	-o-transition: font-size .1s;
	transition: font-size .1s;
}
.sidebarItems .active{
	font-size:35px;
}
.cbox{
	padding-left:50px;
	padding-right:50px;
	position:relative;
	margin-bottom:50px;
	min-height:600px;
	font-family:Verdana, Geneva, sans-serif;
	clear:left;
	font-weight:normal;
}
.titleBox{
	height:75px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	margin-bottom:25px;
}
.titleBox h1{
	margin:0;
	padding:0;
	font-size:35px;
}
.titleBox h2{
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
}
.pictureBox{
	min-height:20px;
	max-height:200px;
	max-width:800px;		/*Change this to: (width of each image * number of images)*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	overflow:hidden;
}
.pictureBox figure{
	position:relative;
	width:100%;			/*Change this if you want to slide between images (keyframes also have to be created)*/
	height:100%;
	margin:0;
	padding:0;
	font-size:0;
}
.pictureBox img{
	width:49%;
	height:auto;
	margin-right:0.5%;
	margin-left:0.5%;
}
.c1 .textBox{
	position:relative;
	float:left;
	max-width:419px;
	margin-right:50px;
	margin-bottom:50px;
}
.c1 .listBox, .c4 .listBox{
	position:relative;
	float:left;
	//width:200px;
	list-style-type:none;
	//font-family:'lane';
	//font-family: Verdana, Geneva, sans-serif;
	//font-weight:bold;
	padding:0;
	margin:0;
	font-size:20px;
	margin-bottom:50px;
	padding-left:50px;
	border-left:1px solid darkgrey;
	margin-right:20px;
}
.c1 .listBox li, .c4 .listBox li{
	margin-bottom:10px;
}
.c4 .listBox{
	margin-top:20px;
}
.c3 .subTextBox{
	padding-left:50px;
	border-left:1px solid darkgrey;
}
form{
	margin-top:20px;
}
form input{
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom:20px;
	padding:10px;
	width:175px;
	border:1px solid lightgrey;
}
form textarea{
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px;
	width: 380px;
	max-width: 382px;
	height: 180px;
	margin-bottom:20px;
	border:1px solid lightgrey;
}
form #submitButton{
	margin:0;
	cursor:pointer;
	background-color: rgba(221, 221, 221, 1);
}
::-webkit-input-placeholder {
   color:#616161;
}
:-moz-placeholder { /* Firefox 18- */
   color:black;
}
::-moz-placeholder {  /* Firefox 19+ */
   color:black;
}
:-ms-input-placeholder {  
   color:#616161;
}