html, body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.84em;
	color:#333;
	line-height:1.5em;
	background:url(../images/bg.gif) repeat-y 0 0 #5696C5;
}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {min-height: 25px;	height: auto !important; height: 25px;}
h1, h2 {margin:0 0 15px 0;}
h2, h4 {font-size:1.15em;}
h3 {color:#2194D8; line-height:1.2em;}
h5 {padding:0 0 4px 3px;}
h5.left {margin-bottom:-18px;}
p {margin:0 0 15px 0;	line-height:1.5em;}
ul {margin:0;	padding:0;}
ul li {margin:0;	padding:0;}
ol {margin:0;	padding:0;}
ol li {margin:0;	padding:0;}
input, select {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#585858;	line-height:14px;}

/* Top Info */
#topNavContainer {position:absolute; top:4px;	left:0;	background: url(../images/bg_nav.gif) repeat-x 0 0;	width:100%;	height:69px; z-index:1000;}
#topWidth {width:970px;}
#logo {float:left; width:180px;	padding:10px 0 0 35px;}
#topLeft {float:left;	width:755px;}
#topInfo {padding-right:21px; height:30px; line-height:17px;}
#topInfo * {float:right; position:relative;}
#topInfo, #topInfo a {color:#999;}
#topInfo span {font-size:10px; margin:6px 6px 0 0; display:block;}
#topInfo span#fontSizeLink {margin:0; display:inline; float:right;}
#topInfo .contact {font-size:10px; margin:6px 0 0 0; display:block;}
#topInfo .small, #topInfo .mid, #topInfo .large {color:#B6B6B6; margin:0 4px; font-weight:bold; float:left;}
#topInfo .small:hover, #topInfo .mid:hover, #topInfo .large:hover, #topInfo .active {color:#E60011; text-decoration:underline;}
#topInfo .small {font-size:10px; margin-top:5px;}
#topInfo .mid {font-size:12px; margin-top:5px;}
#topInfo .large {font-size:14px; margin-top:4px;}
#topInfo .topStroke {margin:7px 10px 0 10px;}
#topInfo input {margin:4px 0; width:107px; height:15px; border:#E5E5E5 1px solid; padding:0 0 0 5px; font-size:10px; color:#999;}
#topInfo .searchIcon {margin:4px 2px;}
#topInfo .chinese {font-size:12px; margin-top:5px; width:24px;}

/* Top Navigation */
#topNav {width:747px; padding:7px 5px 0 3px;}
#topNav ul {height:32px; text-indent:-5000px;}
#topNav ul li {display: inline;}
#topNav ul a {float: left; display:inline-block; margin-left:15px; height: 32px;text-decoration: none; background-repeat:no-repeat;}
#topNav a.active {background-position: 0 -64px;}
#topNav ul a:hover, #topNav a.mouseon {background-position: 0 -64px;}
#topNav ul a#about {background-image: url(../images/nav_about.gif); width: 124px;}
#topNav ul a#investor {background-image: url(../images/nav_investor.gif); width: 136px;}
#topNav ul a#media {background-image: url(../images/nav_media.gif); width: 107px;}
#topNav ul a#natural {background-image: url(../images/nav_natural.gif); width: 100px;}
#topNav ul a#lpg {background-image: url(../images/nav_lpg.gif); width: 46px;}
#topNav ul a#china {background-image: url(../images/nav_china.gif); width: 132px;}

/* Top Navigation Pulldown Menu */
.menuPull {position:absolute; top:69px; background-color:#FFFFFF; padding:15px 5px 15px 12px; z-index:900; font-size:11px; line-height:14px; border-color:#C8C8C8; border-width:1px; border-style:solid; display:none;}
.menuPull ul, .menuPull dl {float:left;}
/*.menuPull ul, .menuPull dl {float:left; width:150px; margin:0 10px 0 0;}*/
.menuPull ul li {display:inline;}
.menuPull ul li a {background-image:url(../images/pt_pulldown.gif); background-repeat:no-repeat; background-position: 0 3px; color:#828282; display:block; padding:0 0 5px 14px;}
.menuPull ul li a:hover {text-decoration:none; font-weight:700; background-position: 0 3px;}
.menuPull dl {color:#FFF; padding:8px 11px;}
.menuPull dl dt {padding:0 0 5px 0;}
.menuPull dl dd a {display:block; color:#FFF; font-weight:bold; padding:0 0 5px 11px; background-repeat:no-repeat; background-position:0 6px;}

	/* Top Navigation Pulldown Menu Style - About China Gas */
	#aboutPulldown {width:163px; left:245px;}
	#aboutPulldown ul li a:hover {color:#63B6E7; background-image:url(../images/about/pt_pulldown.gif);}
	#aboutPulldown dl {background-color:#8DBBE0;}
	#aboutPulldown dl dd a {background-image:url(../images/pt_pulldown_about.gif);}
	/* Top Navigation Pulldown Menu Style - Investor Relations */
	#investorPulldown {width:163px; left:383px;}
	#investorPulldown ul li a:hover {color:#63B6E7; background-image:url(../images/investor/pt_pulldown.gif);}
	/* Top Navigation Pulldown Menu Style - Media */
	#mediaPulldown {width:163px; left:534px;}
	#mediaPulldown ul li a:hover {color:#F3AF10; background-image:url(../images/media/pt_pulldown.gif);}
	#mediaPulldown {width:163px; left:534px;}
	#mediaPulldown ul li a:hover {color:#F3AF10; background-image:url(../images/media/pt_pulldown.gif);}

/* Page Background */
#bgLeftStroke {background:url(../images/bg_left_storke.gif) no-repeat 0 0; padding-left:10px;}
#bgLeftShadow {padding-left:12px;}
#pageBg {width:100%; min-height: 640px;	height: auto !important; height: 640px; background-repeat:no-repeat; background-position:917px 0;}

/* Tools Button on the right */
#toolsContainer, a#btnTop { position:absolute; left:917px;}
#toolsContainer {top:149px;}
#toolsContainer a {display:block; margin-bottom:2px;}
a#btnTop {bottom:0px;}

/* Footer */
#footer {color:#999; margin:30px 0 0 8px; font-size:10px;}
#footer a {color:#999;}

/* Page Templates Style */
#mainContainer {width: 946px; position:relative;}
#contentBg {padding: 0 50px 0 0; background:url(../images/bg_content.gif) repeat-y left top;}
#contentShadow {background:url(../images/shadow_content.gif) no-repeat 185px bottom; min-height: 250px;	height: auto !important; height: 250px;}
#contentWrapper {float:left; width:706px;}
#content {margin:0 0 0 25px;}
/* Page without Left Menu */
.noLeft #leftNav {width:0;}
.noLeft #contentWrapper {width:896px;}


/* Left Navigation */
#leftNav {float:left; width:190px; font-size:11px;}
#leftNav ul {display:none; padding:30px 15px 0 1px;}
#leftNav ul li {display:inline;}
#leftNav ul li a {display:block; color:#828282; line-height:14px; padding:0 0 9px 18px; background-image:url(../images/pt_pulldown.gif); background-repeat:no-repeat; background-position:0 3px;}
#leftNav ul li a:hover, #leftNav ul li a.active {font-weight:bold; text-decoration:none;}

/* Breadcrumb */
#breadcrumb, #breadcrumb a {color:#949494;}
#breadcrumb {text-align:right; font-size:10px; line-height:17px; margin:7px 0 4px 0;}

/* Share Style */
.columnLeft {float:left; width:290px; margin:0 20px 0 0;}
.columnRight {float:left; width:365px; margin:12px 0 0 0;}
.presidentBox {border:#E8ECF0 1px solid; padding:10px 15px 12px 15px;}
img.imgLeft {float:left; margin:0 20px 5px 0;}
img.imgRight {float:right; margin:0 0 5px 20px;}
ul.genList {margin:0 20px 5px 0;}
ul.genList li {padding:0 0 9px 18px; background:url(../images/pt_pulldown.gif) no-repeat 0 4px;}
.genTable, .genVertTable {border-top:#E2E2E2 1px solid;}
.genVertTable {border-bottom:#E2E2E2 1px solid;}
.genTable th {text-align:left; font-weight:bold; padding-top:9px; padding-bottom:8px; background:none; background: url(../images/home/bg_stock_price.gif) repeat-x left bottom #FFF;}
.genTable th, .genTable td, .genVertTable th, .genVertTable td {padding-left:10px; padding-right:10px;}
.genVertTable tr.last th, .genVertTable tr.last td {background:none;}
.genVertTable th {border-right:#E2E2E2 1px solid;}
.genVertTable ul {margin:0 20px 5px 0;}
.genVertTable ul li {padding:0 0 9px 10px; background-repeat:no-repeat; background-position:0 6px;}
.chiTxt { font-size:1.1em;}
.colorBtn {display:inline-block; color:#FFF; padding:0 6px; margin-top:2px; font-size:0.9em; line-height:1.5em; letter-spacing:1px;}
.note {color:#999999;}
.hidden {display:none;}


/* Press Release Table */
ul#pressNav {background: url(../images/home/bg_nav.gif) repeat-x left bottom;}
ul#pressNav li {float:right;}
ul#pressNav li a { display:block; width:47px; height:19px; margin-left:2px; padding-top:2px; color:#999; text-align:center; font-weight:bold; border:#E2E2E2 1px solid;}
ul#pressNav li a:hover, ul#pressNav li a.active {text-decoration:none;}
ul#pressNav li a.active {border-bottom:#FFF 1px solid;}
div#pressTable table tr td, div#pressTable table tr th, div#upcomingTable table tr td, div#upcomingTable table tr th, .genTable td, .genVertTable th, .genVertTable td, .genTableTopHead tr td, .genTableTopHead tr th {text-align:left; background:url(../images/dash.gif) repeat-x left bottom; padding-top:5px; padding-bottom:5px;}
div#pressTable table tr.title td, div#pressTable table tr.title th, div#upcomingTable table tr.title td, div#upcomingTable table tr.title th, .genTableTopHead tr.title td, .genTableTopHead tr.title th {font-weight:bold; padding-top:9px; padding-bottom:8px; background:none; background: url(../images/home/bg_stock_price.gif) repeat-x left bottom #FFF;}
div#pressTable table tr.title th, div#upcomingTable table tr.title th, .genTableTopHead tr.title th {width:15%;}
div#pressTable table tr.title td, div#upcomingTable table tr.title td, .genTableTopHead tr.title td {padding-left:12px;}
div#pressTable table tr th, div#upcomingTable table tr th, .genTableTopHead tr th {font-weight:normal; padding-left:20px;}
div#pressTable table tr td, div#upcomingTable table tr td, .genTableTopHead tr td {font-weight:normal;}
div#pressTable table tr a, div#upcomingTable table tr a, .genTableTopHead tr a, div#pressTable table tr span, div#upcomingTable table tr span, .genTableTopHead tr span {color:#333; display:block; background: url(../images/stroke.gif) no-repeat 0 5px; padding-left:12px;}
div#upcomingTable td.remind, div#upcomingTable td.prior {text-align:center;}
div#upcomingTable td.remind {width:15%}
div#upcomingTable td.prior {width:20%}
div#upcomingTable, .genTableTopHead {border-top:#E2E2E2 1px solid; margin-bottom:10px;}
.genTableTopHead tr.last th, .genTableTopHead tr.last td {border-bottom:#E2E2E2 1px solid; background:none;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

.clearfix {display: block;}
/* End hide from IE-mac */

.imgLeftNav{padding:22px 0 0 0;}