@import  url("reset000.css");
@import  url("global00.css");
@import  url("styles01.css");

/*=main structure (reference only)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* 
.page {}
	.header {}
	.wrap {}
		.subwrap {}
			.content {}
				.lining {}
					.column {}
			.aside {}
				.lining {}
		.extra {}
			.lining {}
	.footer {}
 */


/*=page
	Could be decorated with background: Foux columns etc.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.shopshort2 {width:160px; height:195px; float:left; text-align:center;}
.shopshort2 h2 {font-size:10px; margin:8px 0 8px 0; padding:0px; line-height:12px; font-weight:normal;padding:0 3px 0 3px; color: #39F}
.shopshort2 img {height:150px;}



#container {
	min-width: 1000px;
	max-width: 1280px;
	_width:expression(this.width<1000?'999px':'auto');
	_width:expression(this.width> 1280? '1280px': this.width);
	margin:0 auto;
	}
	#wrapper {
		overflow: hidden !important;
		overflow: visible;
		_height: 1%;
		zoom: 1; /* IE */
		/* max-width:  1000px; */
		margin: 0 auto; 
		padding-top: 10px; 
		}
		
#content,
#aside,
#extra {
	overflow: hidden; 
	}


/*=columns: center, right, left
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* columns: center, right 
*/
	 #content {
		 width: 100%; 
		}
		/* column: center 
		*/
		#content .lining {
			padding:4px 5px 4px 5px;
			}
			#content .lining .column {
				overflow: hidden; 
				width: 100%; 
				}

/*=header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header {
	
}
	#header .lining {
		padding: 10px;
		}

/*=footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {
	clear: both; 
	}
	#footer .lining {
		padding: 10px;
		}