@CHARSET "UTF-8";

/**
 * 	home css
 *	@autor: kris
 *	@copy : Essyo software development		
 */

*{
	margin			: 0px;
	padding			: 0px; 
	font-family		: 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica; 
	line-height		: 18px;
}
button{
	border			: 0px;
        background              : none;
	}

body.home{
	background		: url(/images/default/home/bodyBG.jpg) repeat-x;
	}

    #banner {
        width			: 990px;
        height			: 195px;
        background		: url(/images/default/home/headerBG.jpg);
    	}

        /* Main Nav */
        #banner nav {
            width			: 990px;
            height			: 75px;
        	}

        #banner nav ul {
        	list-style		: none; 
        	margin			: 0px 0px 0px 0px; 
        	clear			: right; 
        	width			: 990px; 
        	height			: 75px; 
        	background		: url(/images/default/header/menu/m_h.gif) 0px 0px no-repeat;
        	}
        #banner nav li {
        	float			: left; 
        	display			: inline; 
        	margin			: 0;
        	}

        #banner nav a:link, #banner nav a:visited {
            display			: inline-block;
            height			: 75px;
            width			: auto;
        	}
        #banner nav a:hover, #banner nav a:active,
        #banner nav .active a:link, #banner nav .active a:visited {
            opacity			: 0;
            filter			: alpha(opacity=0);
        	}
        
        #banner nav a.current{
			opacity			: 0;
            filter			: alpha(opacity=0);
		}	

        #headerBottomLeft{
        	width			: 645px;
        	height			: 100px;
        	padding			: 5px 25px 15px 0px;			 
        	float			: left;
        	}	
			
        #headerBottomRight{
        	width			: 320px; 
        	height			: 120px; 
        	float			: right;
        	}
        	#headerBottomRight .joinUs{
        		padding			: 15px 0px 0px 25px;
        	}    

	#content{
		margin-top		: 20px;
		width			: 990px;
		}
        #contentLeft{
        	width			: 645px; 
        	padding			: 0px 25px 10px 0px; 
        	float			: left;
        	}
        	#promotion{
        		width			: 100%; 
        		height			: 310px;
        		}
            	#promotion .imagePreview{
            		width			: 100%; 
            		height			: 275px;
            		display			: none;
            		}
            	#promotion .imagePreview-active{
            		display			: block;			
            		}
            		#promotion .imageBorder{
            			width			: 100%;
            			height			: 275px; 
            			background		: url(/images/default/default/imageBorder.png);
            			}
            			#promotion .imageDscr{
            				width			: 295px;
            				height			: 185px;
            				float			: right;
            				margin			: 10px 10px 0px 0px;
            				background		: url(/images/default/home/imageDscr.png) no-repeat;
            				}
	            			#promotion .imageDscr p.a{
	            				font-size		: 22px;
	            				color			: #266280;
	            				padding			: 20px 0px 0px 30px;
	            			}
	            			#promotion .imageDscr p.b{
	            				font-size		: 18px;
	            				color			: #e54d00;
	            				font-style		: italic;
	            				padding			: 14px 0px 0px 30px;
	            			}
	            			#promotion .imageDscr p.c{
	            				font-size		: 15px;
	            				color			: #266280;
	            				padding			: 14px 0px 0px 30px;
	            			}
	            			#promotion .imageDscr p.d{
	            				padding			: 20px 0px 0px 20px;
	            			}
            		
            	#imageNav{
            		width			: 100%;
            		height			: 35px;
            		}
            		#imageNav ul{
            			list-style		: none;
            			margin			: 0px 0px 0px 10px;
            			clear			: right; 
            			width			: 635px; 
            			height			: 36px; 
            			position		: absolute; 
            			margin-top		: -1px;
            	 		}
            		#imageNav li{
            			height			: 36px; 
            			width			: 40px; 
            			float			: left; 
            			display			: inline; 
            			margin			: 0px 0px 0px 5px;
            			cursor			: pointer;
            			background		: url(/images/default/home/tabPreview.gif) no-repeat;
            			}
            			#imageNav li p{
            				padding		: 7px 0px 0px 16px;
            				font-weight : 700;
            				}
            		#imageNav li.pro-tab-active{
            			background		: url(/images/default/home/tabPreview_active.gif) no-repeat;
            			color			: #266280;
            			}	
        	
        	#others{
        		width		: 990px;
        		padding		: 10px 0px 10px 0px;
        		clear		: both;
        		float		: left;
        		}
        		#others p.title{
        			font-size	: 24px;
        			color		: #3689b2;
        			padding		: 35px 30px 30px 30px;
        			}
        			#others p.title a{
        				font-size		: 15px;
        				color       	: #e54d00;
        				float			: right;
        				font-weight 	: 700;
        				text-decoration : none;
        				}
        			#others p.title a:hover{
        				text-decoration : underline;
        				}
        				
        		#others ul{
        			list-style		: none;
           			margin			: 0px 0px 0px 0px;
           			clear			: right; 
           			width			: 100%; 
           			
        			}
        			#others ul li{ 
            			float				: left; 
            			display				: inline; 
            			margin				: 0px 0px 0px 0px;
            			border-right		: 1px solid #ccc;
        				}
        				#others ul li.a{
        					width			: 205px;
        					padding			: 0px 15px 0px 28px;
        					margin			: 10px 0px 0px 0px;
        					}
        				#others ul li.b{
        					width			: 205px;
        					padding			: 0px 15px 0px 25px;
        					margin			: 10px 0px 0px 0px;
        					}
        				#others ul li.c{
        					width			: 205px;
        					padding			: 0px 19px 0px 25px;
        					margin			: 10px 0px 0px 0px;
        					border-right	: 0px;
        					}		
	        				#others ul li p.a{
	        					font-size		: 18px;
	        					height 			: 50px;
	        					color			: #266280;
	        					padding			: 10px 10px 10px 15px;
	        					}
	        				#others ul li p.b{
	        					padding			: 10px 0px 5px 0px;
	        					}
	        				#others ul li p.c{
	        					font-size		: 16px;
	        					color			: #e54d00;
	        					font-style		: italic;
	        					padding			: 10px 10px 0px 15px;
	        					}
	        				#others ul li p.d{
	        					font-size		: 12px;
	        					color			: #266280;
	        					padding			: 10px 10px 10px 15px;
	        					}
	        				#others ul li p.e{
	        					padding			: 0px 0px 5px 0px;
	        					}	
        					
        					
        	#description{
        		width			: 100%;
        		}
        		#description p{
        			font-size		: 13px;
        			padding			: 10px 15px 10px 15px;
        			}
        		#description p:first-child{
        			font-size       : 20px;
        			padding			: 60px 10px 5px 15px;
        			color			: #e54d00;
        			}        	
        			
        	#newsy{
        		width		: 930px;
        		padding		: 10px 30px 30px 30px;
        		clear		: both;
        		float		: left;
        		}
        		#newsy p.title{
        			font-size	: 24px;
        			color		: #3689b2;
        			padding		: 35px 30px 20px 0px;
        			}
        		#newsy ul{padding:10px 0px 5px 10px; margin:0px 0px 5px 0px;
        				border					: 1px solid #ddd;
        				border-radius			: 5px;
                    	-moz-border-radius		: 5px;
                    	-webkit-border-radius	: 5px;
        		}
        		
        		#newsy ul li{padding:3px 0px 3px 0px}
        		#newsy ul li.title{padding:3px 0px 10px 0px; font-size:18px}
        		#newsy ul li.title span{float:right; padding:0px 20px 0px 0px; color:#999}
        		#newsy ul li.lead{padding:3px 0px 3px 0px}
        				
        							
        	
        #contentRight{
        	width			: 320px; 
        	float			: right;
        	}
        	#profit{
        		width			: 100%;
        		height			: 275px;
        		background		: url(/images/default/home/profitBg.jpg) no-repeat;
        		}
        		#profit p{
        			padding			: 208px 0px 0px 20px;
        			}
        	#registration {
        		margin-top		: 0px;
        		width			: 310px;
        		padding			: 5px;
        		height			: 315px;
        		background		: url(/images/default/home/registrationBg.gif) no-repeat;
        		}
        		#registration #top{
        			width			: 310px;
        			height			: 45px;
        			}
        			#registration #top .rt-tab{
        				width       	: 155px;
        				height			: 45px;
        				float			: left;
        				cursor			: pointer;
        				border-top-left-radius			: 5px;
                        -moz-border-radius-topleft		: 5px;
                        -webkit-border-top-left-radius	: 5px;
                        border-top-right-radius			: 5px;
                        -moz-border-radius-topright		: 5px;
                        -webkit-border-top-right-radius	: 5px;	
        				}
        				#registration #top .rt-tab p{
        					font-size		: 20px;
        					color			: #000;
        					padding 		: 15px 10px 10px 20px;
        					}
        			#registration #top .rt-tab-active{
        				background		: #fff;
        				}
        				#registration #top .rt-tab-active p{
        					color			: #266280;	
        					}			
        				
        		#registration #bottom{
        			width				: 310px;
        			height				: 270px;
        			background			: #fff;
        			border-bottom-left-radius			: 5px;
                    -moz-border-radius-bottomleft		: 5px;
                    -webkit-border-bottom-left-radius	: 5px;
                    border-bottom-right-radius			: 5px;
                    -moz-border-radius-bottomright		: 5px;
                    -webkit-border-bottom-right-radius	: 5px;
        			}
        			#registration .rt-content{
        				width			: 100%;
        				height			: 100%;
        				display			: none;
        				}
        			#registration .rt-content-active{
        				display			: block;
        				}
        			#registration ul{
        				}
        			#registration li{
        				padding			: 2px 0px 2px 16px;
        				color			: #808080;
        				}
        			#registration li.space{
        				padding			: 12px 0px 2px 16px;
        				}
        			#registration li span{
        				margin-left		: 0px;
        				color			: #367eb2;
        				font-weight		: 600l;
        				position		: absolute;
        				}
        			#registration li span a{
        				color			: #367eb2;
        				font-weight		: 600;
        				}		
					#registration li:first-child{
						padding-bottom	: 5px;	
						}        							
        			#registration input{
        				width			: 265px;
        				padding			: 6px;
        				font-size		: 18px;
        				border-radius			: 5px;
                    	-moz-border-radius		: 5px;
                    	-webkit-border-radius	: 5px;
        				}
			
			#showPoints{
				width					: 278px;
				padding					: 20px;
				margin					: 30px 0px 20px 0px;
				background				: #f2f2f2;
				border					: 1px solid #cccccc;
				border-radius				: 5px;
				-moz-border-radius			: 5px;
				-webkit-border-radius			: 5px;
				}
				#showPoints li {
					font-size				: 15px;
					font-weight				: 600;
					color					: #d37e00;
					padding					: 12px 0px 0px 90px;
					}
				#showPoints li.a{
					font-size				: 20px;
					font-weight				: 100;
					color					: #266280;
					padding					: 0px 0px 20px 0px;
					}
				#showPoints li.b{
					height					: 100px;					
					background				: url(/images/default/home/pointsBg1.gif) no-repeat
					}				
        		#showPoints li.c{
        			height					: 100px;
        			background				: url(/images/default/home/pointsBg2.gif) no-repeat
					}
				#showPoints li.d{
					height					: 100px;
					background				: url(/images/default/home/pointsBg3.gif) no-repeat
					}
				#showPoints li.e{
					padding					: 2px 0px 2px 5px;
					font-size				: 15px;
					}
					#showPoints li.e a{
						font-size				: 14px;
						font-family				: tahoma;
						color 					: #266280;
						text-decoration			: none;
						}
					#showPoints li.e a:hover{
						text-decoration			: underline;
						}	
					

        #siteinfo{
        	border-top		: 2px solid #edece8; 
        	height			: 50px;
        	}
             #siteinfo ul{
             	list-style		: none; 
             	margin			: 0 auto; 
             	clear			: right; 
             	width			: 990px;
             	}
                #siteinfo li{
                	float			: left; 
                	display			: inline; 
                	margin			: 0; 
                	padding			: 15px 10px 0px 10px; 
                	color			: #666666;
                	}
                #siteinfo li.ffix{
                	float			: right;
                	}
                #siteinfo li a{
                	color			: #666666; 
                	margin-left		: 10px; 
                	text-decoration	: none;
                	}
                #siteinfo li a:hover{
                	text-decoration	: underline;
                	}

        .footer{
        	clear			: both; 
        	margin			: 0;
        	 }