/* Author: Gu Ming Peng | GMP Web Design LLC Date: 04/12/2005 Modified: N/A */

/* Zeroing off consistant zeros for all browsers set alternates below */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {margin: 0; padding: 0; border: 0;}

#global {/* Body Defined */margin: 0; padding: 0; font: normal 11px/1.3em Arial, Helvetica, sans-serif; background: url(../i/bg_header.gif) repeat-x;}

#header {padding: 20px 0 0 0; width: 770px; height: 70px; background-image: url(../i/map.gif); background-repeat: no-repeat; background-position: 450px 20px;}
#header h1 {float: left; display: inline; font-weight: normal; margin: 0; padding: 0;}
#header h2 {float: left; display: inline; font-weight: normal; margin: 0 11px 0 11px; padding: 25px 15px 0 15px;}
#header div {float: left; display: inline; font-weight: normal; margin: 8px 0 0 208px; padding: 0; font-size: 11px; color: #666; white-space: nowrap;}
#header p {text-align: right; padding: 2px 0 0 0; margin: 0;}
#header .searchbox {width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 2px 0;}

/* ---( Nav )--- */
#nav {margin: 0 0 -3px 0;} /* IE Needs -3 */
html> body #nav {margin: 0;}
#nav ul {list-style-type: none; height: 19px; background: url(../i/nav_bg.gif) repeat-x; margin: 0; padding: 0; border: 0;}
#nav ul li {float: left; background-position: 0px -19px; margin: 0px; padding: 0px;	border: 0px;}
#nav ul li a {display: block; height: 19px; text-indent: -1000em; text-decoration: none;}
#nav ul li a:hover {background: none;}

#nleft {width: 122px; height: 33px; background: url(../i/nav_left.gif) no-repeat;}
#nhome, #nhome a {width: 49px; background: transparent url(../i/nav_home.gif) no-repeat;}
#nhomeon, #nhomeon a {width: 49px; background: transparent url(../i/nav_home_on.gif) no-repeat;}
#nabout, #nabout a {width: 45px; background: transparent url(../i/nav_about.gif) no-repeat;}
#nabouton, #nabouton a {width: 45px; background: transparent url(../i/nav_about_on.gif) no-repeat;}
#nportfolio, #nportfolio a {width: 60px; background: transparent url(../i/nav_portfolio.gif) no-repeat;}
#nportfolioon, #nportfolioon a {width: 60px; background: transparent url(../i/nav_portfolio_on.gif) no-repeat;}
#npricing, #npricing a {width: 51px; background: transparent url(../i/nav_pricing.gif) no-repeat;}
#npricingon, #npricingon a {width: 51px; background: transparent url(../i/nav_pricing_on.gif) no-repeat;}
#nworksheet, #nworksheet a {width: 72px; background: transparent url(../i/nav_worksheet.gif) no-repeat;}
#nworksheeton, #nworksheeton a {width: 72px; background: transparent url(../i/nav_worksheet_on.gif) no-repeat;}
#ninquiry, #ninquiry a {width: 54px; background: transparent url(../i/nav_inquiry.gif) no-repeat;}
#ninquiryon, #ninquiryon a {width: 54px; background: transparent url(../i/nav_inquiry_on.gif) no-repeat;}
#nresource, #nresource a {width: 103px; background: transparent url(../i/nav_resource.gif) no-repeat;}
#nresourceon, #nresourceon a {width: 103px; background: transparent url(../i/nav_resource_on.gif) no-repeat;}

/* ---( Constrain Width )--- */
#outter {width: 770px; background: url(../i/gumingcom.gif) no-repeat; clear: both; margin: 0; border: 0; padding: 0; min-width: 770px;}

/* ---( Main Content )--- */
#maincontent {float: left; width: 400px; font: normal 11px/1.5em Arial, Tahoma, sans-serif; margin: 0; padding: 0 0 0 140px; border: 0;}
#maincontent h1 {margin: 0 0 9px 0; padding: 0; border: 0;}
#maincontent h2 {margin: 0; padding: 0; border: 0; font: bold 12px/1.5em Arial, Verdana, sans-serif; color: #666; border-bottom: 1px #ccc solid; margin: 9px 5px 0 0;}
#maincontent p {margin: 3px 0 12px 0;}
#maincontent ul {margin: 0 0 20px 30px; padding: 0;}
#maincontent li {font: normal 10px/1.3em Arial, Verdana, sans-serif;}

	/* ---( Constrain Width )--- */
	#maincontent .portsite {float: left; width: 50%; text-align: center; font-size: 10px; padding-bottom: 20px;}
	#maincontent .portsite strong {color: #666;}
	#maincontent .portsite img {display: block; margin: 7px auto;}
	
	#maincontent .port ul {clear: both;}
	
	#maincontent .portlist {float: left; width: 48%; text-align: left; font-size: 10px; padding-bottom: 20px;}
	#maincontent .portlist h3 {color: #666; background-color: #eed; font-size: 10px; margin: 0; padding: 0 3px 0 7px; border-left: 2px #fff solid; clear: both;}
	#maincontent .portlist ul {margin: 0 0 0 25px; padding: 0}
	#maincontent .portlist li {font: normal 10px/1.3em Arial, Verdana, sans-serif;}
	
	#maincontent .porttempl {float: left; width: 33%; text-align: center; padding-bottom: 20px; font-size: 10px;}
	#maincontent .porttempl img {display: block; margin: 2px auto;}

#maincontent .resource dt {font-weight: bold; background-color: #eee; padding: 3px 8px;}
#maincontent .resource dd {margin: 0; border: 1px #eee solid; padding: 3px 8px;}
#maincontent .resource small {display: block; color: #999;}

/* ---( Main Content Wide Single Column, no Rt Box)--- */
#maincontentwide {float: left; width: 640px; margin: 0; padding: 0 0 0 140px; font: normal 11px/1.4em Arial, Tahoma, sans-serif;}
#maincontentwide h1 {margin: 0 0 9px 0; padding: 0; border: 0;}
#maincontentwide h2 {margin: 0; padding: 0; border: 0; font: bold 12px/1.5em Arial, Verdana, sans-serif; color: #666;}
#maincontentwide h3 {margin: 0; padding: 0 0 9px 0; border: 0; font: bold 10px/1.4em Arial, Verdana, sans-serif; color: #666;}
#maincontentwide p {margin: 3px 0 12px 0;}
#maincontentwide ul {margin: 0 0 20px 30px; padding: 0;}

#bgone {background-image: url(../i/1.gif); background-repeat: no-repeat; background-position: top right;}
#bgone p {padding: 0 90px 12px 0; margin: 9px 0 0 0;}

#bgtwo {background-image: url(../i/2.gif); background-repeat: no-repeat; background-position: top right;}
#bgtwo p {padding: 0 90px 12px 0; margin: 9px 0 0 0;}

#bgthree {background-image: url(../i/3.gif); background-repeat: no-repeat; background-position: top right;}
#bgthree p {padding: 0 90px 12px 0; margin: 9px 0 0 0;}

#chartprice dl {}
#chartprice dt {padding: 7px 120px 7px 7px; border: 1px #eed solid; border-width: 0 0 1px 0;}
#chartprice dd {background-color: #eed; text-align: right; float: right; font-weight: bold; margin: -28px 0 0 0; padding: 5px; width: 100px;}

#searchpage dt {font-weight: bold;}
#searchpage dd {margin: 0 0 14px 0;}

/* ---( Right Box Content )--- */

#boxright {width: 202px; margin-left: 560px; font: normal 11px/1.4em "MS Sans Serif", Tahoma, Arial, Verdana, sans-serif; color: #666; padding: 0; border: 0;} 
/*Cuases Wrap in IE 6*/

/* Bad for FF
#boxright {position: absolute; width: 202px; margin-left: 20px; margin-top: 0px; font: normal 12px/1.5em "MS Sans Serif", Tahoma, Arial, Verdana, sans-serif; color: #666; padding: 0; border: 0;}*/

#boxright dl {border: 1px #ccc solid; padding: 5px 1px 1px 1px; margin: 0 0 12px 0; font: normal 10px/1.3em "MS Sans Serif", Tahoma, Arial, sans-serif;}
#boxright dt a {font-weight: bold;}
#boxright dt {margin: 0; padding: 3px 12px;}
#boxright dt img {margin: 0; padding: 4px 12px 0 12px;}
#boxright .list {margin: 0 12px; padding: 0 0 0 12px; background-image: url(../i/bg_dots.gif); background-repeat: no-repeat; background-position: 2px 5px;}
#boxright dd {margin: 5px 0 0 0; padding: 2px 5px; background-color: #003366; text-align: right;}

#boxright dd a:link {color: #fff; text-decoration: none;}
#boxright dd a:visited {color: #fff; text-decoration: none;}
#boxright dd a:hover {color: #ffc; text-decoration: none;}
#boxright dd a:active {color: #ff0; text-decoration: none;}

#boxright .tn {float: left; margin: 3px 7px 0 0; padding: 0; width: 75px; height: 75px;}

/* ---( Packages Content )--- */
#packages {font: normal .65em/1.3em Arial, Verdana, sans-serif; margin: 10px;}
#packages h1 {border-bottom: 1px #eee solid; padding: 0 0 7px 0;}
#packages h2 {font-size: 13px; margin-bottom: 1px; padding-bottom: 0;}
#packages h3 {font-size: 10px;}
#packages p {margin: 3px 0 12px 0;}
#packages li {margin-bottom: 12px;}
#packages dt {font-weight: bold; margin-left: 25px;}
#packages dd, #packages ul {margin-left: 25px;}

/* ---( Footer Content )--- */
div#footer {font: normal 10px/1.5em Arial, Tahoma, Verdana, sans-serif; color: #999; clear: both; background: #036 url(../i/bg_bot.gif) repeat-x;}
div#footer dfn {float: right; position: relative;}
div#footer div {margin: 0; padding: 3px 0 15px 3px; border: 0;}
div#footer em {padding: 0 0 0 12px; color: #999; font-style: italic; font-weight: normal;}
div#footer p {margin: 0; padding: 3px 0 0 0; border: 0; background: url(../i/g.gif) no-repeat left; height: 300px;}

/* ---( Custom Classes )--- */
.hide {display: none;}
.clear {clear: both;}
.cent {text-align: center;}
.msgbox {padding: 10px; border: 1px #ccc solid; background-color: #eee;}
div.pagination {padding: 3px 10px; border: 1px #ccc solid; background-color: #ffe; font-size: 11px; margin-top: 12px;}
div.liner {background: url(../i/dot.gif) repeat-x; margin: 0; padding: 0; font-size: 8px;}

/* ---( Modified HTML Tags )--- */
form {display: inline;}
img {border: 0;}
cite {color: #f00; font-style: normal; font-weight: bold;} /* Use instead of alert */
em {color: #090; font-style: normal; font-weight: bold;} /* Use for alert 2 */
var {font: normal 11px/1.5em "MS Sans Serif", Tahoma, sans-serif;} /* Use for arrows */

a:link {color: #036;}
a:visited {color: #999;}
a:hover {color: #7F99CC;}
a:active {color: #1F79D2;}