@charset "utf-8";
/* CSS Document */

body{ padding:0; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
ul,li{ margin:0; padding:0; list-style:none}
.clear{ clear:both; height:0; line-height:0; font-size:0}
a{ text-decoration:none; color:#333; display: block}
a:hover{ color: #F63;}
img{ border:none}

.content{ width:950px; margin:0 auto; background:url(L_Tourism_01_04.gif) repeat-x; height:1500px}
.top{ margin:0 auto; width:852px}

.contentbar{ background:#FFF; width:850px; margin:0 auto; border:solid #FFF 1px; position:relative; height:1450px}
.topbg{ background:url(L_Tourism_Index_01.gif) no-repeat; width:850px; height:405px;}

.fly{ position:absolute; top:0px; width:850px; }
.left{ float:left; width:570px; padding:350px 0 0 5px; border:solid #FFF 1px; position:relative}
.right{ float:left; width:270px;}

.boxtop{ background: url(L_Tourism_01_16.gif) no-repeat; width:570px; height:8px;}
.boxmiddle{ background: url(L_Tourism_01_17.gif) repeat-y; width:570px; margin-top:0; +*margin-top:0; _margin-top:-7px; padding-left:5px; +*padding-left:5px; _padding-left:0px}
.boxmiddle ul li{ float:left; margin:0 0 0 5px; text-align:center; width:180px}
.boxmiddle ul li a{ display:block; width:179px; height:23px; background:url(L_Tourism_01_10.gif) 0 99px repeat-x; padding-top:100px; color:#FFF; border:solid #FFF 1px; font-size:14px; font-weight:bold}
.boxmiddle ul li a:hover{ border:solid #F00 1px; color:#000}
.boxmiddle ul li.first{ background:url(L_Tourism_01_01.gif) no-repeat}
.boxmiddle ul li.second{ background:url(L_Tourism_01_02.gif) no-repeat}
.boxmiddle ul li.three{ background:url(L_Tourism_01_03.gif) no-repeat}
.boxbottom{ background: url(L_Tourism_01_19.gif) no-repeat; width:570px; margin-top:0px; height:7px}

.tourism-new{ border: dotted #FFF 2px; width:550px; height:330px; position:absolute; top:10px; left:10px; display:none; color: #FFF; background: url(L_Tourism-1-1.png) #333 no-repeat bottom right; filter:alpha(opacity=30); /* IE */ -moz-opacity:0.6; /* Moz + FF */ opacity: 0.6; font-size:12px}

.boxmiddle-two{background: url(L_Tourism_01_17.gif) repeat-y; width:545px; margin-top:0; +*margin-top:0; _margin-top:-7px; padding:5px 10px 10px 15px}

.Charming{ background:url(L_Tourism_01_12.gif) no-repeat right; padding:0 130px 0 0}

.eight-views{ }
.eight-views ul li{ float: left; margin:5px 0 0 2px; width:120px;}
.eight-views ul li a{ width:115px; text-align:center; padding:78px 0 10px 0 }
.eight-views ul li a.one{ background:url(L_Tourism_01_13.gif) no-repeat}
.eight-views ul li a.two{ background:url(L_Tourism_01_13.gif) no-repeat}
.eight-views ul li a.three{ background:url(L_Tourism_01_13.gif) no-repeat}
.eight-views ul li a.four{padding:0px 0 10px 10px; width:160px; text-align:left}

.thing-to-do{ background:url(L_Tourism_01_22.gif) no-repeat; width:571px; height:408px; padding-top:1px; +*padding-top:0; margin-top:10px; +*margin-top:10px; _margin-top:0px}
.thing-to-do-title{ background: url(L_Tourism_01_10.gif) repeat-x; width:150px; height:25px; font-size:15px; font-weight:bold; color:#FFF; margin:3px 0 0 4px; +*margin:4px 0 0 4px; _margin:4px 0 0 4px; padding:5px 0 0 12px}
.thing-to-do-text{ background:#FFF; width:535px; height:200px;  margin:5px 0 0 20px; border:solid #000 1px}

.Practical{ color:#126842; font-size:13px; padding:0px 0 0 18px}

.Research-box{ padding:40px 10px 40px 15px; background:#CCC; filter:alpha(opacity=60); /* IE */ -moz-opacity:0.6; /* Moz + FF */ opacity: 0.6; width:247px; position:relative}
.research{ position:absolute; left:163px; top:42px; +*top:43px; _top:43px; background:url(L_Tourism_01_25.gif) no-repeat; width:72px; height:24px; padding:5px 0 0 15px; color:#FFF; font-size:13px; font-weight:bold}

.Sepcial-Reports{ padding:10px 0 10px 19px; width:253px; background:#CCC; filter:alpha(opacity=70); /* IE */ -moz-opacity:0.7; /* Moz + FF */ opacity: 0.8;}
.Sepcial-Reports-imglink a{ margin:5px 0 0 0 }
.Sepcial-Reports-title ul li{ float:left}
.Sepcial-Reports-title ul li.mid{ background:url(L_Tourism_01_06.gif) repeat-x; width:100px; height:21px; color:#FFF; font-weight:bold; padding:2px 0 0 0}

.Information a{ background: url(L_Tourism_01_30.gif) no-repeat; padding:0 0 0 15px; border-bottom: dashed #093 1px}
.map-middle{ background:url(L_Tourism_01_32.gif) repeat-y; padding:5px 8px 5px 20px;}

.Festivals ul li{ float:left; width:80px; text-align:center}
.Festivals ul li a{ font-size:11px; color:#0c8337; font-weight:bold}

.Landscape{background:url(L_Tourism_01_06.gif) repeat-x; width:105px; height:21px; color:#FFF; font-weight:bold; padding:2px 0 0 0}
.footbg{ margin:0 auto; width:822px; padding-top:40px}

.margin-top{ margin-top:10px; +*margin-top:10px; _margin-top:0px}