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

/*
Site: First Alpha Energy
Site URL: http://www.firstalphaenergy.com
Author: C Snow
Version: 1
*/

/*** Body ***/

html, body { height: 100%; }

body { background: #FFFFFF; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 18px; line-height: 1.2; color: #034638; }
h1 { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 26px; font-weight: normal; }
h2 { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 1.2; color: #034638; margin: 1.5em 0 0.5em; text-transform: uppercase; }
h3 { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 22px; font-weight: normal; color: #034638; margin: 0 0 0.5em; }
h4 { margin: 0 0 1em; }
p { font-size: 12px; line-height: 1.4; margin: 0 0 1em; }
h7 {font-size: 12px;}
a { color: #034638; text-decoration: none; }
a:hover { color: #034638; text-decoration: none; }
::selection { background: #034638; color: #FFF; }

.col1 ul { list-style: square; color: #034638; margin: 0 0 1em 15px; padding-left: 30px; }
.col1 li { margin: 0 0 0.5em; }

.col3 ul { list-style: square; color: #034638; margin: 0 0 1em 18px; padding-left: 30px;}
.col3 li { margin: 0 0 0.5em; }

/*** Clearfix ***/

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/*** Custom Fonts ***/



/*** Wrapper ***/

#wrapper { position: relative; width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px;  }

/*** Header ***/

#header { width: 960px; height: 120px; float: left; border-bottom: 1px solid #034638; padding-top: 20px; }

.logo { float: left; height: 70px; }

.tagline { float: right; width: 190px; height: 60px; padding-top: 15px; text-align: center; font-size: 11px; line-height: 1.2; text-transform: uppercase; }

/*** Main Menu ***/

#menu { clear: both; width: 960px; }
#menu ul { text-transform: uppercase; font-size: 16px; width: 960px; display: table; }
#menu li { display: table-cell; *display: block; *float: left; /* IE 7 and below */ text-align: center; padding-left: 5px; }
#menu li.home { padding-left: 0px; }
#menu a { display: block; color: #034638; background: #ccd0d5; padding: 8px 9px; *padding: 8px 12px; }
#menu a:hover { color: #FFF; border-bottom: 0; background: #009966; }

.active { border-bottom: 1px solid #333; }

/*** Content ***/

#content { float: left; clear: both; padding-top: 10px; width: 960px; }

/*** Slideshow ***/

#slideshow { width: 960px; height: 541px; padding-bottom: 10px; border-bottom: 1px solid #034638; margin-bottom: 20px; }
#slider { position: relative; height: 541px; overflow: hidden; background: #FFF; }

#slider div { width: 960px; height: 541px; background: #FFF; }
#slider div.img1 { background: url(../images/featured_01.jpg) no-repeat; }
#slider div.img2 { background: url(../images/featured_02.jpg) no-repeat; }
#slider div.img3 { background: url(../images/featured_03.jpg) no-repeat; }
#slider div.img4 { background: url(../images/featured_04.jpg) no-repeat; }

.slide img { position: absolute; z-index: 1; }

.slide p { width: 210px; margin-left: 10px; margin-top: 135px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 20px; font-style: italic; color: #FFF; }


#pager { z-index: 999 !important; position: absolute; right: 0px; list-style: none; height: 10px; }
#pager a { width: 10px; height: 10px; color: #CCC; margin-left: 10px; background: url(/images/yellow_dot.png) no-repeat; display: inline-block; margin-top: 410px; }
#pager a.activeSlide { color: #034638; background: url(/images/blue_dot.png)  no-repeat; }
#pager a:last-child { margin-right: 0; }
#pager li { display: inline; }

/*** Pages ***/

#pagebox { width: 810px; margin-left: 150px; }

.col0 { margin-top: 30px; min-height: 85px; border-bottom: 1px solid #034638; }

.pagetitle { background: #034638; overflow: hidden; padding: 10px 15px 12px 15px; float: left; display: block; margin: 0 10px 0 0;  }
.pagetitle h1 {  color: #FFF; font-size: 24px; border-bottom: 1px solid #009966; text-transform: uppercase; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; display: inline-block;}

.pagetab h1 a {  background: #CCD0D5; overflow: hidden; padding: 10px 15px 12px 15px; float: left; display: block; margin: 0 10px 0 0; color: #034638; font-size: 24px; border-bottom: 1px solid #CCD0D5; text-transform: uppercase; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;}
.pagetab:hover h1 a { background: #034638;color: #fff; }

.col1 { float: left; width: 575px; min-height: 400px; margin-top: 20px; text-align: justify; }
.col1 span.first { display: block; float: left; font-size: 92px; line-height: 0.7em; margin: 7px 5px 0 0; }
.col1 span.msg { display: block; font-size: 12px; text-align: center; margin: 0 auto; }
.col1 p { font-size: 18px; }
.col1 img { }
.col1 td { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 10px; }
.col1 td a:hover { border-bottom: 0px solid #034638; }
.col1 a { color: #034638; border-bottom: 0px solid #009966; }
.col1 a:hover { border-bottom: 1px solid #034638; }
.col1 h1 { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
.col1 h2 { text-align: left; }
.col1 ol li { list-style: decimal; }

.col2 { float: right; width: 200px; margin-top: 20px; padding-left: 10px; border-left: 1px solid #034638; }
.col2 h1 { font-size: 16px; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; }
.col2 h2 { font-size: 14px; text-transform: uppercase; font-weight: normal; letter-spacing: 0px; margin: 0; }
.col2 h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; font-style: italic; letter-spacing: 0px; margin: 0 0 1em; }
.col2 h4 { font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; }
.col2 h5 { font-size: 10px; text-transform: uppercase; font-weight: normal; }
.col2 p { font-size: 14px; text-transform: uppercase; letter-spacing: 0px; margin: 0; }



.col2 a { color: #034638; }
.col2 a:hover { color: #009966; border-bottom: 1px solid #009966; }
.col2 img { border: 0; display: block; }

.col3 { float: left; width: 960px; min-height: 400px; margin-top: 20px; text-align: justify; }
.col3 span.first { display: block; float: left; font-size: 92px; line-height: 0.7em; margin: 7px 5px 0 0; }
.col3 span.msg { display: block; font-size: 12px; text-align: center; margin: 0 auto; }
.col3 p { font-size: 18px; }
.col3 img { }
.col3 td { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 10px; }
.col3 td a:hover { border-bottom: 0px solid #034638; }
.col3 a { color: #034638; border-bottom: 0px solid #009966; }
.col3 a:hover { border-bottom: 1px solid #034638; }
.col3 h1 { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
.col3 h2 { text-align: left; }
.col3 ol li { list-style: decimal; }


.caption { font-size: 13px; background: #034638; color: #FFF; text-transform: uppercase; padding: 4px 6px 4px; margin-bottom: 20px; }
.caption a { color: #FFF; text-decoration: none; }
.caption a:hover { color: #009966; border-bottom: 0px; }

.seniortable { display: block; width: 750px; }
.seniortable td { padding-right: 15px; }
.seniortable img { width: 180px; height: 240px; }
.seniortable a:hover { color: #009966; }

.seniorcol1 { width: 180px; float: left; margin-top: 5px; }
.seniorcol1 img { width: 180px; height: 240px; }

.seniorcol2 { width: 750px; float: right; }
.seniorcol2 h1 { font-size: 18px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; border-bottom: 1px solid #034638; display: inline-block; }
.seniorcol2 h2 { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #999; padding-top: 5px; margin: 0; }
.seniorcol2 p { font-size: 16px; }

.seniorcol3 { width: 960px; float: left; }
.seniorcol3 h1 { font-size: 18px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; border-bottom: 1px solid #034638; display: inline-block; }
.seniorcol3 h2 { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #999; padding-top: 5px; margin: 0; }
.seniorcol3 p { font-size: 16px; }

.locations { text-align: left; }

.terms { }
.terms p { font-size: 12px; color: #666; }

/*** Footer ***/

#footer_space { clear: both; height: 65px; }
#footer { width: 930px; background: #034638; color: #FFF;  height: 40px; padding: 15px; position: relative; margin: 0 auto; }

.insidecopy { float: left; font-size: 11px; text-transform: uppercase; }
.insidelinks { float: right; font-size: 11px; text-transform: uppercase; }
.insidelinks li { display: inline; margin-left: 5px; margin-right: 5px; }
.insidelinks a { text-decoration: none; color: #FFF }
.insidelinks a:hover { border-bottom: 1px solid #009966; color: #009966; }

.fsa { clear: both; padding: 7px 0 3px; font-size: 11px; text-align: left; }