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

*, html {margin:0; padding:0;}
img{border:0;}

/*------START LOADING STYLES--------*/
		div.loading	{display:none; position:absolute; width:136px;border:1px solid #FFF; text-align:center; margin-left:180px;margin-top:120px;}	
    span.error-msg{color:#FCFF24;font-size:11px;}
/*------END LOADING STYLES--------*/


/*------START BACKEND STYLES--------*/


.bk-header{}
.bk-header img{float:left;}


.bk-index-01{ height:350px;}


.bk-box{background:#1B4493 url(front_images/page-bg.jpg) repeat-x;font:13px  Arial, Helvetica, sans-serif; color:#FFF;padding-top:30px;}

.welcome-container{width:495px; height:98px;margin-bottom:10px;}
.welcome-box{width:495px; height:98px;
	
	position:absolute;
filter:alpha(opacity=20);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.15; 
	background:#FFF; 
	
	}
.welcome-info{position:relative;padding-top:20px;text-align:center;padding-right:40px;}
.welcome-info a{color:#FFF;font-weight:bold; }


.left-bk{padding-top:10px;padding-left:20px;width:560px; float:left;}
.right-bk{width:520px; float:right;padding-top:20px;}



.bk-tools-feat{width:550px;}
.bk-tools-feat ul{font:bold 17px  Arial, Helvetica, sans-serif; color:#FFF;margin-top:20px;padding-left:35px;}
.bk-tools-feat li{ list-style-image:url(front_images/check.png); }



.bk-program-feat{width:500px;margin-top:20px; }
.bk-tools-container{font:13px  Arial, Helvetica, sans-serif; color:#FFF;padding-top:20px;padding-left:12px;}
.bk-flv{ width:400px; height:45px; background:url(front_images/flv.png) no-repeat left; padding-left:55px;padding-top:2px;margin-bottom:10px;}
.bk-tube{ width:400px; height:45px; background:url(front_images/tube.png) no-repeat left; padding-left:55px;padding-top:2px;margin-bottom:10px;}
.bk-html{ width:400px; height:45px; background:url(front_images/html.png) no-repeat left; padding-left:55px;padding-top:2px;}
.bk-sub-text{}
h2.bk-tools-title{font:20px  Arial, Helvetica, sans-serif; }
h2.bk-tools-title a{color:#FFF; text-decoration:none;}
h2.bk-tools-title a:hover{color:#C0FF00; text-decoration:underline;}


.payment-sched-container{width:510px;}
.payment-box{
width:495px; height:260px;
	
	position:absolute;
filter:alpha(opacity=20);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.15; 
	background:#FFF;

}

.payment-info{position:relative;padding-top:20px;}

.payment-period{padding-top:10px;padding-left:210px;}
.payment-period li{display:inline; margin-right:68px;*margin-right:48px;font-weight:bold;}


.payment-period-box{margin-top:10px;}
.payment-period-box li{display:inline; margin-right:42px;margin-left:2px;}
.period-title{font-weight:bold;font-size:15px;}


.payment-support-text{padding:20px;}
.payment-support-text a{color:#C0FF00;text-decoration:none;}
.payment-support-text a:hover{color:#FFF; text-decoration:underline;}





.update-container{width:1050px; margin:0 auto;margin-top:20px;*margin-top:220px;_margin-top:10px;}
.update-box{
width:1050px; height:230px;
	
	position:absolute;
filter:alpha(opacity=20);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.15; 
	background:#FFF;
}
.update-info{position:relative;padding:10px;}



h2.subtopic-title{font:bold 15px  Arial, Helvetica, sans-serif; color:#FFF;margin-bottom:3px;}




/*---------PAGE BOX STYLES --------------*/

#pagebk-container{width:1060px; margin:0 auto;padding-top:20px; }
#pagebk-box{
width:1060px; 
	
	position:absolute;
filter:alpha(opacity=20);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.15; 
	background:#FFF;
}
.pagebk-info{position:relative;padding:20px;padding-bottom:30px;}

/*---------END PAGE BOX STYLES --------------*/







/*---------SMALL BOX STYLES --------------*/

.smallbox-container{width:630px;height:320px; margin:0 auto;padding-top:20px; }
.smallbox-box{
width:630px; height:320px;
	
	position:absolute;
filter:alpha(opacity=20);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.15; 
	background:#FFF;
}
.smallbox-info{position:relative;padding:20px;padding-bottom:100px;}

/*---------LINKCODES BOX STYLES --------------*/













/*---------ADTOOLS STYLES --------------*/
.adtools-links{font:bold 13px  Arial, Helvetica, sans-serif; color:#FFF;}
.adtools-links a{text-decoration:none;color:#BDDFFF;}
.adtools-links a:hover{text-decoration:underline;color:#C0FF00;}

/*---------ADTOOLS STYLES --------------*/


.pagebk-links{font:bold 13px  Arial, Helvetica, sans-serif; color:#FFF;}
.pagebk-links a{text-decoration:none;color:#C0FF00;}
.pagebk-links a:hover{text-decoration:underline;color:#FFF;}


.news{
width:1030px;
height:200px;
margin:0 auto;
overflow: scroll;
overflow-x:hidden;
}

.news a{
color:#C0FF00;text-decoration:none;
}

.news a:hover{
color:#FFF; text-decoration:underline;
}


/*------END BACKEND STYLES--------*/




body{background:#D4EBFF;}
.main-container{width:1100px; margin:0 auto; border-left:2px solid #000; border-right:2px solid #000; background:#184491; }
.fr-header{}
.fr-header img{float:left;}
.fr-body{}
.fr-body img{float:left;}



.fr-oursites,.fr-contact, .fr-benefits{background:#1B4493 url(front_images/page-bg.jpg) repeat-x;padding:35px 20px;font:13px  Arial, Helvetica, sans-serif; color:#FFF;}

.fr-signup{background:#1B4493 url(front_images/page-bg.jpg) repeat-x;padding:35px 20px;font:13px  Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}


h2.subtitle{font:bold 15px  Arial, Helvetica, sans-serif; color:#81C2FF;}



/*.fr-contact{background:#1B4493 url(front_images/page-bg.jpg) repeat-x;padding:35px 20px;font:13px  Arial, Helvetica, sans-serif; color:#FFF;}*/


.sites-list{margin-top:20px; width:350px; float:left;}
.sites-list ul{ list-style:none;margin-top:10px;margin-left:10px;}
.sites-list li{font:bold 16px  Arial, Helvetica, sans-serif; color:#BDDFFF;margin-bottom:3px;}
.sites-list a{color:#BDDFFF; text-decoration:none;}
.sites-list a:hover{color:#FCFF24; text-decoration:underline;}


.sites-pics{float:left;padding-top:70px;width:710px;}
.sites-pics img{float:left;  margin-left:5px;margin-bottom:5px;border:1px solid #FFF;}


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

.contact-container{width:535px;float:left;}
.contact-holder{width:255px; height:108px; float:left; margin-right:10px;margin-bottom:10px;}

.contact-box{width:255px; height:108px;
position:absolute;
filter:alpha(opacity=20);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.3; 
	background:#FFF; 

}
div.contact-title-tab{width:255px; height:35px; position:absolute; filter:alpha(opacity=60); -moz-opacity:0.5; -khtml-opacity: 0.5;	opacity: 0.2; background:#FFF;
}

h2.contact-name{font:bold 18px  Arial, Helvetica, sans-serif; color:#FFF;position:relative;text-align:center;padding-top:6px;}


.contact-info{position:relative;text-align:center;padding-top:15px;}
.contact-info a{color:#C0FF00;text-decoration:none;}
.contact-info a:hover{color:#FFF; text-decoration:underline;}




.contact-form-container{width:520px;float:left;}
.form-title-container{font:bold 16px  Arial, Helvetica, sans-serif; color:#FFF;}

.formbox{width:525px; height:462px;
position:absolute;
filter:alpha(opacity=20);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.3; 
	background:#FFF; 


}

.form-contact{position:relative;padding-top:30px; padding-right:50px;}
.form-contact input{width:310px;}
.form-contact textarea{width:310px;}
#send{margin-left:160px;}


.form-text{width:510px;margin-top:5px;clear:both;padding-left:10px;color:#BDDFFF;}








/*----Sign Up ----*/


.signup-container{width:550px; height:730px; margin:0 auto;margin-top:10px;}
.signup-box{
	width:550px; height:730px;
	position:absolute;
	filter:alpha(opacity=20);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.3; 
	background:#FFF; 
	border:2px solid #000;
	
	}
	
.signup-form{
	position:relative;
	text-align:left;
	width:520px;
	margin:0 auto;
	padding-top:10px;
	}	
.signup_input{width:220px;}





.clearfix{clear:both;}

.prog-box{background:url(front_images/front-header_13.jpg) no-repeat; height:157px;}
.prog-txt{font:13px  Arial, Helvetica, sans-serif; color:#BDDFFF; width:361px; float:left; text-align:center; padding-top:10px; }
.prog-info{width:270px;padding-left:10px; margin:0 auto;text-align:justify; line-height:20px;}

.small-text{font:13px  Arial, Helvetica, sans-serif; color:#FFF;}


/*----color----*/
.green-color{color:#C0FF00;}
h2.titles{font:30px  Arial, Helvetica, sans-serif; color:#FFF;margin-bottom:3px;}
h2.page-titles{font:bold 24px  Arial, Helvetica, sans-serif; color:#FFF;margin-bottom:3px;}
h2.tools-title{font:20px  Arial, Helvetica, sans-serif; color:#FFF;}




.program-container{background:url(front_images/fr-bg-1.jpg) repeat-x;padding-top:5px;padding-left:15px;}

.program-feat{width:500px; float:left;}
.tools-container{font:13px  Arial, Helvetica, sans-serif; color:#FFF;padding-top:20px;padding-left:12px;}
.flv{ width:400px; height:45px; background:url(front_images/flv.png) no-repeat left; padding-left:55px;padding-top:2px;margin-bottom:20px;}
.tube{ width:400px; height:45px; background:url(front_images/tube.png) no-repeat left; padding-left:55px;padding-top:2px;margin-bottom:20px;}
.html{ width:400px; height:45px; background:url(front_images/html.png) no-repeat left; padding-left:55px;padding-top:2px;}
.sub-text{}

.tools-feat{width:550px;float:left;}
.tools-feat ul{font:19px  Arial, Helvetica, sans-serif; color:#FFF;margin-top:20px;padding-left:35px;}
.tools-feat li{ list-style-image:url(front_images/check.png); margin-bottom:12px;}






.footer{height:173px; background:url(front_images/footer-bg.jpg) no-repeat; text-align:center; padding-top:90px;font:bold 14px  Arial, Helvetica, sans-serif; color:#FFF;}
.footer a{color:#C0FF00;}
.footer a:hover{color:#FCFF24; text-decoration:none;}







.page-footer{height:173px; background:url(front_images/page-footer.jpg) no-repeat; text-align:center; padding-top:90px;font:bold 14px  Arial, Helvetica, sans-serif; color:#FFF;}
.page-footer a{color:#C0FF00;}
.page-footer a:hover{color:#FCFF24; text-decoration:none;}




.pagebk-footer{height:173px; background:url(front_images/page-footer.png) no-repeat; text-align:center; padding-top:80px;font:bold 14px  Arial, Helvetica, sans-serif; color:#FFF;}
.pagebk-footer a{color:#C0FF00;}
.pagebk-footer a:hover{color:#FCFF24; text-decoration:none;}






#login-container{width:615px; height:35px;position:absolute; z-index:10; margin-top:78px; margin-left:488px; visibility:hidden; }

.login-form{font:bold 12px Arial, Helvetica, sans-serif; color:#FFF;
 position: relative; z-index:12;padding-top:5px;padding-left:20px;}
 

 
 .login-overlay{width:615px; height:35px;position:absolute; z-index:10; filter:alpha(opacity=20);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.2; 
	background:#FFF;}