@charset "UTF-8";
/* CSS Document */


body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../landing/images/dpg_gradient.gif) repeat-x;
	text-align:center;
	margin:0;
	padding:0;
}

#wrapper{
	width:980px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	
}



/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<<<<<<<<<<<<<<<<<<<---  FORMATTING ---->>>>>>>>>>>>>>>>>>>>>>>
///////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

.image_floatright{
	float:right;
	padding-left:5px;
}

.image_floatleft{
	float:left;
	padding-right:5px;
}

.clear{
	clear:both;
}

.highlight{
	color:#0047ca;
}
		
	
h1{
	color:#0047ca;
	font-size:22px;
	margin:0;
	padding-bottom:5px;
}

h2{
	color:#333;
	font-size:20px;
	margin:0;
	padding-bottom:10px;
}


h3{
	color:#ff770b;
	font-size:15px;
	margin:0;
	padding-bottom:10px;
	line-height:20px;
}

h4{
	color:#333;
	font-size:15px;
	margin:0;
	padding-bottom:10px;
	line-height:20px;
}


p{
	font-size:12px;
	margin:0;
	padding-bottom:10px;
	line-height:18px;
	color:#202020;
}

ul{
	margin-top:0;
	margin-bottom:0;
	margin-left: 0;
	padding-left: 15px;
}


ul li {
	font-size:12px;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:10px;
	line-height:18px;
	color:#202020;
}

/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<<<<<<<<<<<<<<<<<---  END FORMATTING ---->>>>>>>>>>>>>>>>>>>>>
///////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/




/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<<<<<<<<<<<<<<<<<<<---   HEADER    ---->>>>>>>>>>>>>>>>>>>>>>>
///////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

#header{
	padding: 10px 20px 0 20px;
}

#header .logo{
	float:left;
	padding-bottom:5px;
}

#header .contact{
	float:right;
	font-size:16px;
	color:#3f3f3f;
	text-align:right;
}

#header .divider{
	clear:both;
	background:url(../landing/images/header_divider.gif) no-repeat;
	height:5px;
}


/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<<<<<<<<<<<<<<<<<<<---  END HEADER ---->>>>>>>>>>>>>>>>>>>>>>>
////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<<<<<<<<<<<<<<<<<<<---    BODY    ---->>>>>>>>>>>>>>>>>>>>>>>
////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

#body_container{
	padding: 0 10px;
	
}

#body_container .header{
	background:url(../landing/images/dpg_maincontainer_header.gif) no-repeat;
	height:10px;
}

#body_container .body{
	background:url(../landing/images/dpg_maincontainer_body.gif) no-repeat;
}

		/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
		<<<<<<<<<<<<<<<<<<<--- LEFT COLUMN ---->>>>>>>>>>>>>>>>>>>>>>>
		////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
		
		#column_left{
			width:620px;
			padding: 0 10px;
			float:left;
		}
		
		#title{
			background:url(../landing/images/dpg_title_bg.gif) no-repeat;
			height:142px;
			width:617px;
			padding-bottom:15px;
			margin-bottom:5px;
		}
		
		#title h1{
			margin:0;
			font-size:35px;
			color:#FFF;
			padding: 30px 0 0 30px;
		}
			
			
		#gray_container{
			width:620px;
			padding: 10px 0 15px 0;
		}
		
		#gray_container .header{
			background:url(../landing/images/dpg_graybox_header.gif) no-repeat;
			height:10px;
		}
		
		#gray_container .body{
			background:url(../landing/images/dpg_graybox_body.gif) repeat-y;
			padding: 0 10px;
		}
		
		#gray_container .footer{
			background:url(../landing/images/dpg_graybox_footer.gif) no-repeat;
			height:10px;

		}
		
		
		#gray_container .quote p{
			font-weight:400;
			font-style:italic;
			font-size:13px;
		}
		
		
		#gray_container .signature p{
			font-size:10px;
			color:#222;
			font-weight:bold;
			text-align:right;
		}
		
		/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
		<<<<<<<<<<<<<<<<<--- END LEFT COLUMN ---->>>>>>>>>>>>>>>>>>>>>>
		////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


		/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
		<<<<<<<<<<<<<<<<<<<--- RIGHT COLUMN ---->>>>>>>>>>>>>>>>>>>>>>>
		////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/



		#column_right{
			width: 310px;
			margin-right: 10px;
			float:right;
		}
		
				
				/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
				<<<<<<<<<<<<<<<<<<<---    FORM     ---->>>>>>>>>>>>>>>>>>>>>>>
				////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
		
		
				#form{
					padding:0;
				}
				
				#form .header{
					margin:0;
					background:url(../landing/images/dpg_form_header.gif) no-repeat;
					width: 300px;
					height: 67px;
				}
				
				#form .header h1{
					color:#FFF;
					text-align:center;
					font-size:17px;
					line-height:22px;
					padding-top:15px;
				}
				
				
				#form .body{
					margin:0;
					background:url(../landing/images/dpg_form_body.gif) repeat-y;
					width: 300px;
				}
				
				
				
				#form .footer{
					margin:0;
					background:url(../landing/images/dpg_form_footer.gif) no-repeat;
					width: 300px;
					height: 14px;
				}
				
				
				.form-fields{
					padding:10px 0 0 0;
				}
				
				.form-fields table{
					width:100%;
				}
				
				.form-fields table tr td{
					padding-bottom:3px;
				}
				
				.form-fields table tr td.label{
					width:110px;
					padding-left:20px;
					text-align:left;
					font-size:12px;
					font-weight:bold;
					color:#111;
				
				}
				
				.form-fields table tr td.input{
					text-align:left;
					padding: 2px 0 2px 3px;
					font-size:12px;
				}
				
				.form-fields table div.require{
					text-align:right;
					padding: 2px 20px 2px 3px;
				}
				
				label.error { 
					float: none;
					color: red; 
					padding-left: .5em; 
					vertical-align: top;
					font-size:12px;
					font-weight:normal;
					font-family:"Helvetica", Arial, sans-serif;
				}
				
				.asterisk {
					font-size:12px;
					color:red;
				}
	
				fieldset{
					border:none;
					padding:0;
					margin:0;
				}
				
				form{
					margin:0;
					padding:0;
				}
				
				.require{
					font-size:10px;
				}
				
				.button {
					text-align:center;
					padding:10px 0 10px 0;
				}
				
				.button-demo {
					text-align:center;
					padding:30px 0 10px 0;
				}
				
				
				.expire p{
					text-align:center;
					font-size:12px;
					color:#F00;
					font-weight:bold;
				}

				/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
				<<<<<<<<<<<<<<<<<<<---  END FORM   ---->>>>>>>>>>>>>>>>>>>>>>>
				////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

				
				/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
				<<<<<<<<<<<<<<<<<<<--- RIGHT BOX ---->>>>>>>>>>>>>>>>>>>>
				////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

				#right_box{
					padding: 15px 0 0 0;
				}
				
				#right_box .header{
					background:url(../landing/images/dpg_rightbox_header.gif) no-repeat;
					width: 300px;
					height:15px;
				}
				
				#right_box .body{
					background:url(../landing/images/dpg_rightbox_body.gif) repeat-y;
					width: 300px;
				}
				
				
				#right_box .footer{
					background:url(../landing/images/dpg_rightbox_footer.gif) no-repeat;
					width: 300px;
					height: 15px;
				}
				
				#right_box .certify p{
					font-size:11px;
					text-align: center;
					font-weight: bold;
				}
				
				
				
				/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
				<<<<<<<<<<<<<<<<--- END RIGHT BOX ---->>>>>>>>>>>>>>>>>>>>
				////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
				
		/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
		<<<<<<<<<<<<<<<<--- END RIGHT COLUMN ---->>>>>>>>>>>>>>>>>>>>>>
		////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
					

/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<<<<<<<<<<<<<<<<<<<---   END BODY   ---->>>>>>>>>>>>>>>>>>>>>>>
////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/





/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<<<<<<<<<<<<<<<<<<<---    FOOTER   ---->>>>>>>>>>>>>>>>>>>>>>>
////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

#footer{
	width:960px;
	border-top: 1px solid #e1e1e1;
	margin: 20px auto;
	padding-top: 5px;
	font-size:10px;
	color:#333;
	text-align:center;
}

/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<<<<<<<<<<<<<<<<<<<--- END FOOTER  ---->>>>>>>>>>>>>>>>>>>>>>>
////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


























