/* 
  
  .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


  =COLOR GUIDE=

  PRIMARY COLOR: #
  SECONDARY COLOR: #

*/

/* =01 : UNIVERSAL SELECTORS */

* { }
html, body { margin: 0; font-family: arial, helvetica, sans-serif; background: #dcedf1; }

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

#page { width: 793px; background: #fff url(../images/structure/page-right-bg-y.png) repeat-y top right; } /* set the pagewidth here */

.article {}
.section {}
.aside {}
.navigation {}

#header { width: 765px; position: relative; height: 252px; overflow: hidden; }
#footer { padding: 12px 47px 0 0; background: #dcedf1 url(../images/structure/page-bottom-bg.png) no-repeat top left; }
#footer a { padding: 0 5px; }
#footer address { text-align: right; font-style: normal; font-size: 85%; color: #767575; }

#content { background: transparent url(../images/structure/page-bottom-right-bg.png) no-repeat bottom right; position: relative; }
#content-main { background: #EAEAEA; color: #555555; margin: 0 33px 0 5px; padding: 30px 30px 30px 200px; min-height: 271px; }
#content-main h2 { font-family: "Palatino Roman", "Palatino", "Palatino Linotype", "Times New Roman"; ; font-size: 150%; color: #2d5a1f; font-weight: normal; }
strong.heading { color: #2d5a1f; }
#content-main h3 { font-family: "Palatino Roman", "Palatino", "Palatino Linotype", "Times New Roman"; font-size: 125%; color: #2d5a1f; font-weight: normal;}
#content-main p { line-height: 1.6 }

#content-main ul ul { margin-bottom: 0px; }

.subpage #content-main { border-bottom: 7px solid #fff;}

#content-sup {}
#content-sub { background: #6e9ba7 url(../images/structure/content-sub-bg.jpg) repeat-y top left; margin: 5px 33px 5px 5px; min-height: 139px;  }
#content-sub h3 { font-family: "Palatino Bold", "Times New Roman"; font-size: 140%; text-transform: uppercase; color: #1e1d15; float: left; padding: 10px 10px 10px 30px; }
#content-sub ul { color: #1e1d15; font-size: 12px;  margin-left: 0; padding-left: 0; }

.col1 { width: 30%; float: left; margin: 15px 0 0 15px; }
.col2 { width: 38%; float: right; margin: 15px 0 0 0;}


#content-sub ul li { list-style: none; font-weight: bold; padding-left: 0px; margin-left: 0px; }
#content-sub ul ol li { list-style: square; float: none; margin: 0 0 0 18px;  font-weight: normal; }
#content-aside { background: transparent url(../images/structure/content-pens-bg.jpg) no-repeat scroll left bottom; position: absolute; width: 155px; top: 0px; left: 0px; padding: 67px 20px 130px 10px; text-align: right; font-family: "Palatino Roman", "Palatino", "Palatino Linotype", "Times New Roman";  font-size: 100%; color: #686868; }
#content-aside p.phone { color: #333; }
#content-aside strong { font-family: "Palatino Bold", "Times New Roman"; color: #010101; }


/* =03: LINKS */

a { color: #333; }
a:hover { text-decoration: none; }
a:vistied {}
a:active {}

#logo { display: block; width: 575px; height: 242px; position: absolute; top: 5px; right: 5px; background: #648f51 url(../images/structure/logo-bg.jpg) no-repeat; margin: 0; }
#logo a { display: block; height: 60px; line-height: 200px; overflow: hidden; position: absolute; right: 40px; top: 90px; width: 360px; }

/* =04: NAVIGATION */

#main-navigation { list-style: none; margin: 0; padding: 5px 0 0 0; width: 175px; height: 237px; position: absolute; top: 5px; left: 5px; background: #575794 url(../images/nav/nav-bg.jpg) no-repeat; }
#main-navigation li { margin: 0 0 0 23px; }
#main-navigation li a { text-shadow: 1px 1px 2px #333; background: transparent url(../images/nav/nav-item-divider.png) no-repeat left bottom; color: #fff; display: block; font-family: "Palatino Bold","Times New Roman"; font-size: 110%; font-weight: bold; height: 38px; line-height: 38px; padding: 0 5px; text-decoration: none; width: 120px; }
#main-navigation li.last a {background: none; }
#main-navigation li a:hover { text-decoration: underline; }

#main-navigation li.active a { color:#d4d4ff;  }

#footer-navigation { list-style: none; margin: 0; padding: 0; }
#footer-navigation li { }
#footer-navigation li a { }

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

SUCKERFISH DROPDOWNS
#main-navigation ul { position: absolute; left: -99999px; }
#main-navigation li:hover ul, #main-navigation li.sfhover ul { left: auto; }

#main-navigation li { }
#main-navigation li a { }
#main-navigation ul li { }
#main-navigation ul li a { }  

*/

#secondary-navigation { list-style: none; margin: 0; padding: 0; }

#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; }

/* =07: ACCESSIBILITY */

#skip-links { position: absolute; top: -500px; }

/* =08: TABLES */

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

/* =09: FORMS */

.adj-form { list-style: none; margin: 0; padding: 0; }
.adj-form label { float: left; }
.adj-form input, .adj-form textarea { float: right; padding: 5px; font-family: arial, helvetica, san-serif; color: #333; }
.adj-form li { clear: both; padding: 10px 0 10px 0; }
.adj-form input:focus, .adj-form textarea:focus { color: #000; }

.norm-form { list-style: none; margin: 0; padding: 0; }
.norm-form label { display: block; font-weight: bold; padding: 0 0 5px 0; }
.norm-form input, .norm-form textarea { padding: 5px; font-family: arial, helvetica, san-serif; color: #333;}
.norm-form input:focus, .norm-form textarea:focus { color: #000; }

/* ================ */
/* = Contact Form = */
/* ================ */

#contact-info, #contact-form, #contact-info li, #contact-form li { list-style: none; margin-left: 0; padding-left: 0; }
#contact-form label { font-weight: bold; float: left; }
#contact-form li { padding: 5px 0 5px 0; clear: both; }
#contact-form input { float: right; }
#contact-form { width: 300px; }
#contact-form textarea { width: 285px;}