/*
 * Responsive HTML5/CSS3 template
 * http://webcodebuilder.com/examples/responsive-html5css3-template/index.html
 *
 * Copyright 2012, WebCodeBuilder
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
@media all{
body{
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	background:#f1f1f1;
	width:100%;
	color:#333333;
	line-height:140%;
	text-align: center;
	}
.container {
  	margin: 0 auto;
  	width:90%;
	text-align: left;
	display:block;
	clear:both;
	padding:0 0 2em 0;
}
a{
	color:#3192bd;
	text-decoration:underline;
	}
a:hover { text-decoration:none;}
section, header,footer,nav { display:block;}
	img{
		margin:0;
		border:0;
		vertical-align:top;
		max-width:100%;
	}
h1{
	font:2.8em/1.1em 'Arial', Arial, Helvetica, sans-serif; /*60px/64px*/
	font-weight:bold;
		color:#3192bd;
		text-align:left;
		margin:0.0125em 0 0.5em 0;
	}
h2 {
		font:2.2em/1.7em Arial, Helvetica, sans-serif; /*24px/27px*/
		font-weight:bold;
		color:#3192bd;
		text-align:left;
		margin:0.0125em 0 0.5em 0;
	}
h3 {
		font:1.285em/1.167em 'Arial', Arial, Helvetica, sans-serif; /*18px/21px*/
		font-weight:bold;
		color:#3192bd;
		margin:0 0 0.55em;
		text-align:left;
	}
h4 {
		font:1.2em/1.167em 'Arial', Arial, Helvetica, sans-serif; /*18px/21px*/
		font-weight:bold;
		color:#636466;
		margin:1em 0 0.55em 0;
		text-align:left;
	}
.subHeading{
		display:block;
		font:1.4em/1.151em 'Arial', Arial, Helvetica, sans-serif; /*33px/38px*/
		margin:0 0 1em;
		text-align:center;
		color:#333333;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	section ul,
	article ul{
		margin:0 0 0.5em 2em;
	}
	section li,
	article li{
		
	}
	.grey li,
	.grey article li{}

p {
	margin:0 0 1em 0;}
.center {
	max-width:960px;
	width:100%;
	margin:0 auto;
	}
.centerInfo{
	padding:0 10px 15px 0;
	width:auto;
	border-bottom:4px dotted #c1c1c1;
}
.center .copyA{
	width:30%;
	display:block;
	float:left;
	margin:0 1em 1em 0;
	}
.center .copyB{
	width:30%;
	display:block;
	float:left;
	text-align:left;
	margin:0 1em 1em 0;
	}
.center .copyC{
	width:30%;
	display:block;
	float:left;
	text-align:left;
	margin:0 0 1em 0;
	}
.CTAbtns {
		width:100%;
		margin:10px 0 20px 0;
	}
.hidden{display:none;}
.box-main:after,
.center:after {
		content:"";
		clear:both;
		display:block;
	}
.right { float:right;} 
.left { float:left;}
.alignLeft{
		float:left;
		margin-right:1em;
	}
.alignRight{
		float:right;
		margin-left:1em;
	}
.fullWidth{width:100%;}
.fullWidth img{width:100%;}
.row{
		width:100%;
		background:#ffffff;
		padding:1.8em 0;
	}
.row:after{
		content:"";
		display:block;
		clear:both;
	}
.grey{
		background:#fff;
		color:#333333;
		border-top:1px solid #c1c1c1;
	}
.grey h1{
		color:#3192bd;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
.grey h2{
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
.grey .subHeading{
		color:#333333;
	}
.grey a{color:#636466;}
.columns{
		max-width:100%;
		width:100%;
		margin:0 auto;	}
.columns:after{
		content:"";
		display:block;
		clear:both;
	}
.columns > div,
.columns > article{
		float:left;
		vertical-align:top;
	}
.columns h2{text-align:left;}
.half{
		width:48.0%;
		margin:1.3%;
}
.oneThird{
		width:32%;
		margin:1%;
}
	.columns > div:first-child,
	.columns > article:first-child{margin-left:0;}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .half,
	.half + .oneForth + .oneForth,
	.last{
		float:right;
		margin-right:0;
	}
.oneForth{
	width:25%;
	padding:1em 0 0 0;
	 }
.threeForth{
	width:70%;
	padding:1em 0.5em 0 0;
	}
.half .leftA{
	width:6%;
	display:block;
	float:left;
	margin:0 1em 1em 0;
	}
.half .leftB{
	width:82%;
	display:block;
	float:left;
	text-align:left;
	margin:0 1em 1em 0;
	}
.buttons{
		width:100%;
		overflow:hidden;
		text-align:center;
		margin:2.5em 0 0
	}
.buttons > span{
		background:url(../img/sep-vert.gif) no-repeat 50% 50%;
		display:inline-block;
		font-size:1.714em;
		line-height:1.125em;
		padding:1em 0.75em;
		margin:0 -1px 0 -2px;
		background:#;
	}
	* +html .buttons > span{margin:0 20px;}
	.buttons > span em{
		font-style:normal;
		display:block;
		background:#eaeaea;
	}
.imgHolder{
	display:inline-block;
	margin:0 1em .5em 0;
	max-width:100%;
	overflow:hidden;
	text-align:center;
}
* +html .imgHolder{
	max-width:100%;
	padding:0;
}
.imgHolder img{display:block;}
.grey .imgHolder{
	border-color:#646e7d;
	}
.legal{
	font:10px Arial, Helvetica, sans-serif;
	margin:0 0 0 10px;
	color:#636466;
	line-height:140%;
}
	/*main styles*/
#pagewidth {width:100%;}
#header{
		position: static;
		z-index:100;
		width:100%;
		overflow:hidden;
		padding:0;
		height:100px;
		margin: 0 auto;
		background-color:#f1f1f1;
		background-image:none;
		background-repeat:no-repeat;
		background-position:100% left;
	}
#header h1#mainLogo {
	float:left;
    background: url(../img/PDC_de.png) no-repeat 0 0;
    text-indent: -9999px;
    width: 200px;
    height: 60px;
    margin:10px 0 15px 0;
}
#headerLinks {
	font-size:0.7em;
	float: right;
	margin: 10px 0 0 0;
}
#headerLinks a {
	color: #f34800;
}
.infoLink {
	color: #f34800;
	font-size:1em;
	float:left;
	margin:0;
	text-decoration:none;
}
.infoLink a {
	color: #f34800;
	text-decoration:none;
}
#content{padding:0;}
#mainNav{text-align:left;background:#dfeaf0;}
#mainNav li{
		display:inline-block;
		margin:0 1.8% 0 0;
	}
/*#mainNav ul{
	width:100%;
	}*/
#mainNav a{
		color:#636466;
		position:relative;
		display:inline-block;
		text-decoration:none;
		font-size:0.9em;
		line-height:2em;
		background:#dfeaf0;
		font-weight:bold;
	}
#mainNav a span{
		color:#6dcff6;
		text-decoration:none;
		padding:0 0.125em;
		display:inline;
		font-weight:bold;
	}
#mainNav a:active{
		color:#6dcff6;
	}
#mainNav li.active span {
		color:#fff;
		background:#b0b8bc;
		position:relative;
		display:inline-block;
		padding:0.278em;
		text-decoration:none;
		font-size:1em;
		line-height:2em;
}
#logosPanel {
	text-align:center;
	width: 100%;
	margin:10px 0px 15px 0px;
	display: inline-block;
}
#logoA {
	display: inline;
	padding:0 10px 0 0;
}
#logoB {
	display: inline;
	padding:0 5px 0 0;
}
.logoLast {
	padding-right: 0px !important;
}
video {
	width: 100%;
	height: auto;
}
.vendor {
	padding: 2%;
	border-bottom:1px solid #c1c1c1;
	margin-bottom: 2em;
	}
.vendor1 {
	padding: 2%;
	margin-top: 3em;
	}
.infoLeft {
	display:block;
	width: 100%;
	height: auto;
	margin:0;
	}
.infoRight {
	display:block;
	width: 100%;
	height: auto;
	color:#636466;
	font-size: 12px;
	line-height:140%;
	border-bottom:1px solid #c1c1c1;
	margin:0;
	}
.infoRight h3 {
	font-size: 18px;
	display:block;
	text-decoration:none;
	padding: 10px 0 0 0;
}
.infoRight p {
	display:block;
	text-decoration:none;
	padding: 10px 0 0 0;
}
#footer{
	background:#636466;
	text-align:left;
	font:11px Arial, Helvetica, sans-serif;
	width:100%;
	overflow:hidden;
	padding:20px 0;
	color:#fff;
	line-height:16px;
	}
#footer a{
	color:#fff;
	text-decoration:none;
	}
#footer a span{
		color:#f34800;
		text-decoration:none;
		padding:0 0.125em;
		display:inline;
		font-weight:bold;
	}
#footer .copy1{
	float:left;
	margin:0.3em 2em 0 1em;
	}
#footer .copy2{
	float:left;
	text-align:left;
	margin:2em 0 0 1em;
	vertical-align:bottom;}
#footer2{
	background:#ecf3f6;
	text-align:left;
	font:10px Arial, Helvetica, sans-serif;
	line-height:140%;
	width:100%;
	overflow:hidden;
	padding:20px 0;
	color:#333333;
	}
/** BEGIN More Details Popup **/
#popup {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
#popupContent {
	margin: 0;
	width: 100%;
}
#popupContainer .center {
	width: 100%;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 5px;
}
#popupIntroText {
	text-align:left;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height:140%;
	display: inline-block;
	float:left;
	padding: 10px 0 15px 0;
}
/** BEGIN Form Popup **/
.LeftForm {
	float:left;
	display:block;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	padding:0;
	margin:0;
}
.LeftForm2 {
	float:left;
	display:block;
	width: 100%;
	height:340px;
	background-color: #dcdcdc;
	padding:0;
	margin:0 0 1em 0;
}
.LeftForm li
{list-style:none;
}
.txtForm {
	float:left;
	display:inline-block;
	font-size: 12px;
	line-height: 140%;
	width:250px;
	padding:5px 0 10px 15px;
}
.formBtn button {
	background: url(../img/btn_submit.png) no-repeat;  
	width:138px; 
	height:60px; 
	cursor: pointer;
	margin:10px 0 0 10px
}
.formBtn li{
	list-style:none;
}
.formInput {
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	color:#333333;
	line-height:140%;
	text-align:left;
	float:left;
	display:inline-block;
	width:44%;
	padding:0 10px 10px 0;
}
.formInput2 {
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	color:#333333;
	line-height:140%;
	text-align:left;
	float:left;
	display:inline;
	width:40%;
	padding:10px 10px 10px 10px;
}
.formInput3 {
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	color:#333333;
	line-height:140%;
	text-align:left;
	float:left;
	display:inline;
	width:80%;
	padding:10px 10px 10px 10px;
}
.formBoxA {
	float:left;
	display:inline;
	width:80%;
	height:50px;
	margin:0 0 0 0;
}
.formBoxB {
	float:left;
	display:inline;
	width:100%;
	height:90px;
	margin:10px 0 0 0;
}
}
@media all and (max-width: 1024px){
}
@media all and (max-width: 960px){
.container {
  margin: 0 auto;
  width:90%;
  }
.center{
		padding:0 10px;
		width:auto;
	}
.buttons{font-size:11px;}
#header{
		padding:2px 0 0;
		height:100px;
		overflow:hidden;
		position:static;
	}
#content{padding:0;}
}
@media all and (max-width: 780px){
	body{font-size:13px;}
	.buttons{font-size:9px;}
	h1{font-size:3.5em;}
	.subHeading{font-size:2em;}
	.news h3{font-size:1.3em;}
}
@media all and (max-width: 504px){
	body{font-size:12px;}
	.columns > div,
	.columns > article{
		float:none;
		background:none;
		margin:0;
		width:100%;
	}
	.buttons{font-size:7px;}
	
	.flex-direction-nav{display:none;}
	h1{font-size:3em;}
	.subHeading{font-size:1.75em;}
	#header h1#mainLogo {
	float:left;
    background: url(../img/PDC_de.png) no-repeat 0 0;
    text-indent: -9999px;
    width:279px;
    height:46px;
    margin:20px 0 4px 0;
}
.infoRight {
	display:block;
	width: 100%;
	height: auto;
	color:#636466;
	font-size: 12px;
	line-height:140%;
	border-bottom:none;
	margin:0;
	}
#footer .copy2{display:none;}
}
@media all and (max-width: 320px){
	.buttons > span{display:none;}
	.buttons .btn{margin-top:0.5em;}
	.buttons{margin-top:2em;}
	h1{font-size:2.5em;}
	.subHeading{font-size:1.5em;}
	.news h3{font-size:1.25em;}
	#header h1#mainLogo {
	float:left;
    background: url(../img/PDC_de.png) no-repeat 0 0;
    text-indent: -9999px;
    width:279px;
    height:46px;
    margin:20px 0 4px 0;
}
.infoRight {
	display:block;
	width: 100%;
	height: auto;
	color:#636466;
	font-size: 12px;
	line-height:140%;
	border-bottom:none;
	margin:0;
	}
#footer .copy2{display:none;}
}
@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	.container {
  margin: 0 auto;
  width:90%;
  }
  #header{
		padding:2px 0 0;
		height:100px;
		overflow:hidden;
		position:static;
	}
	#content{padding:0;}
	#mainNav{text-align:center;background:#dfeaf0;}
	
}