@charset "utf-8";

/* Canal Energy Template */

* {margin: 0;padding: 0;}	

html {font-size: 100%;}

body {font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif; background: #0099cb;}

p {padding-bottom: 1.5em;}



#wrapper {width: 920px; margin: 10px auto 0 auto; background: #fff;}



#header img {background: #0c8dd1 url(../images/global/canal-energy-header.jpg); height: 209px; border: none; }



/* background image and padding for visible links from wrapper */	

#navContainer {background: #fcc708 url(../images/global/navigation-background.jpg);height: 60px; font-size: 2em; padding: 8px 0 0 40px;}

/* padding and line-height for visible links relative to one another */

#navContainer a{padding: 0px 10px 0px; 0; line-height: 2.6em;}

/* remove bullets */

#nav, #nav ul { /* all lists */	list-style: none;}

/* style the list horizontally */

#nav a {display: block; color: #000; text-decoration:none;}

#nav li { /* all list items */float: left;}

#nav li ul { /* second-level lists */position: absolute; background: #fabf1b; left: -999em; border: 2px solid #fa9e04;width: 18em; font-size: .8em; line-height: 1.2em; z-index:99;/* using left instead of display to hide menus because display: none isn't read by screen readers */}

#nav li ul li{border-bottom: 1px solid #fa9e04; width: 100%; margin: 0px;}

#nav li ul a{line-height: 1.3em;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */left: auto;}

/*dropdown menus*/

#navOilfieldServices ul, #navFacilities ul {line-height:5px;}

/*nav bar link widths*/

#navHome a{width: 70px;}

#navOilfieldServices a{width: 190px;}

#navOilfieldServices ul li a{width: 18em;}

#navFacilities ul li a{width: 13em;}

#navFacilities ul li a{width: 16em;}

#navProfessionalServices a{width: 250px;}

#navProfessionalServices ul li a{width: 13em;}

#navFacilities a{width: 115px;}

#navContactUs a{width: 120px;}

/* redefine padding for drop-downs */

#nav, #nav ul {padding: 0px;}

#nav li:hover, #nav li.sfhover {background: #fabf1b;}



#innerWrapper {background: #01456a; color: #acd3ff;border:1px solid #fff;}

#mainContentTop {background: url(../images/global/main-content-top.jpg); height: 15px;}



#mainContent {background: url(../images/global/main-content-background.jpg) repeat-y;}



#mainContent h1{padding-left: 20px; font-size: 2.5em;color:#FF0000; text-decoration: underline;}

#mainContent h2{padding-left: 20px; font-size: 1.5em;color:#FF0000; text-decoration: underline;}

#mainContent h3{padding-left: 20px; font-size: 1.3em; color:#FF0000; text-decoration: underline;}



#mainContent p {padding: 0 20px 20px 20px; font-size: 1.2em;}

.plusBorder{border: 3px solid #fbc817; margin-bottom: 10px;}

.deepLeftMargin{margin-left: 160px;}



#mainContent ul{padding-left:40px; font-size: 1.1em;}

#mainContent li {position:relative;}

#mainContent li ul{padding-left:20px; list-style-type: square; font-size: .9em;}



#mainContent a{color: #FFCC33;}

#mainContent a:visited{color:#FFFFFF;}



.2col{width: 900px; padding: 20px 0;}

.leftCol{float: left; width: 410px;}

.leftCol img{margin-left: 50px;}

.rightCol{float: right;width: 410px;margin: 0 20px 20px 20px;}

.underList{margin-top:10px;}











#footer {background: url(../images/global/footer-background.jpg) no-repeat; height: 47px; font-size: 10px;color: #032b58; width: 920px;}



#footer p{float: left; padding: 15px 0 10px 100px; width: 310px;font-size: 1.1em; }

#footer ul{float: right; padding: 15px 60px 10px 0; width: 430px;font-size: 1.1em;}

#footer li{display: inline; }

#footer a{list-style-type: none; text-decoration: none; color: #032b58}

#footer a:visited{color: #032b58;}



.clearFix{clear:both;}