@charset "utf-8";

/*********************************************************************
File Name:	sample.css
File Info:	CSS
Author:		WEB DESIGN LAB
		http://www.webdlab.com/
Last Modified:	10.01.2009
*********************************************************************/

/*--------------------------------------------------------------------
Base
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html,body {


	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

}

body {



	width: 100%;
	height: 100%;
	
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
background:#FFF url(hd.jpg) ;

}

img {
	border: none;
}

.header {
	width: 100%;
	height: 20px;
	text-align: right;
}

.header p {
	padding: 0 5px 0 0;
}

/*--------------------------------------------------------------------
Sample
--------------------------------------------------------------------*/

.sample {
	width: 100%;
	text-align: center;
}

.tab {
	width: 948px;
	text-align: center;
	margin: 2px auto 40px auto;
}

/*tab wrapper*/
.tabwrap {
	width: 948px;
	margin: 0;
	padding: 0;
}

/*tabhead*/
.tabhead {
	margin: 0;
	padding: 0;
}

/*each tab*/
#tabA,
#tabB,
#tabC,
#tabD,
#tabE,
#tabF,
#tabG,
#tabH,
#tabI,
#tabJ,
#tabK,
#tabL {



	float: left;
	width: 79px;
	height: 22px;
	margin: 0;
	padding: 0;
}

#tabA {
	background: url(img/th1.gif) no-repeat top left;
}

#tabB {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabC {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabD {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabE {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabF {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabG {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabH {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabI {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabJ {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabK {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabL {
	background: url(img/th1_2.gif) no-repeat top left;
}

.tabhead a img,
.tabhead a:link img {
	border: none;
}

.tabhead a,
.tabhead a:link {
	display: block;
	width: 79px;
	height: 22px;
	text-align: center;
	color: #111111;
	font-size: 12px;
	line-height: 2.0;
	font-family: sans-serif;
	text-decoration: none;
	outline: none;
}

.tabhead a:visited {
	color: #111111;
	text-decoration: none;
}

.tabhead a:hover,
.tabhead a:active {
	color: #777777;
	text-decoration: none;
}

/*tabbody*/
.tabbody {
	margin: 0;
	padding: 0;
}

* html .tabbody {/*IE6*/
	margin-top: -2px;
}

/*each body*/
#tab1,
#tab2,
#tab3,
#tab4,
#tab5,
#tab6,
#tab7,
#tab8,
#tab9,
#tab10,
#tab11,
#tab12 {





	clear: left;
	width: 946px;
	height: 397px;
}

* html #tab1,* html #tab2,* html #tab3,* html #tab4,* html #tab5,* html #tab6,* html #tab7,* html #tab8,* html #tab9,* html #tab10,* html #tab11,* html #tab12 {/*IE6*/
	width: 946px;
}

#tab1 {
	display: block;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab2 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab3 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab4 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab5 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab6 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab7 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab8 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab9 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab10 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab11 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

#tab12 {
	display: none;
	border-right: 1px solid #bac7d7;
	border-bottom: 1px solid #9fb7d4;
	border-left: 1px solid #9fb7d4;
}

/*each tabbody content*/
#tab1 p,
#tab2 p,
#tab3 p,
#tab4 p,
#tab5 p,
#tab6 p,
#tab7 p,
#tab8 p,
#tab9 p,
#tab10 p,
#tab11 p,
#tab12 p {





	margin: 0;
	padding: 10px;
}