/* CSS Document layout */

html {
	background-color: #F2EFDC;
}
html>body #include {
height: auto;
min-height: 362px;
}
html>body #pap1 {
height: auto;
min-height: 293px;
} 
img {
	border:none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#521B1C;
	left: 5px;
}

/* -------------------- general -------------------- */

div#container {
	position: absolute;
	left: 50%;
	margin-left: -410px;
	width: 819px;
}
div#top-bak_ {
	float:left;
	width:819px;
	height:148px;
	background:url(../images/top_bak.jpg);
}
div#middle-bak_ {
	float:left;
	width:819px;
	background:url(../images/grow_bak.jpg);
}
div#bottom-bak_ {
	float:left;
	position:relative;
	width:819px;
	height:120px;
	background:url(../images/footer_bak.jpg) no-repeat;
}
div#include {
	width:819px;
	height:362px;
	float:left;
	min-height:362px;
	background:url(../images/mid_bak.jpg) no-repeat;
}
div#logo {
	position:absolute;
	left:62px;
	top:51px;
	width:194px;
	height:61px;
	z-index: 10;
	visibility:visible;
}
div#banner_top {
	position:absolute;
	left:251px;
	top:45px;
	width:511px;
	height:67px;
	z-index: 10;
}
div#line_footer {
	position:relative;
	top:35px;
	left:63px;
	width:700px;
	height:13px;
	background:url(../images/line_footer.jpg);
}
div#footer {
	position:relative;
	top:30px;
	left:210px;
	font-size:9px;
	width:450px;
	height:31px;
}
div#footer img {
	vertical-align:middle;
}
div#footer a {
	color:#521B1C;
	font-size:9px;
	text-decoration:none;
}
div#footer a:hover{
	color: #FF6600;
}

/* -------------------- content -------------------- */


div#flash {
	position:absolute;
	left:206px;
	top:161px;
	width:424px;
	height:266px;
	z-index:3;
}
div#typos {
	position:absolute;
	width:656px;
	height:328px;
	background:url(../images/index_bak.jpg);
	left: 110px;
	top: 131px;
	z-index: 2;
}
div#skip_foot {
	position:absolute;
	left:70px;
	top:135px;
	width:145px;
	height:17px;
	z-index:10;
}

div#skip_btn {
	position:absolute;
	left:75px;
	top:148px;
	width:143px;
	height:32px;
	z-index:3;
}

div#infos_intro {
	position:absolute;
	left:82px;
	top:187px;
	width:132px;
	height:84px;
	z-index:3;
}
/* -------------------- navigation -------------------- */

ul#nav {
	padding: 0;
	margin:0;
	position:absolute;
	left:60px;
	top:111px;
	width:703px;
	height:44px;
	z-index: 10;
}
ul#nav li{
	display:inline;
	margin:0;
	padding: 0;
	list-style-type:none;
	float:left;
}

/* -------------------- sub menu -------------------- */

div#smenu1 {
	position:absolute;
	left:255px;
	top:150px;
	width: 338px;
	height: 210px;
	z-index:100;
	display:none;
}
div#smenu1tr {
	position:absolute;
	background-color:#E1DBB5;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
	top:0;
	left:0;
	width: 340px;
	height: 210px;
	z-index:100;
}
div#dn_menu {
	position:absolute;
	left:0px;
	top:205px;
	width: 340px;
	height: 12px;
	z-index:120;
	background:url(../images/dn_menu.jpg);
}
div#smenu1 ul, #smenu2 ul {
	position:absolute;
	top:0;
	left:0;
	z-index:120;
	margin:0;
	padding:0;
	list-style-type:none;
	padding-left:5px;
	padding-top:5px;
}
div#smenu1 a, #smenu2 a {
	color:#692E1F;
	font-size:9px;
	text-decoration:none;
}
div#smenu1 a:link, #smenu2 a:link {
	color:#692E1F;
	font-size:9px;
	text-decoration:none;
}
div#smenu1 a:active, #smenu2 a:active {
	color:#692E1F;
	font-size:9px;
}
div#smenu1 a:hover, #smenu2 a:hover{
	background-color:#F39501;
	font-weight:bold;
	color:#FFFFFF;
}
div#smenu2 {	
	position:absolute;
	left:383px;
	top:150px;
	width: 280px;
	height: 150px;
	z-index:100;
	display:none;
}
div#smenu1tr2 {
	position:absolute;
	background-color:#E1DBB5;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	top:0;
	left:0;
	width: 280px;
	height: 150px;
	z-index:100;
}
div#dn_menu2 {
	position:absolute;
	left:0px;
	top:145px;
	width: 280px;
	height: 12px;
	z-index:120;
	background:url(../images/dn_menu.jpg);
}

/* -------------------- content frame -------------------- */
div#contain_include{
	position:relative;
	top:10px;
	left:55px;
	width:711px;
}
div#container_left {
	float:left;
	z-index:10;
	width: 203px;
	position:relative;
	}
div#sub {
	float:left;
	width:203px;
	height:55px;
}
div#pap1 {
	width:192px;
	height:293px;
	background:url(../images/pap_1.jpg) no-repeat;
	min-height:293px;
	float:left;
	
}
div#pap1 p {
	padding:0;
	margin:0;
}
div#pap {
	float:left;
	position:relative;
	width:192px;
	background:url(../images/pap_ext.jpg) repeat-y;
	left: 6px;
}
div#left_txt {
	margin:0;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	width:175px;
}
div#pap2 {
	float:left;
	position:relative;
	width:192px;
	height:30px;
	background:url(../images/pap_2.jpg) no-repeat;
	left: 6px;
}
ul#sub_links{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#sub_links li:hover{
	list-style-type:square;
}
ul#sub_links a {
	color: #F39501;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
ul#sub_links a:hover {
	color: #835638;	
}
div#display {
	float:right;
	width:508px;
}
table#showcase td {
	width:50%;
	height:100%;
	border:0;
	padding:0;
	text-align:center;
	vertical-align:top;
}
table#showcase img {
	margin-bottom:10px;
	border:2px dotted #FFF;
}
table#showcase img:hover {
	margin-bottom:10px;
	border:2px dotted #E79930;
}

ul#ed_list {
	list-style-type:square;
	border:0;
	padding:0;
	padding-left:27px;
	margin:0;
	text-align:left;
}
ul#ed_list li:hover {
	color: #F39501;
}

ul#ed_list a {
	text-decoration:none;
	color: #835638;
}

ul#ed_list a:hover {
	background-color:#F39501;
	color: white;
	font-weight:bold;
}
