/* CSS Document */

body { 
    background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 62.5%; 
    font-size: 0.7em; 
    text-align: center;
	margin: 0px;
	padding: 0px;
    color: #666666;  
	}

hr {  
   
height=1;  
border-color: #666666; 
border-style: dashed; 
border-bottom-width: 1px
	}  
	
.smalltext { 
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 0.8em; 
    text-align: center;
	margin: 0px;
	padding: 0px;
    color: #666666;  
	} 
	
.greentext { 
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 1em; 
    text-align: left;
	margin: 0px;
	padding: 0px;
    color: #34A13D;  
	}
	
.responsetext { 
	font-family: Arial, Helvetica, sans-serif;  
    font-size: 1em;
    text-align: left;
	margin: 0px;
	padding: 0px;
    color: #FF0000;  
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* text classes */

a:link {
    color: #FA0133;
	text-decoration: none;
	} 
	
a:visited {
    color: #666666;
	text-decoration: none;
	}

a:hover {
    color: #990000;
	text-decoration: none;
	} 

a:active {
    color: #666666;
	text-decoration: none;
	}

/* sections */

#centre { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px; 
	}

#container { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	float: left;
	}

#container-popup { 
	background: transparent;
	width: 680px;
	padding: 0px;
	margin: 0px;
	float: left;
	}

#centre-popup { 
	background: transparent;
	width: 680px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px; 
	}

#header { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	float: left;
	}
	
#header-logo { 
	background: transparent;
	width: 140px;
	padding: 0px;
	margin: 0px; 
	float: left;
	}
	
#header-logo-about { 
	background: transparent;
	width: 315px;
	padding: 0px;
	margin: 0px; 
	float: left;
	}
	
#header-logo-learn { 
	background: transparent;
	width: 320px;
	padding: 0px;
	margin: 0px; 
	float: left;
	}
	
#header-nav { 
	background: transparent;
	width: 430px;
	padding: 0px;
	margin: 0px; 
	float: right;
	}

#main-content-block { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	background-image: url("../assets/gfx-frame-bkgd.png");
	background-repeat: repeat-y;
	}

#main-content-block2 { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#main-content-flashspace-horz { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#main-content-flashspace-vert { 
	background: transparent;
	width: 20px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#main-content-flashpad { 
	background: transparent;
	width: 720px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#spacer { 
	background: transparent;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#title-block { 
	background: transparent;
	width: 760px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 20px 0px; 
	text-align: left;
	float: left;
	}
	
#text-content-block { 
	background: transparent;
	width: 760px;
	padding: 0px 0px 0px 20px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#bottom-content-block { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#footer { 
	background: #FA0133;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#bottom-links { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: center;
	float: right;
	}

#npower-logo { 
	background: transparent;
	width: 125px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: right;
	}
	
#about-block-left { 
	background: transparent;
	width: 660px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#about-block-middle { 
	background: transparent;
	width: 200px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#about-block-right { 
	background: transparent;
	width: 200px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#about-block-spacer-vert { 
	background: transparent;
	width: 30px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#learn-block-left { 
	background: transparent;
	width: 250px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#large-block-spacer-vert { 
	background: transparent;
	width: 30px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#flash-frame-low { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#flash-frame-learn { 
	background: transparent;
	width: 375px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#flash-frame-screensaver { 
	background: transparent;
	width: 250px;
	padding: 0px;
	margin: 0px; 
	text-align: center;
	float: left;
	}
	
#flash-frame-tv { 
	background: transparent;
	width: 250px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#home-block-spacer-horz { 
	background: transparent;
	width: 140px;
	padding: 0px 0px 0px 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#home-block-spacer-vert { 
	background: transparent;
	width: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
/*competition*/
	
	
#win-block-spacer-vert { 
	background: transparent;
	width: 29px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	
	
#win-block-spacer-vert2 { 
	background: transparent;
	width: 20px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	
	
#win-block-spacer { 
	background: transparent;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}		
	
#win-block-spacer-horz1 { 
	background: transparent;
	width: 1px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}		
	
#win-block-spacer-horz2 { 
	background: transparent;
	width: 267px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	
	
#win-content-block { 
	background: transparent;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#win-title-block { 
	background: transparent;
	width: 760px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 10px 0px; 
	text-align: left;
	float: left;
	}

#frame-win1 { 
	background: transparent;
	width: 317px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-win2 { 
	background: transparent;
	width: 314px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
		
#win-form-holder { 
	background: transparent;
	width: 317px;
	height: 235px;
	background-image: url("../assets/bkgnd-win-form.png");
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#win-form-length { 
	background: transparent;
	width: 317px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#win-form-bottom-length { 
	background: transparent;
	width: 317px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#win-form-inside { 
	background: transparent;
	width: 267px;
	height: 170px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
.formboxwin { 
	background: transparent;
	width: 152px;
	height: 20px;	
	background-image: url("../assets/send-entry.gif");
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px; 
	border: none;
	text-align: left;
	float: right;
	}
	
#win-form-dis { 
	background: transparent;
	width: 267px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#win-sent-image { 
	background: transparent;
	background-image: url("../assets/entry-sent.png");
	background-repeat: no-repeat;
	width: 645px;
	height: 360px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
/*downloads*/
	
#small-block-spacer-vert { 
	background: transparent;
	width: 10px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	

#frame-ooypc1 { 
	background: transparent;
	background-image:url("../assets/ooypc-left-01.png");
	width: 300px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-ooypctext { 
	background: transparent;
	width: 290px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-ooypc2 { 
	background: transparent;
	width: 370px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#ooypc-title-block { 
	background: transparent;
	width: 760px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 10px 0px; 
	text-align: left;
	float: left;
	}
	
#ooypc-block-full { 
	background: transparent;
	width: 670px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#ooypc-block-full-length { 
	background: transparent;
	width: 670px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
/*ecard*/


#frame-ecard1 { 
	background: transparent;
	width: 350px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-ecard2 { 
	background: transparent;
	width: 320px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-step1-1 { 
	background: transparent;
	width: 270px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-step1-2 { 
	background: transparent;
	width: 380px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-step2-1 { 
	background: transparent;
	width: 270px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-step2-2 { 
	background: transparent;
	background-image: url("../assets/ecard-send-form-bkgnd.png");
	background-repeat: no-repeat;
	width: 315px;
	height: 348px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#ecard-title-block { 
	background: transparent;
	width: 760px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 10px 0px; 
	text-align: left;
	float: left;
	}

#ecard-block-spacer-vert { 
	background: transparent;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	
	
#ecard-form-length { 
	background: transparent;
	width: 315px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#ecard-form-bottom-length { 
	background: transparent;
	width: 315px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#ecard-form-inside { 
	background: transparent;
	width: 265px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
.formboxecard { 
	background: transparent;
	width: 103px;
	height: 20px;	
	background-image: url("../assets/send-ecard.gif");
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px; 
	border: none;
	text-align: left;
	float: right;
	}
	
.formboxecard2 { 
	background: transparent;
	width: 103px;
	height: 20px;	
	background-image: url("../assets/send-ecard.gif");
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px; 
	border: none;
	text-align: left;
	float: none;
	}
	
.formboxecardverify { 
	background: transparent;
	width: 118px;
	height: 20px;	
	background-image: url("../assets/ecard-verify.gif");
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px; 
	border: none;
	text-align: left;
	float: right;
	}
	
#ecard-form-dis { 
	background: transparent;
	width: 267px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#ecard-sent-all { 
	background: transparent;
	width: 670px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#ecard-sent-image { 
	background: transparent;
	background-image: url("../assets/ecard-sent.png");
	background-repeat: no-repeat;
	width: 645px;
	height: 360px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#ecard-sent-pad { 
	width: 645px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#ecard-sent-top { 
	background-image: url("../assets/ecard-sent-box-top.png");
	background-repeat: no-repeat;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}			

#ecard-send-form-block-space { 
	background: transparent;
	width: 10px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: right;
	}					

#ecard-send-form-block1 { 
	background: transparent;
	width: 140px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}				

#ecard-send-form-block2 { 
	background: transparent;
	width: 140px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: right;
	}					

#ecard-send-form-block { 
	background: transparent;
	width: 280px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	
	
#verify-pad { 
	width: 645px;
	padding: 0px;
	margin: 0px; 
	text-align: center;
	float: none;
	}
	
#verify-all { 
	background: transparent;
	width: 670px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#verify-image { 
	background: transparent;
	background-image: url("../assets/warning-bkgnd.png");
	background-repeat: no-repeat;
	width: 645px;
	height: 360px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#verify-pad { 
	width: 645px;
	padding: 0px;
	margin: 0px; 
	text-align: center;
	float: none;
	}
	
#verify-top { 
	background-image: url("../assets/default-box-top.png");
	background-repeat: no-repeat;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#verify-block-spacer-vert { 
	background: transparent;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	


	
/*fansite*/


#frame-fan1 { 
	background: transparent;
	width: 355px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-fan2 { 
	background: transparent;
	width: 315px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	


#frame-fan1-other-com { 
	background: transparent;
	width: 290px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-fan2-other-pic { 
	background: transparent;
	background-image: url("../assets/fansite-other-pics-bkgnd.png");
	background-repeat: no-repeat; 
	width: 380px;
	height: 347px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	

#frame-fan2-other-com { 
	background: transparent;
	background-image: url("../assets/fansite-other-com-bkgnd.png");
	background-repeat: no-repeat; 
	width: 380px;
	height: 347px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	

#fan-block-spacer-vert { 
	background: transparent;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	

#fan-other-com-holder { 
	background: transparent;
	width: 330px;
	height: 275px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	
	

#fan-other-com-text { 
	background: transparent;
	width: 300px;
	height: 280px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}		
	

#fan-other-pics-text { 
	background: transparent;
	width: 300px;
	height: 280px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	


#frame-fan1-send { 
	background: transparent;
	width: 325px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#frame-fan2-send { 
	background: transparent;
	width: 345px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}		

#fan-send-pic-form-holder { 
	background: transparent;
	background-image: url("../assets/fansite-send-pic-bkgnd.png");
	background-repeat: no-repeat;
	width: 325px;
	height: 270px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}		

#fan-send-pic-form { 
	background: transparent;
	width: 270px;
	height: 140px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	
	
.formboxsendpic { 
	background: transparent;
	width: 250px;
	height: 20px;	
	background-image: url("../assets/send-pic.gif");
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px; 
	border: none;
	text-align: left;
	float: left;
	}
	
#send-form-dis { 
	background: transparent;
	width: 270px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	

#fan-send-com-form-holder { 
	background: transparent;
	background-image: url("../assets/fansite-send-com-bkgnd.png");
	background-repeat: no-repeat;
	width: 325px;
	height: 236px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}		

#fan-send-com-form { 
	background: transparent;
	width: 270px;
	height: 170px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}			

#fan-send-form-block1 { 
	background: transparent;
	width: 155px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}				

#fan-send-form-block2 { 
	background: transparent;
	width: 80px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: right;
	}				

#fan-send-form-block-space { 
	background: transparent;
	width: 10px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: right;
	}					

#fan-send-form-block { 
	background: transparent;
	width: 270px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}	
	
.formboxsendcom { 
	background: transparent;
	width: 54px;
	height: 20px;	
	background-image: url("../assets/send-com.gif");
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px; 
	border: none;
	text-align: left;
	float: left;
	}
	
#comment-sent-image { 
	background: transparent;
	background-image: url("../assets/comment-sent.png");
	background-repeat: no-repeat;
	width: 645px;
	height: 360px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#picture-sent-image { 
	background: transparent;
	background-image: url("../assets/picture-sent.png");
	background-repeat: no-repeat;
	width: 645px;
	height: 360px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
/* Warning*/


	
#warning-all { 
	background: transparent;
	width: 670px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#warning-image { 
	background: transparent;
	background-image: url("../assets/warning-bkgnd.png");
	background-repeat: no-repeat;
	width: 645px;
	height: 360px;	
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}
	
#warning-pad { 
	width: 645px;
	padding: 0px;
	margin: 0px; 
	text-align: center;
	float: left;
	}
	
#warning-top { 
	background-image: url("../assets/default-box-top.png");
	background-repeat: no-repeat;
	width: 760px;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}

#warning-block-spacer-vert { 
	background: transparent;
	padding: 0px;
	margin: 0px; 
	text-align: left;
	float: left;
	}