/* CSS Document */
body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;
background:url(../images/main_bg.jpg) repeat-y;

}

h1, h2, h3, h4, h5, h6, h7, p,dl, dt, dd, form, input, ul, li, select{padding:0px; margin:0px; font-weight:normal}
p{line-height:17px}
ul,ol { list-style: none; }
input, select{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333}
a{color:#000; text-decoration:none}
a:hover{color:#FF740C; text-decoration:underline}
a img{border:0}

.clear{ clear:both;}

#wrapper:after,#header:after,#headertop:after, #searchbar:after, #middle:after, #footer:after,#container:after, .content:after, .copyright:after, .cateList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }





/* ---------------- Wrapper-------------- */

#wrapper{ width:800px; height:auto; margin:0 auto;
background-color:#FFFFFF;}

/* ======================================== Header =================================================================  */


#header{padding:0px; margin:0px;}
#header img{margin:0px; display:block}

.menubar{ width:auto;height:46px; background:url(../images/menu-bg.jpg) no-repeat top left;text-align:center}

.menubar ul{ margin:0px auto; padding:6px 0px 0px; width:500px}
.menubar li{display:inline;}
.menubar a{float:left;margin:0px;padding:0 11px;}

/* =================================== Middle Container Structure ====================================================  */

#middle{ width:100%; padding:0px; margin:0px; background:url(../images/middle-bg.gif) repeat-x top left}

/* ----------------  Page layout -------------- */

#left-sidebar{ width:221px; float:left; background:url(../images/sidebar-bot-bg.gif) no-repeat left bottom; padding-bottom:17px}
#main{ width:578px; float:right}


/* ======================================== Left sidebar =================================================================  */

#left-sidebar .top{
	background:url(../images/sidebar-top-bg.gif) no-repeat top left;
	height:8px;
	font-size:0px
}
#left-sidebar .content{ padding:12px 15px 10px;background:url(../images/sidebar-bg.gif) repeat-y top right; }

#left-sidebar .content ul{padding:0px; margin:0px; font-weight:bold; }
#left-sidebar .content ul li a{padding:0px; margin:0px; font-weight:bold; line-height:11px}

h2{color:#CC6600; font-size:22px; font-weight:bold; line-height:22px;margin-bottom:10px;} 


/* ======================================== main =================================================================  */

#main .container{width:auto; padding:15px 0px 0px 25px;}
#main .content{width:auto;  padding:0px 0px 0px; margin-bottom:5px }
#main .content .col{float:left}
#main .content .col.mid{ margin:0px 11px;}
#main .content img{display:block}



/* ==============================================  Footer ===========================================================  */

#footer{padding:36px 0px 0px; margin:0px; text-align:center;background:url(../images/bottombar-bg.jpg) no-repeat top left;}
#footer p{ font-weight:bold; text-align:left;}
#footer a{padding:0px 3px; font-weight:bold;}
#footer ul{list-style:none;}
#footer ul li{display:inline;}


/* ==============================================  middel gallery ===========================================================  */


.tabcontainer{
width:500px;
padding-left:45px;
background:url(../images/city_bg.jpg) repeat-y;
}

.tabcontent{
display:none;
}
.textcontainer{
width:500px;
padding-left:17px;
background:url(../images/city_bg.jpg) repeat-y;
}


.video{
width:500px;
padding-left:50px;
background:url(../images/city_bg.jpg) repeat-y;
}


#topbar {
width:800px; height: 46px; background-image:url('/images/topbar.jpg');
}

#topbar img {
	float:left;
	margin: 4px 20px 0px;
}