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


@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700');


body {
	font-family: 'Source Sans Pro', sans-serif;


}


.wrap {


}


.header {
	margin: 35px 0 20px 35px;
	width: 600px;
	float: left;

}


.content {
	margin: 0 auto;
	width: 900px;
	font-size: 22px;
	padding: 1em 0 2em 0;

}

.lineDiv {
	border-left: 1px solid #CCCCCC;
	padding-left: 15px;
	margin-top: 1em;
}



/* --- index --- */

#indexContent {
	margin-top: 35px;


}


/* ---- CPV ---- */

#cpvPhoto {
	margin: 0 auto;
	width: 620px;
	text-align: center;

}

#concentratorSchematic {
	width: 601px;
	margin: 0 auto 30px;
	text-align: justify;
	border: 1px solid #CCCCCC;
}


/* ---- Contact ---- */

#contactformcontainer {
	width: 650px;
	margin: 0 auto;


}

#warning {
	font-weight: bold;
	color: #FF0000;
}

#contactdiv {


}


#fieldsetdiv {


}


@media screen and (max-width: 768px) {
	
	.header {
		width: 80%;
		float: none;
	}
	
	.content {
		width: 95% !important;
		position: relative;
		display: block;
	}
	
	#cpvPhoto {
		width: 80%;
	}
	
	#concentratorSchematic {
		width: 80%;
		
	}
	
	#contactformcontainer {
		width: 90%;
		
	}
	
	.evLogo {
		width: 95%;
		
	}
	
}


/* ---- sitewide font ---- */




@font-face {
    font-family: 'Source Sans Pro';
    src: url('general/source-sans-pro/SourceSansPro-Regular.otf');

    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source-sans-pro-bold';
    src: url('general/source-sans-pro/SourceSansPro-Black.otf');

    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'source-sans-pro-light';
    src: url('general/source-sans-pro/SourceSansPro-Light.otf');

	font-weight: lighter;
	font-style: normal;
}


/* ---- CSS Menu ---- */