@charset "utf-8";
/* CSS Document */

body, td,th { font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 13px; margin:0; padding:0; }
body { background-color: #a4a481; }

/*  ---- tags ---- */
a { outline: none; }
a:link { color: #36378e; text-decoration: underline; }
a:visited { color: #36378e;	text-decoration: underline; }
a:hover { color: #6f70b6; text-decoration: underline; }
a:active { color: #6162b0; text-decoration: underline; }
a:focus { color: #6162b0; text-decoration:underline; }
img { border: none; }
p { line-height:1.5; margin:0px 0px 25px 0px; }
ul p { margin-bottom:-5px; }
h1 { font-size:24px; color: #242956; margin:2px 0px 0px 0px; }
h2 { font-size:14px; padding-bottom:.7em; }
h3 { font-size:27px; color: #242956; border-bottom:1px solid #6f708b; margin:0px 0px 20px 0px; }
h4 { font-size:16px; color: #242956; border-bottom:1px dotted #6f708b; margin:0px 0px -10px 0px; }

h5 { font-size:16px; color: #242956; margin-bottom:-10px; }

h6 { font-size:16px; color:#242956; margin-bottom:10px; border-bottom:1px solid #6f708b; }

/*ul { margin-top:-10px; }*/
ul ul { margin-top:10px; }
#pageBodyText ul li { margin-bottom:5px; }
#pageBodyText ul { margin-bottom:5px; }

/* ---- header / buttons ---- */

#pageContainer { width:700px; margin:0px auto; padding:0px; }
#pageHeader {  background:#1c1e80; height:180px; border-bottom:1px solid #FFF;    }
#pageHeader2 {  background:#1c1e80; height:128px; border-bottom:1px solid #FFF; }
#southernLogo { background:url(../images/logo1.jpg) no-repeat; width:700px; height:120px; margin-left:54px; text-indent:-9999px;  }
#login a { font-size: 14px; margin-left:54px; margin-top:-155px; color:#FFFFFF; position:absolute; }
#login a:hover { color:#6162b0; }
#login a:focus { color:#6162b0; }

#phoneNumber { font-size: 12px; color:#FFFFFF;  width:300px; margin-top:-150px; margin-left:455px;  }
#phoneNumber a:link { color:#fff; }
#phoneNumber a:visited { color:#fff; }
#phoneNumber a:hover { color:#6162b0; }
#phoneNumber a:focus { color:#6162b0; }

#phoneNumberPA { font-size:12px; color:#ffffff; text-align:left; width:300px; margin-top:-150px; float:left; margin-left:54px; }
#phoneNumberPA a:link { color:#fff; }
#phoneNumberPA a:visited { color:#fff; }
#phoneNumberPA a:hover { color:#6162b0; }
#phoneNumberPA a:focus { color:#6162b0; }


/* ---- buttons home ---- */

#pageMainMenu { margin: 0px; padding: 0px; height: 349px; width:229px; float:left; .margin-top:-15px; }
#pageMainMenu li { list-style:none; }
#pageMainMenu li a { border:none; display:block; width:229px; background:url(../images/buttons.jpg) no-repeat; text-indent: -9999px; }
#pageMainMenu li#mmHome { width:0px; height:0px; position:relative; text-indent:-9999px; }
#pageMainMenu li#mmHome a { width:675px; height:60px; position:absolute; top:-95px; left:0px; background:none; }
#pageMainMenu li#mmOurCompany a { height: 73px; background-position: 0px 0px; }
#pageMainMenu li#mmFieldServices a { height: 50px; background-position: 0px -73px; }
#pageMainMenu li#mmProducts a { height: 50px; background-position: 0px -123px; }
#pageMainMenu li#mmGasSample a { height: 50px; background-position: 0px -173px; }
#pageMainMenu li#mmRequestInformation a { height: 50px; background-position: 0px -223px; }
#pageMainMenu li#mmContactUs a { height: 79px; background-position: 0px -273px; }
#pageMainMenu li#mmOurCompany a:hover { background-position: -229px 0px; }
#pageMainMenu li#mmFieldServices a:hover { background-position:-229px -73px; }
#pageMainMenu li#mmProducts a:hover { background-position:-229px -123px; }
#pageMainMenu li#mmGasSample a:hover { background-position:-229px -173px; }
#pageMainMenu li#mmRequestInformation a:hover { background-position:-229px -223px; }
#pageMainMenu li#mmContactUs a:hover { background-position:-229px -273px; }


/* ---- buttons internal ---- */

#pageMainMenu2 { width:701px; list-style:none; height:56px; position:relative; margin-left:-40px; margin-top:-2px; .margin-left:0px; }
#pageMainMenu2 li { float:left; margin:0; padding:0; }
#pageMainMenu2 li a { border:none; display:block; height:56px; background:url(../images/buttons-horizontal.jpg) no-repeat; text-indent:-9999px; outline:none; }
#pageMainMenu2 li#mmHome { width:0px; height:0px; position:relative; text-indent:-9999px; }
#pageMainMenu2 li#mmHome a { width:675px; height:60px; position:absolute; top:-95px; left:0px; background:none; }
#pageMainMenu2 li#mmOurCompany a { width: 116px; background-position: 0px 0px; }
#pageMainMenu2 li#mmFieldServices a { width: 109px; background-position: -116px 0px; }
#pageMainMenu2 li#mmProducts a { width: 77px; background-position: -225px 0px; }
#pageMainMenu2 li#mmGasSample a { width: 152px; background-position: -303px 0px; }
#pageMainMenu2 li#mmRequestInformation a { width: 147px; background-position: -455px 0px; }
#pageMainMenu2 li#mmContactUs a { width: 100px; background-position: -602px 0px; }
#pageMainMenu2 li#mmOurCompany a:hover { background-position: 0px -56px; }
#pageMainMenu2 li#mmFieldServices a:hover { background-position:-116px -56px; }
#pageMainMenu2 li#mmProducts a:hover { background-position:-225px -56px; }
#pageMainMenu2 li#mmGasSample a:hover { background-position:-303px -56px; }
#pageMainMenu2 li#mmRequestInformation a:hover { background-position:-455px -56px; }
#pageMainMenu2 li#mmContactUs a:hover { background-position:-602px -56px; }



#pageMiddleBG { background:#cdcde3; height:349px; border-bottom:1px solid #FFF; }
#pageMiddleBG2 { background:#6162b0; height:54px; border-bottom:1px solid #FFF; padding-top:1px; }
#pageMiddleContentContainer { width:701px; height:349px; margin-left:54px; }
#pageHeaderPicContainer { float:right; background:#6162b0; width:461px; height:339px; padding:10px 0px 0px 10px; border-right:1px solid #FFF; }

#pageHeaderBodyDivider { background:#bebea5; height:16px; border-bottom:1px solid #FFF; }
#pageHeaderBodyLeft { background:#67662c; height:16px; width:54px; border-right:1px solid #FFF; }
#pageHeaderBodyLeft2 { background:#757440; height:16px; width:54px; border-right:1px solid #FFF; }
#pageHeaderBodyButtons { background:#757440; height:16px; width:227px; border-right:1px solid #FFF; margin-left:55px; }
#pageHeaderBodyButtons2 { background:#999972; height:16px; width:698px; border-right:1px solid #FFF; margin-left:55px; }
#pageHeaderBodyPic { background:#999972; height:16px; width:471px; border-right:1px solid #FFF; margin-left:228px; }

#googleMapLrg { width:530px; height:500px; border:1px solid #000000; margin-top: 20px; }

#googleMap { width:400px; height:250px; border:1px solid #000000; margin-top: 20px; }

/* ---- body ---- */
#pageBodyBG { background:#dbdbcd; }
#pageBodyContainer { width:700px; margin-left: 80px; padding:25px 0px 40px 0px; }
#pageBodyText { width:425px; float:left; }
#pageBodyTextBig { width:675px; }

#pageBodyRight { width: 215px; float:right; padding:33px 0px 0px 60px; }

#zebra tr.even td { background-color: #bebea5; padding:10px; }
#zebra tr.odd td { background-color: #999972; padding:10px;}


/* ---- colored boxes ---- */ 
#greenBox { display:block; width:15px; height:15px; border:1px solid #000000; background:#00CC33; margin-bottom:-5px; }
#purpleBox { display:block; width:15px; height:15px; border:1px solid #000000; border-right:18px solid #000; background:#9422ff; margin-bottom:-5px; }
#blackBox { display:block; width:15px; height:15px; border:1px solid #000000; background:#000000; margin-bottom:-5px; }
#orangeBox { display:block; width:15px; height:15px; border:1px solid #000000; background:#ff9422; margin-bottom:-5px; }
#lightBlueBox { display:block; width:15px; height:15px; border:1px solid #000000; background:#86d0ff; margin-bottom:-5px; }
#whiteBox { display:block; width:15px; height:15px; border:1px solid #000000; background:#FFFFFF; margin-bottom:-5px; }
#tanBox { display:block; width:15px; height:15px; border:1px solid #000000; background:#8d8060; margin-bottom:-5px; }
#blueBox { display:block; width:15px; height:15px; border:1px solid #000000; background:#0072e6; margin-bottom:-5px; }
#redBox { display:block; width:15px; height:15px; border:1px solid #000000; background:#e60000; margin-bottom:-5px; }
#lightGreenBox { display:block; width:15px; height:15px; border:1px solid #000000; background:#8cf29a; margin-bottom:-5px; }


/* ---- footer ---- */
#pageFooterBG { background:#a4a481; background-position:top; }
#pageFooterTop { background:url(../images/footerRepeat.jpg) repeat-x; height:24px; }


/* ---- classes ---- */ 
.rightTypeStyle { line-height:1.2; font-size:11px; padding-top:10px; width:195px; }
.clearFloats { clear:both; }
.photoBorder { border:1px solid #040549;}

.floatRight { float:right; border:1px solid #040549; margin:0px 0 10px 10px; position:relative; }


.footerStyle { font-size: 12px; color:#0a0a09; margin:15px 0px 0px 74px; line-height:1.4; }
.footerStyle { outline:none; padding-bottom:30px; }
.footerStyle a:link { color: #000; text-decoration: none; }
.footerStyle a:visited { color: #0a0b3a; text-decoration: none; }
.footerStyle a:hover { color: #36378e; text-decoration: none; }
.footerStyle a:active { color: #36378e; text-decoration: none; }
.footerStyle a:focus { color: #36378e; text-decoration:none; }

.tagStyle { font-size:10px; line-height:.1;}


/* ---- IE 6 remedies ---- */

* html #pageMiddleContentContainer { margin-top:-1px; }
* html #pageHeaderBodyDivider { margin-top:-21px; border-top:1px solid #FFFFFF; }
* html #pageHeaderBodyButtons  { position:absolute; }
* html #pageHeaderBodyPic { position:absolute; }
* html #pageMainMenu2 li a { height:55px; margin-top:1px; }

* html #pageMiddleBG2 { margin-bottom:-312px; }
* html #pageHeaderBodyButtons2 { border-left:1px solid #ffffff; }
* html #pageHeaderBodyLeft2 { margin-left:-1px; border:none; }

* html #phoneNumberPA { margin-left:27px; }