/* 
  
  .oooo.        ooooooooo    oooooooooo.   oooooooooooo  .oooooo..o ooooo   .oooooo.    ooooo      ooo  .oooooo..o 
.dP""Y88b      d"""""""8'    `888'   `Y8b  `888'     `8 d8P'    `Y8 `888'  d8P'  `Y8b   `888b.     `8' d8P'    `Y8 
      ]8P'           .8'      888      888  888         Y88bo.       888  888            8 `88b.    8  Y88bo.      
    <88b.           .8'       888      888  888oooo8     `"Y8888o.   888  888            8   `88b.  8   `"Y8888o.  
     `88b.         .8'        888      888  888    "         `"Y88b  888  888     ooooo  8     `88b.8       `"Y88b 
o.   .88P  .o.    .8'         888     d88'  888       o oo     .d8P  888  `88.    .88'   8       `888  oo     .d8P 
`8bd88P'   Y8P   .8'         o888bood8P'   o888ooooood8 8""88888P'  o888o  `Y8bood8P'   o8o        `8  8""88888P'  

  
 Like the code you see? - www.3point7designs.com

  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : UNIVERSAL SELECTORS
  =02 : BODY STRUCTURE
  =03 : LINKS
  =04 : NAVIGATION
  =05 : HELPER CLASSES
  =06 : ACCESSIBILITY
  =07 : TABLES


  MARGINS:

  SMALL t10px / b10px
  DEFAULT  t20px / b20px
  LARGE t30px / b30px

*/

/* =01 : UNIVERSAL SELECTORS */

* { }
html, body { margin: 0; font-family: arial, helvetica, san-serif; }

/* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */

body {
    background: #004366 url(../images/structure/body-bg-x.jpg) repeat-x;
}
#wrapper {
    background: transparent url(../images/structure/page-bg.png) no-repeat top center;
    height: 700px;
}
#page {
    background: transparent url(../images/structure/page-bg.png) no-repeat -404px 0px;
    width: 937px;
    margin: 0 auto;
}
#pagewidth

.article {}
.section {}
.aside

.navigation {}

#header {
    position: relative;
}
#footer {
    background: #004366 url(../images/structure/content-bottom-bg.png) no-repeat;
    padding: 17px 10px;
    color: #6791a7;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
}

#flash {
    height: 504px; background: url('../images/structure/content-bottom-bg.jpg') bottom center no-repeat;
	padding: 0 0 0 0;
}

#subpage #content { background: none; height: 457px; padding: 0 0 18px 0; background: url('../images/structure/subpage-content-bg.png') bottom center no-repeat;}
.contact-content { background: url('../images/structure/subpage-content-bg-contact.png') bottom center no-repeat !important;}
.inquire-content { background: url('../images/structure/subpage-content-bg-inquire.png') bottom center no-repeat !important;}
.carson-content { background: url('../images/structure/subpage-content-bg-carson.png') bottom center no-repeat !important;}
.team-content { background: url('../images/structure/subpage-content-bg-team.png') bottom center no-repeat !important;}
#subpage #content-main { width: 564px; padding:  0;margin: 0; float: left; height: 447px;  }
#subpage #content-sup { width: 335px; padding: 0; margin: 20px 0 0 0; float: right; height: 427px; overflow: hidden; 
	padding: 15px 15px 15px 0; text-align: right; }

#subpage #content-sup h1, #subpage #content-sup h2, #subpage #content-sup h3, #subpage #content-sup p { font-weight: 100;}
#subpage #content-main p, #subpage #content-main ul { color: #000;}
#subpage #content-main h3 { text-transform: none; color: #000 !important; font-weight: bold;}

#subpage #content-main .section { height: 425px; padding: 15px 15px 15px 15px; overflow: auto; display: none; position: relative;}
#subpage #content-main .active { display: block !important;}

#subpage #content-main a { color: #00466b;}

#subpage h1 { font-size: 20px; font-family: 'Helvetica Neue';   color: #9edff9 !important;font-style: 'UltraLight' !important;}
#subpage h2 { font-size: 22px; color: #00466b;}
#subpage h3 { font-size: 13px !important; color: #ffffff !important; margin-bottom: 5px;}
#subpage h4 { color: #000;}

#content-main ul li, #content-main ol li { padding: 2px 0 2px 0; line-height: 1.5em;}

#content-main ol { color: #000;}

#home-buttons { list-style: none; margin: 0; padding: 0; }
#home-buttons li { float: left; }



#news-button a {
	background: url('../images/home/news-button.gif') no-repeat scroll top left;
	width: 320px; display: block; text-indent: -99999px; overflow: hidden;
	height: 54px;
}

#news-button a:hover { background-position: -320px 0;}

#inquire-button a {
	background: url('../images/home/inquire-button.gif') no-repeat scroll top left;
	width: 295px; display: block; text-indent: -99999px; overflow: hidden;
	height: 54px;
}

#inquire-button a:hover { background-position: -295px 0;}


#services-button a {
	background: url('../images/home/services-button.gif') no-repeat scroll top left;
	width: 320px; display: block; text-indent: -99999px; overflow: hidden;
	height: 54px;
}

#services-button a:hover { background-position: -320px 0;}


#content {
    background: #004366 url(../images/structure/content-top-bg.png) no-repeat;
    padding: 41px 0 0 0;
    color: #fff;
}
#content-main {
    padding: 15px 10px;
    float: left;
    width: 450px;
}
#content-sup {
    padding: 15px 10px;
    float: left;
    width: 447px;
}

#content p {
    line-height: 17px;
}

.carson-content h2, .carson-content a { color: #dc1518 !important;}

#content h3 {
    color: #fff;
    font-weight: normal;
    font-size: 140%;
    font-family: "NewsGothicMT", Arial, Helvetica, Verdana;
    text-transform: uppercase;
}
#content h3 em {
    font-style: normal;
    font-weight: bold;
    font-family: "NewsGothicMT Bold", Arial, Helvetica, Verdana;
}
#content h4 {
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    margin: 0 0 5px 0;
}
#news-topics {
    list-style: square;
    margin: 0 0 20px 0;
    padding: 0 0 0 13px;
}
#news-topics a {
    line-height: 17px;
}
#content a.read-more {
    font-weight: bold;
}

#content form {
    position: relative;
}
#content label strong {
    float: left;
    display: block;
    line-height: 20px;
    width: 100px;
    text-transform: uppercase;
    font-family: "HelveticaNeue", Arial, Helvetica, Verdana;
}
#content label input.text,
#content label textarea {
    width: 190px;
    border: 1px solid #000;
}
#content label input.text {
    padding: 0;
    margin: 0;
    height: 18px;
}
#content label textarea {
    padding: 0;
    margin: 0;
    height: 68px;
}
#content p.btn {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 0;
    padding: 0;
    line-height: normal;
}
#content p.btn button {
    margin: 0;
    padding: 0;
    border: 0px none #fff;
    background: none;
    cursor: pointer;
}
#content p.btn button strong {
    display: block;
    width: 100px;
    background: transparent url(../images/nav/btn-bg-right.png) no-repeat top right;
    padding: 0 8px 0 0;
}
#content p.btn button strong em {
    display: block;
    font-family: "HelveticaNeue", Arial, Helvetica, Verdana;
    font-style: normal;
    color: #fff;
    width: 100px;
    background: transparent url(../images/nav/btn-bg-left.png) no-repeat;
    height: 30px;
    line-height: 30px;
}


/* =03: LINKS */

a { color: #fff; }
a:hover { color: #ccc }
a:visited {}
a:active {}

/* =04: NAVIGATION */

#content-navigation { list-style: none; margin: 18px 0 0 0; padding: 0; }
#content-navigation li { margin: 0; padding: 10px 0 10px 0;}
#content-navigation li a { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; color: #c3eeff;}
#content-navigation li a:hover { text-decoration: none; color: #add4e4;}
#content-navigation li a.active { text-decoration: none; color: #fff !important;}

#main-navigation {
    position: absolute;
    top: 20px;
    right: 0px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 60px;
    width: 677px;
    overflow: hidden;
}
#main-navigation li {
    display: inline;
}
#main-navigation a {
    float: left;
    display: block; 
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    text-align: right; 
    color: #fff; color: #b0cfdf;
    font-size: 90%;
    font-family: "Helvetica Neue Light", Arial, Helvetica, Verdana;
    padding: 18px 10px;
    height: 42px;
    background: transparent url(../images/nav/main-tab.png) no-repeat top right;
}
body:first-of-type #main-navigation a {
    /*font-size: 80%;*/
}
#main-navigation a strong {
    display: block; color: #fff;
    letter-spacing: 0px;
    padding: 0 0 2px 0;
    font-size: 120%;
    font-family: "HelveticaNeue CondensedBold", Arial, Helvetica, Verdana;
}
#main-navigation li.l a {
    background-image: none;
}
#main-navigation a:hover, #main-navigation a:hover strong, #main-navigation a.active, #main-navigation a.active strong {
    color: #d7feff !important;
}

#sub-navigation {
    width: 937px;
    height: 38px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}
#sub-navigation li {
    display: inline;
}
#sub-navigation li.h strong {
    float: left;
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 15px;
    width: 210px;
    color: #fff;
    font-size: 120%;
    letter-spacing: 2px;
    font-family: Arial, Verdana;
    text-transform: uppercase;
}
#sub-navigation a {
    float: left;
    display: block;
    font-family: Arial, Verdana;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #f2ffb4;
    padding: 0 8px;
    height: 38px;
    line-height: 38px;
    font-size: 90%;
    background: transparent url(../images/nav/sub-tab.png) no-repeat center right;
}

#sub-navigation li a.active { color: #fff; background: #a2c300; margin-top: 2px;}

#sub-navigation li.l a {
    background-image: none;
}
#sub-navigation a:hover {
    text-decoration: underline;
}

/* 
ACCESSIBLE CSS ROLL OVERS 
#main_nav li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }
*/

#logo {
    margin: 0;
}
#logo a {
    display: block;
    width: 247px;
    height: 101px;
    line-height: 300px;
    overflow: hidden;
}

#footer a {
    color: #6791a7;
    text-decoration: none;
}
#footer a:hover {
    color: #ccc;
    text-decoration: underline;
}

#subnav {}

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =06: HELPER CLASSES */

.tac, .center { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl, .left { float: left; }
.fr, .right { float: right; }

.imgfl { float: left; margin-right: 18px; }
.imgfr { float: right; margin-left: 18px; }

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

.nolist, .nolist li { margin: 0; padding: 0; list-style: none;}

/* =07: ACCESSIBILITY */

#skiplinks { position: absolute; top: -500px; }

/* =08: TABLES */

table
table tr
table td
summary {}
th {}
legend {}

#news-topics { height: 50px;  margin-left: 0; padding-left: 0;}
#news-topics li {  list-style: none; font-size: 14px; padding: 14px; background: #035580; margin-right: 10px; }

/* =============== */
/* = Main Photos = */
/* =============== */

#consulting-photo {
	width: 534px; position: absolute; 
	height: 0; margin-top: -1px;
	font-size: 1em;
	 height: 428px !important;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/main-pics/consulting.jpg');
}

#company-opening {
	width: 534px;
	height: 428px !important; margin-top: -1px;
 	font-size: 1em;;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/company/the-company.jpg') no-repeat;
}

#current-customers-opening {
	width: 534px;
	height: 428px !important; margin-top: -1px;
	font-size: 1em;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/customers/current-customers.jpg') no-repeat;
}

#labels-opening {
	width: 534px;
	height: 428px !important; margin-top: -1px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/labels/labels-safety.jpg') no-repeat;
}

#permit-opening {
	width: 534px;
	height: 428px !important; margin-top: -1px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/permit/permit-information.jpg') no-repeat;
}

#site-assessment-opening {
	width: 534px;
	height: 428px !important; margin-top: -1px;
	font-size: 1em;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/site-assessment/site-assessment.jpg') no-repeat;
}

#tools-opening {
	width: 534px;
	height: 428px !important; margin-top: -1px;
	font-size: 1em;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/tools/tools-main.jpg') no-repeat;
}

#water-quality-opening {
	width: 534px;
	height: 428px !important; margin-top: -1px;;
	font-size: 1em;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/water-quality/main-photo.jpg') no-repeat;
}

#weed-opening {
	width: 534px;
	height: 428px !important; margin-top: -1px;
	font-size: 1em;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/weed-algea/weed-algea-control.jpg') no-repeat;
}

#posting-opening {
	width: 534px;
	height: 428px !important; margin-top: -1px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/signs/posting-signs.jpg') no-repeat;
}

#latest-news { background: url('../images/news/news-picture.jpg'); width: 534px; position: absolute; 
height: 0; margin-top: -1px;
font-size: 1em;
 height: 428px !important;
text-indent: -2000px;
overflow: hidden;}
#latest-services { background: url('../images/new-services/services-picture.jpg'); width: 534px;
height: 428px !important; width: 534px; position: absolute; 
height: 0; margin-top: -1px;
font-size: 1em;
 height: 428px !important;
text-indent: -2000px;
overflow: hidden;}

#management-program { background: url('../images/consulting/lake-management.jpg') top right no-repeat; padding-right: 200px !important;}

#invasive-plants-opening { background: url('../images/news/invasive-plants.jpg'); width: 534px; height: 428px !important; margin-top: -1px; text-indent: -20000px; overflow: hidden;
}
#environmental-findings { background: url('../images/news/enviornmental-findings.jpg'); width: 534px; height: 428px !important; margin-top: -1px; text-indent: -20000px; overflow: hidden;}
#winter-fish-opening {background: url('../images/news/winter-fish-kills.jpg');width: 534px; height: 428px !important; margin-top: -1px; text-indent: -20000px; overflow: hidden;} 
#clean-water-opening {background: url('../images/news/clean-water-act.jpg'); width: 534px; height: 428px !important; margin-top: -1px; text-indent: -20000px; overflow: hidden;}


#identify-photo {
	width: 564px;
	height: 428px !important; margin-top:-1px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/identify-water-weed/identify-your-water-weed.jpg') no-repeat;
}

/* ========= */
/* = Forms = */
/* ========= */

#customer-form ol, .list-form, #contact-form { list-style: none; color: #000 !important;}
#customer-form li, #contact-form li { clear: both; padding: 5px 0 5px 0;}
#customer-form label, #contact-form label { float: left; }
#customer-form input, #contact-form input, #contact-form textarea { float: right; }

.important-form { display: none; }

/* ================ */
/* = Company Info = */
/* ================ */

#job-opportunities { color: #000;}
.testimonials cite { font-weight: bold;}
.testimonials { margin-top: 24px;}

input.text { background: #fff !important;}

.team-pic { float: left; margin: 0 15px 15px 0sh; padding: 5px; border: 1px solid #aaa; clear: right;}

/* ================== */
/* = Helper Classes = */
/* ================== */

.botimage { margin: 0 -15px 0 -13px; position: absolute; bottom: 0;}
.half-list { width: 45%; float: left; margin-left: 1%;}
.border-top-blue { border-top: 1px solid #9edff9; padding-top: 20px !important; margin-top: 10px;  }

#c-navigation { list-style: none; margin: 18px 0 0 0; padding: 0; }
#c-navigation li { margin: 0; padding: 10px 0 10px 0;}
#c-navigation li a { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; color: #c3eeff;}
#c-navigation li a:hover { text-decoration: none; color: #add4e4;}
#c-navigation li a.active { text-decoration: none; color: #fff !important;}

.cjf { color: #fcff00 !important; font-size: 12px; text-align: right; padding: 25px 0 25px 45px; background: url(../images/icons/cjf-icon.gif) left center no-repeat;}
a.dyk { font-size: 14px !important; color: #fff !important;}

#footer p { padding: 10px 0 10px 0;}