html {
			background:#fff;
		}
		body {
			background:#fff url(bkgd.jpg) center center repeat-x;
		}
		#container {
			position:relative;
			margin:0 auto;
			width:1024px;
			height:600px;
		}
			#container img {
				position:relative;
				margin:0 auto;
				font-family:arial, helvetica, sans-serif;
				font-size:14px;
				color:#000;
				border:0;
			}
			
			#container img.cs {
				position:relative;
				margin:70px auto 0 auto;
				font-family:arial, helvetica, sans-serif;
				font-size:14px;
				color:#000;
				border:0;
				width:1024px;
				height:364px;
			}
			
			#container img.ie {
				position:relative;
				width:324px;
				height:250px;
				margin:0 auto;
				font-family:arial, helvetica, sans-serif;
				font-size:14px;
				color:#000;
				border:0;
			}
		
		.handle {
			position:relative;
			margin:0 auto;
			left:1%;
		}
		.slideout {
		position:relative;
		margin:0 auto;
		height:auto;
        width:100%;
      }      
      	.slidecontent {
      		margin:0;
      		padding:5px 20px 20px 20px;
  	        background:url(slidebkgd.png) top left repeat;
	        height:auto;
    	    width:100%;
    	    color:#fff;
      	}
      	
      	.ahandle {
			position:relative;
			margin:30px 0 0 0;
/*			left:1%;*/
			width:30px;
			height:30px;
			background:#333;
			color:#fff;
		}
		.about {
		position:relative;
		margin:0 auto;
		height:100%;
        width:auto;
      }      
      	.aboutslide {
      		margin:0;
      		padding:0;
  	        background:url(slidebkgd.png) top left repeat;
	        height:360px;
	        overflow:hidden;
    	    width:400px;
    	    color:#ddd;
    	    font-family:arial, helvetica, sans-serif;
    	    letter-spacing:0.03em;
    	    line-height:1.5em;
    	    font-size:0.7em;
      	}
      	
      	.aboutslide p {
	      	padding:5px 20px 20px 20px;
      	}
      	
      	.phandle {
			position:relative;
			margin:30px 0 0 0;
/*			left:1%;*/
			width:30px;
			height:30px;
			background:#333;
			color:#fff;
		}
		.portpreview {
		position:relative;
		margin:0 auto;
		height:100%;
        width:auto;
      }      
      	.portslide {
      		margin:0;
      		padding:0;
  	        background:url(slidebkgd.png) top left repeat;
	        height:420px;
	        overflow:hidden;
    	    width:250px;
    	    color:#ddd;
    	    font-family:arial, helvetica, sans-serif;
    	    letter-spacing:0.03em;
    	    line-height:1.5em;
    	    font-size:0.7em;
      	}
      	
      	.portslide p {
	      	padding:5px 20px 20px 20px;
      	}
      	
      	.portslide img.pitem {
      		position:relative;
      		margin:5px 0 0px 20px;
      		display:block;
      		opacity:0.8;
      		cursor:pointer;
      	}

      	.portslide img.pitem:hover {
      		cursor:pointer;
      		opacity:1.0;
      	}
      	
     .pageheader {
		position:relative;
		margin:0 auto;
		height:auto;
        width:100%;
      }      
      	.headercontent {
      		margin:0;
      		padding:0px 0px 16px 0px;
  	        background:url(slidebkgd.png) top left repeat;
	        height:auto;
    	    width:100%;
    	    color:#fff;
/*    	    opacity:0.8;*/
      	} 
      	
      		.headercontent .logo {
				position:relative;
				top:7px;
      			float:left;
      		}

	.sn_icons {
		position:relative;
		height:93px;
		width:200px;
		background:url(share_slice.png) center left repeat-x;
		padding:0 0 0 10px;
	}
		.sn_icons img {
			position:relative;
			width:60px;
			height:55px;
			margin:19px 0 0 0;
			float:left;
			cursor:pointer;
			opacity:0.8;
		}
		.sn_icons img:hover {
			opacity:1.0;
		}
		.snhandle,
		.ahandle,
		.handle,
		.phandle {
			opacity:1.0;
		}
		.snhandle:hover,
		.ahandle:hover,
		.handle:hover,
		.phandle:hover {
			opacity:0.9;
		}

	.box {
		float:left;
		color:#fff;
		font-size:0.6em;
		font-family:verdana, helvetica, arial, sans-serif;
		padding:0 1.5em 0 0;
	}
	.box input[type="submit"] {
		font-size:11px;
		color:#fff;
		background:#333;
		padding:2px 20px;
		border:1px solid #fff;
		cursor:pointer;
	}
	.box input[type="submit"]:hover {
		font-size:11px;
		color:#333;
		background:#fff;
		padding:2px 20px;
		border:1px solid #fff;
		cursor:pointer;
	}
	.box input[type="text"] {
		font-size:11px;
		color:#333;
		padding:3px;
		background:#fff;
		border:1px solid #ccc;
	}
	.box input[type="text"]:focus {
		background:#eee;
	}
	
	.slideout p.red {
    		font-size:0.6em;
    		margin:0;
    		padding:3px;
    	}
    	
    .slideout p.sml {
    		font-size:0.6em;
    		margin:0 0 3px 0;
    		padding:3px;
    	}	
    	/*
    .tog {
    	position:relative;
    	margin:10px 0 0 20px;
    	padding:0;
    	width:164px;
    	height:60px;
    	background:url(hover_tab_btn.png) no-repeat;
    	float:left;
    }
    .tog:hover {
    	background-position:0 -60px;
    }
    */
    .tog {
    		position:relative;
	    	margin:0;
    		padding:0;
    		width:120px;
	    	height:30px;
    		background:url(preview_tab.png) no-repeat;
    		float:left;
    	}
    	
    	.tog:hover {
    			background-position:0 -30px;
    		}
    .clear{ clear:both; }
    
    #alert {
    	position:relative;
    	margin:10px 0 0 20px;
    	padding:3px;
    	height:54px;
    	width:205px;
        background:url(alert.png) center center no-repeat;
        float:left;
        cursor:pointer;
        opacity:1.0;
    }
    #alert:hover { opacity:0.90; }
    	#alert p {
    		position:relative;
    		margin:0;
    		padding:0;
    		font-family:verdana, arial, helvetica, sans-serif;
    		font-size:0.6em;
    	}
    	/*
    	#alertclose {
		    position:absolute;
		    top:1%;
		    right:1%;
	    	margin:0;
    		padding:0;
    		width:17px;
	    	height:17px;
    		background:url(alert_close.png) no-repeat;
    	}
    	
    		#alertclose:hover {
    			background-position:0 -17px;
    		}
    		*/
    	#alertclose a {
    		position:absolute;
		    top:1%;
		    right:1%;
	    	margin:0;
    		padding:0;
    		width:17px;
	    	height:17px;
    		background:url(alert_close.png) no-repeat;
	        cursor:pointer;    		
    	}
    	
    	#alertclose a:hover {
    			background-position:0 -17px;
    		}
    		
    	#alert p.msg {
    		position:relative;
    		margin:5px 0 0 13px;
    		font-family:verdana, helvetica, arial, sans-serif;
    		font-size:0.6em;
    		color:#eee;
    		padding:0px;
    		width:190px;
    		line-height:1.4em;
    	}    	
    	
    	#alertopen a {
    		position:relative;
	    	margin:0;
    		padding:0;
    		width:80px;
	    	height:30px;
    		background:url(new_msg_tab.png) no-repeat;
    		float:left;
	        cursor:pointer;    		
    	}
    	
    	#alertopen a:hover {
    			background-position:0 -30px;
    		}