@charset "utf-8";
/* CSS Document */
#{ margin:0px;  padding:0px;}
img{border:none;}
BODY {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	MARGIN: 0px auto;
	COLOR: #666666;
	PADDING-TOP: 0px;
	FONT-FAMILY: Arial;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	
	background:url(http://www.provibrant.com/promedia/heathersplash/images/main-bg-do.gif);
	
    }
.clrbth
	{
	clear:both;
	}
	.fltlft
	{
	float:left;
	}
.fltrgt
	{
	float:right;
	}

.topbgmain
	{
	background:url(http://www.provibrant.com/promedia/heathersplash/images/top-bg-mainbody.gif) repeat-x;
	}
	
#wrapping {
	       MARGIN: 0px auto;
	       WIDTH: 796px;
	       TEXT-ALIGN: left;
	       height:auto;
		   padding:20px 0px 0px 0px;
		   
		   
		   
		  
	      }
#header{ width:796px; height:214px; background:url(http://www.provibrant.com/promedia/heathersplash/images/are-you-read.png) no-repeat; overflow:hidden;}
#container{ width:778px;
	        height:auto;
		    background:url(http://www.provibrant.com/promedia/heathersplash/images/body_bg.png) repeat-y;
		    padding:0px 9px 0px 9px;}

input{margin:0px; }
h1{}
h2{}
h3{}
h4{}
h5{}
form{ margin:0px; padding:0px;}
p{ margin:0px;}

#mid_container{ width:778px; height:auto; float:left;}
#left_container{ width:463px; height:auto; float:left; }
#right_container{ width:315px; height:auto; float:right;}
#right_img1{ width:315px; height:205px; float:left; background:url(http://www.provibrant.com/promedia/heathersplash/images/nbc.jpg) no-repeat;}
#right_img2{
	width:315px;
	height:103px;
	float:left;
	background-image: url(http://www.provibrant.com/promedia/heathersplash/images/img3.jpg);
	background-repeat: no-repeat;
	text-align:right;
}
#login_box{
	width:148px;
	height:138px;
	float:left;
	background-image: url(http://www.provibrant.com/promedia/heathersplash/images/img4.jpg);
	background-repeat: no-repeat;
	padding:0px 129px 0px 38px;
}
#right_img3{
	width:315px;
	height:156px;
	float:left;
	background-image: url(http://www.provibrant.com/promedia/heathersplash/images/img5.jpg);
	background-repeat: no-repeat;
}
.feld_text{ color:#a7e2ff; font-family:Arial; line-height:18px; float:left; font-size:14px; width:148px;}
.feld{ color:#a7e2ff; font-family:Arial; height:22px; float:left; font-size:14px; width:148px;}
.input{
	width:139px;
	height:18px;
	padding-left:3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #687781;
	border-bottom-color: #687781;
	border-left-color: #000000;
}




#step1{ width:393px; height:74px; float:left; background:url(http://www.provibrant.com/promedia/heathersplash/images/st1.jpg) no-repeat; padding:15px 8px 0px 62px; font-family:Arial; font-size:16px; color:#1884af; font-weight:bold;}
.blue{font-family:Arial; font-size:18px; color:#1884af; font-weight:bold; text-transform:uppercase;}
#step2{ width:401px; height:50px; float:left; background:url(http://www.provibrant.com/promedia/heathersplash/images/st2.jpg) no-repeat; padding:15px 0px 0px 62px; font-family:Arial; font-size:16px; color:#1884af; font-weight:bold;}
#step3{ width:393px; height:48px; float:left; background:url(http://www.provibrant.com/promedia/heathersplash/images/st3.jpg) no-repeat; padding:14px 8px 0px 62px; font-family:Arial; font-size:16px; color:#1884af; font-weight:bold;}
#step4{ width:401px; height:53px; float:left; background:url(http://www.provibrant.com/promedia/heathersplash/images/st4.jpg) no-repeat; padding:13px 0px 0px 62px; font-family:Arial; font-size:16px; color:#1884af; font-weight:bold;}
#step5{ width:393px; height:43px; float:left; background:url(http://www.provibrant.com/promedia/heathersplash/images/st5.jpg) no-repeat; padding:11px 8px 0px 62px; font-family:Arial; font-size:16px; color:#1884af; font-weight:bold;}
#step6{ width:463px; height:266px; float:left; background:url(http://www.provibrant.com/promedia/heathersplash/images/bg2.jpg) no-repeat;  font-family:Arial; font-size:13px; color:#4b5a65; font-weight:normal; overflow:hidden;}
.step6_img{ width:121px; height:240px; float:left; padding:26px 0px 0px 35px; }
.step6_text{ width:303px; height:239px; float:left; padding:22px 4px 5px 0px; line-height:20px;}

#step7{ width:778px; height:261px; float:left; background:url(http://www.provibrant.com/promedia/heathersplash/images/bg3.jpg) no-repeat;  font-family:Arial; font-size:13px; color:#4b5a65; font-weight:normal; overflow:hidden;}
.step7_img{ width:132px; height:237px; float:left; padding:24px 0px 0px 25px; }
.step7_text{ width:582px; height:238px; float:left; padding:20px 39px 3px 0px; line-height:20px;}
#footer{ width:796px; height:28px; float:left; background:url(http://www.provibrant.com/promedia/heathersplash/images/footer.png) no-repeat;}

/*righr section css*/
#nbc{}