/*------------------------------------------------------------

* Filename: layout.css
* Version: 1.0.0 (2008-05-19) 
* Website: http://www.twinbird.com.tw
* Author: Medialand digi-tech. Inc. ???????? 
* Contact: service@mail.medialand.com.tw
* Description: layout

== STRUCTURE: ==============================
* Page width: 990 px

* Number of columns: 2
+ WRAPPER
	+ HEADER
	  - branding
	    - logo
		 - search (flash)
	  - main-visual
	    - main-nav (flash)
		 - page-visual (flash)
	
	+ CONTENT
	  - main-article
	    - page-title
		 - page-info (depends on page)
		 - page-content (depends on page)		 
	    - pagebar
	  - sidebar
	    - sub-nav (depends on page)
		 - event (flash)
	  
	+ FOOTER
	  - address (hide)
	  - footer (flash)
	  
* Number of columns: 1
+ WRAPPER
	+ HEADER
	  - branding
	    - logo
		 - search (flash)
	  - main-visual
	    - main-nav (flash)
		 - page-visual (flash)
	
	+ CONTENT
	  - page's contnet (flash)
	  
	+ FOOTER
	  - address (hide)
	  - footer (flash)	  

============================================

-------------------------------------------------------------*/



/* CONTAINER */
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 990px;
	background: url(../images/wrapper_bg.gif) repeat-y left top;
}

/* HEADER */

#header {
	height: 184px;
	position: relative;
	z-index: 500;
}

#header2 {
	height: 140px;
	position: relative;
	z-index: 500;
	border:1px solid black;
}

.branding {
	float: left;
	width: 240px;
	height: 184px;
}

.branding2 {
	float: left;
	width: 240px;
	height: 400px;
	border:1px red black;
}

.branding object {
	position: absolute;
	top: 95px;

}

.main-visual {
	float: right;
	width: 750px;
}

/* CONTENT */
#content{
	padding: 0 20px 0 15px;
	height: 1%;
	position: relative;
	z-index: 200;
}

/* FOOTER */
#footer {
	clear: both;
	position: relative;
	background: url(../IMAGES/dec/dec_dot_blue.gif) repeat-x left top;
	height: 1%;
	padding: 1px 0 0 0;
}
body.page-index #footer {
/*	background: none;*/
}
#footer p {
	position: relative;
	z-index: 500;
}
/* COPYRIGHT */
address {
	font-size: 0.9em;
	font-style: normal;
	position: absolute;
	top: 10px;
	z-index: 0;
}


/* RIGHT COLUMN: big one */
#main-article {
	float: right;
	width: 730px;
}
/* LEFT COLUMN */
#sidebar {
	float: left;
	width: 225px;
	padding: 12px 0 50px 0;
	border-top: 6px solid #003267;
	height: 1%;
}
.block {
	width: 217px;
	padding: 0 5px 0 0;
}
.banner-event {
	border-top: 1px solid #003267;
	padding: 20px 0 5px 0;
}


/* PAGEBAR */
.pagebar {
	text-align: center;	
	clear: both;
	padding-bottom: 50px;
   margin: 10px 0 20px 0;
	height: 1%;
}
.pagebar a:link, .pagebar a:visited {
	text-decoration: none;
}

.pagebar-news {
	background: #ECEBE6;
	height: 1%;
}
.pagebar-news select, .pagebar-product select {
	width: 35px;
}
.pagebar-news a{
	margin: 0 5px;
}

.pagebar-product {
	border-top: 6px solid #F8A27C;
}
.pagebar-product-content {
	text-align: left;
	clear: both;
	height: 1%;
}
.pagebar-product-content a:link, .pagebar-product-content a:visited {
	background: #333;
	width: 200px;
	height: 17px;
	line-height: 17px;
	display: block;
	float: left;
}
.pagebar-product-content a:hover {
	background: Black;
	color: White;
}