/* Overall control */

	body
	{
   	background: url() no-repeat bottom;
   }




p {
font-family: Arial;
line-height: 14px;
margin-top:0; 
margin-bottom: 8px;
color: #808080;
font-size: 8pt}

p.b {
font-family: Arial;
line-height: 16px;
margin-left:12px; 
margin-right:8px; 
margin-top:14px
margin-top:0; 
margin-bottom: 8px;
color: #7F8854;
font-size: 10pt}

p.d {
font-family: Arial;
line-height: 18px;
margin-left:12px; 
margin-right:8px; 
margin-top:14px
margin-top:0; 
margin-bottom: 8px;
color: #7F8854;
font-size: 13pt}

p.c {
font-family: Arial;
line-height: 16px;
margin-top:0; 
margin-bottom: 8px;
color: #7F8854;
font-size: 8pt}

h1 {
font-family: Arial;
line-height: 13px;
margin-top: 0; 
margin-right: 8px
margin-bottom: 0px;
margin-after:10px;
color: #7F8854;
font-size: 8pt}

ul.TickList {
  list-style-image: url('tick.gif')
}

h3 {
font-family: Arial Rounded MT Bold;
line-height: 17px;
margin-top: 0; 
margin-bottom: 8px;
font: 8px}


#total {
display: table;
position: relative;
top: 20px;
left: 12%;
margin: auto;}


/* Navigation Control */


#nav, #nav ul {

padding: 0;
margin: 0;
list-style: none;
position:relative;
line-height: 1;
}

/* now lets get rid of position:relative for IE */

* #nav, * #nav ul {

padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

#nav a {
background: url("pixel.gif") repeat-x repeat-y  left top;
top: -78px;
width: 98px;
display: block;
color: #000000;
text-decoration: none;
border: 0px solid #000000;
padding: 7px;
font:11px arial; /* N6 needs this to cascasde the font style */
}



#nav li ul a {
top: -77px;
width: 98px;
display: block;
color: #ffffff;
background: url("pixel.gif") repeat-x repeat-y left top;
text-decoration: none;
border: 0px solid #ffffff;
padding: 7px;
font:11px arial; /* N6 needs this to cascasde the font style */
}


/* BMH for IE 5 */

* html #nav a {
width: 98px;
w\idth: 98px;
}
	
#nav li
{
align: center;
top: 0px;
float: left;
width: 98px;
position: relative;
}
	
#nav li ul
{
font-weight: 900;
top: 28px;
position: absolute;
left: -999px;
width: 98px;
margin: 0;

}

.li1 {

position: absolute;
top: 30px;
left: 0px;
}

.li2 {

position: absolute;
top: 30px;
left: 98px;
}

.li3 {
position: absolute;
top: 30px;
left: -98px;
}

.li4 {

position: absolute;
top: 30px;
left: 196px;
}

.li5 {
position: absolute;
top: 30px;
left: -196px;
}

.li6 {
position: absolute;
top: 30px;
left: 294px;
}

.li7 {
position: absolute;
top: 30px;
left: -294px;
}

#nav li ul a:hover
{

background: url("pixel.gif") repeat-x repeat-y left top;
position: absolute;
display: block;
top: 0px;
color: #ffffff;
width: 98px;

}

#nav li ul a:link
{

background: url("pixel.gif") repeat-x repeat-y left top;
position: absolute;
display: block;
top: 0px;
width: 98px;
}


#nav li a:hover
{

background: url("pixel.gif") repeat-x repeat-y left top;
font-weight: 900;
}


#nav li:hover ul, #nav li.sfhover ul
{

background: url("pixel.gif") repeat-x repeat-y left top;
left: auto;

}


#nav li:hover ul ul, #nav li.sfhover ul ul { 
left: -999px; 
}


#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
left: auto; 
} 
/* Content Control */





/* Top row control */





#head  { 
background: #ffffff url("SwalLogo.jpg") no-repeat left 50%; 
background-color: #000000;
position: absolute; 
top: 0; 
left: 0; 
width: 750px; 
height: 100px; 
}

#head1 {
position: absolute;
left: 0px;
top: 0px;
width: 200px;
height: 100px;}

#head2 {
position: absolute;
left: 200px;
top: 0px;
width: 550px;
height: 100px;}

#head3 {
position: absolute;
left: 200px;
top: 0px;
width: 0px;
height: 100px;}




/* 2nd row control */





.infob {
background: url("navbar2b.gif") no-repeat left top;
position: absolute;
z-index:1;
top: 100px;
left: 50px;
width: 700px;
height: 60px;}

.infoc {
background: url("navbar2c.gif") no-repeat left top;
position: absolute;
z-index:1;
top: 100px;
left: 50px;
width: 700px;
height: 60px;}

.info {
background: url("navbar2a.gif") no-repeat left top;
border: 0px solid #CCCCCC;
position: absolute;
z-index:1;
top: 100px;
left: 50px;
width: 700px;
height: 60px;}

.infod {
background: url("navbar2d.gif") no-repeat left top;
position: absolute;
z-index:1;
top: 100px;
left: 50px;
width: 700px;
height: 60px;}

.info_nav {
position: relative;
z-index: 2;
top: 0px;
left: 0px;
width: 700px;
height: 60px;}

#info_home {
background: url("leftTHome.jpg") no-repeat left top;
position: absolute;
top: 100px;
left: 0px;
width: 50px;
height: 60px;}

#info_products {
background: url("leftTPro.jpg") no-repeat left top;
position: absolute;
top: 100px;
left: 0px;
width: 50px;
height: 60px;}

#info_investors {
background: url("leftTInves.jpg") no-repeat left top;
position: absolute;
top: 100px;
left: 0px;
width: 50px;
height: 60px;}

#info_china {
background: url("leftTChina.jpg") no-repeat left top;
position: absolute;
top: 100px;
left: 0px;
width: 50px;
height: 60px;}

#info_news {
background: url("leftTNews.jpg") no-repeat left top;
position: absolute;
top: 100px;
left: 0px;
width: 50px;
height: 60px;}

#info_careers {
background: url("leftTCareer.jpg") no-repeat left top;
position: absolute;
top: 100px;
left: 0px;
width: 50px;
height: 60px;}

#info_contact {
background: url("leftTCon.jpg") no-repeat left top;
position: absolute;
top: 100px;
left: 0px;
width: 50px;
height: 60px;}




/* 3rd row control */




#content  { 
background: #ffffff;
position: absolute; 
top: 160px; 
left: 0; 
width: 750px; 
height: 400px; 
border: solid 0px #cccccc }



#content1_home {
background: url("leftBHome.jpg") no-repeat left top;
background-color: #D0D0D0;
position: absolute;
left: 0px;
width: 50px;
height: 400px;}

#content1_products {
background: url("leftBPro.jpg") no-repeat left top;
background-color: #D0D0D0;
position: absolute;
left: 0px;
width: 50px;
height: 400px;}

#content1_investors {
background: url("leftBInves.jpg") no-repeat left top;
background-color: #D0D0D0;
position: absolute;
left: 0px;
width: 50px;
height: 400px;}

#content1_china {
background: url("leftBChina.jpg") no-repeat left top;
background-color: #D0D0D0;
position: absolute;
left: 0px;
width: 50px;
height: 400px;}

#content1_news {
background: url("leftBNews.jpg") no-repeat left top;
background-color: #D0D0D0;
position: absolute;
left: 0px;
width: 50px;
height: 400px;}

#content1_careers {
background: url("leftBCareer.jpg") no-repeat left top;
background-color: #D0D0D0;
position: absolute;
left: 0px;
width: 50px;
height: 400px;}

#content1_contact {
background: url("leftBCon.jpg") no-repeat left top;
background-color: #D0D0D0;
position: absolute;
left: 0px;
width: 50px;
height: 400px;}



#content2_pro_cap {
background: url("pro_cap.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_pro_inn {
background: url("pro_inn.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_pro_port {
background: url("pro_port.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_pro_star {
background: url("pro_star.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_in_vis {
background: url("inv_vis.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_in_lse {
background: url("inv_lse.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_in_rep {
background: url("inv_rep.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_in_gov {
background: url("inv_gov.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_in_dir {
background: url("inv_dir.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_in_bod {
background: url("inv_bod.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_chi_off {
background: url("ch_off.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_new_pre {
background: url("news_pre.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_new_exh {
background: url("news_exh.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_new_col {
background: url("news_col.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_new_ima {
background: url("news_ima.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_car_swa {
background: url("car_swa.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}

#content2_car_vac {
background: url("car_vac.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}

#content2_car_ben {
background: url("car_ben.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}

#content2_car_loc {
background: url("car_loc.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}

#content2_car_pro {
background: url("car_pro.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_con_well {
background: url("con_well.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_con_bid {
background: url("con_bid.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_con_cha {
background: url("con_cha.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}


#content2_hom_his {
background: url("hom_his.gif") no-repeat left top;
position: absolute;
left: 50px;
width: 25px;
height: 400px;}




#content3 {
padding: 20px;
position: absolute;
left: 75px;
width: 625px;
height: 400px;}


#content3_flash {
padding: 0px;
position: absolute;
left: 75px;
width: 625px;
height: 400px;}

#content3_50 {
padding: 20px;
position: absolute;
left: 75px;
width: 338px;
height: 400px;}

#content4 {
padding: 20px;
position: absolute;
left: 700px;
width: 50px;
height: 400px;}

#content4_50 {
padding: 20px;
position: absolute;
left: 413px;
width: 337px;
height: 400px;}