/*
** 2008.01.12
** By Pig.Hong & A.D.JC

*@ 公共定义
   public:设置页面常规 和 常用标签

*@ 页面布局
   container:整体属性,控制整体的内容是否居中显示
   header:头部
   pagebody:页面内容 分:sidebar 和 mainbody 子块
   footer:顶部
*/


/* public 
------------------------------------------------------------*/
* { margin:0; padding:0;} 
body { font-size:62.5%; font-family: Tahoma, Verdana, Arial; background:url(imgs/pro_bg.jpg) #2E1C1C repeat-x;}
a { text-decoration:underline; color:#DCB692;}
a:hover { text-decoration:none; color:ffffff;}
a:visited { text-decoration:underline; color:#DCB692;}
a img { border:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
h1,h2,h3,h4,h5,h6 { color:#DCB692;}
p:first-letter { font-size:12px; font-weight:bold;} 
.h5Style { text-indent:7px; font-weight:bold; margin: 10px 5px; padding-bottom: 5px;}
.h2Style { font-size:22px; text-indent:12px; font-weight:bold; padding-bottom:5px;}


/* container
------------------------------------------------------------*/
#container { width:742px; text-align:left; margin:0 auto;}


/* header 
------------------------------------------------------------*/
#header { width:742px; height:198px; background-color:#4E3A3A;}
#logo_bg { width:210px; height:198px; background-image:url(imgs/logo_bg.jpg);}
#logo { width:187px; height:42px; margin:70px auto; background-image:url(imgs/logo.gif);}
#top_banner { width:532px; height:198px; background-image:url(imgs/top_banner.jpg);}


/* pagebody
------------------------------------------------------------*/
#pagebody { width:742px; height:312px; background-color:#4B2F2E;}


/* sidebar */
#sidebar { width:210px; height:312px; background-color:#5C4545;}
#catalogue { width:175px; height:270px; margin:20px auto;}
#catalogue_title { width:175px; height:20px; background-image:url(imgs/catalogue_title.jpg);}
#proList { margin:5px auto; text-align:left; float:left; line-height:22px;}
#proList a { font-size:11px; color:#fff; text-decoration:underline;}
#proList a:hover { color:#4B2F2E; text-decoration:underline; background-color:#fff;}


/* mainbody */
#mainbody { width:532px;}


/* subpageMainbody */
#subpageMainbody_shadow { width:8px; height:237px; background-image:url(imgs/subpage_mainbody_shadow.gif);}
#mainbodyContent { font-size:11px; color:#DCB692; width:524px; height:237px; background:url(imgs/subpage_mainbody_bg.gif) repeat-x;}


/* nav */
#nav { width:532px; text-align:left;}
#nav li { float:left; list-style-type:none;}
#nav li a { font-size:11px; font-weight:bold; color:#DCB692; text-indent:10px; line-height:39px; padding-top:36px; background-image:url(imgs/nav_bg.jpg); width:133px; display:block;}
#nav li a:hover { font-weight:bold; color:#fff; background-image:url(imgs/nav_over_bg.jpg);}


/* footer
------------------------------------------------------------*/
#footer { width:742px; height:83px; background-color:#2E1C1C;}
#footerInfo { font-size:11px; color:#DCB692; padding-top:15px; line-height:25px;}
#foot_left_bg { width:218px; height:83px; background-image:url(imgs/foot_left_bg.jpg); float:left;}


/* index.html
------------------------------------------------------------*/
/* aboout */
#about { width:265px; height:237px;}
#about_title_bg { width:265px; height:47px; background-image:url(imgs/about_title_bg.jpg);}
#about_body_bg { width:265px; height:190px; background-image:url(imgs/about_body_bg.jpg);}
#about_body { font-size:11px; color:#fff; line-height:15px; width:240px; margin:20px auto;}
#about_body a { font-size:11px; font-weight:bold; color:#DCB692; text-decoration:underline;}
#about_body a:hover { color:#4B2F2E; text-decoration:underline; background-color:#fff;}


/* banner*/
#banner { width:267px; height:237px; background:url(imgs/banner_bg.jpg) repeat-x;}
#flash_banner { width:235px; margin:15px auto;}


/* about.html
------------------------------------------------------------*/
#contentBorder { width:500px; height:180px; overflow:auto; margin:0 auto;}
#content { margin:0; font-size:11px; color:#fff; line-height:15px; width:480px; height:180px; }


/* contact.html
------------------------------------------------------------*/
#contact { text-indent:11px; font-size:11px; color:#fff; width:490px; height:160px;}