/* 

  .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: "palantino", "palantino linotype", georgia, times new roman, times; font-size: 90%; }

.homepage { background: url(images/title.gif) center 50px no-repeat; }

h1, h2 { color: #828282; font-size: 1.5em; padding: 15px 0 0 10px;}
h1 { font-size: 22px; }
h1 em { color: #cfcfcf; letter-spacing: -1px; font-weight: 100; }
p { color: #666; font-size: 1em; line-height: 1.4; }

#header h1 em { font-weight: normal; }

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

#page { margin: 0 auto; position: relative; width: 960px; }

.article {}
.section {margin: 200px 0 0 0;}
.aside {}
.navigation {}

#content-main a { text-decoration: underline; }
#content-main a:hover { text-decoration: none; }

.subpage .section { margin: 0; }

#header { border-bottom: 1px solid #c4c4c4; position: absolute; top: 0; width: 960px; }
#footer { border-top: 1px solid #c4c4c4; color: #666;}
#footer address { margin: 10px; font-style: normal; font-size: .8em;}

#content-main { border-top: 1px solid #c4c4c4; background: url(images/sketches.jpg) left 138px no-repeat; padding: 10px 0 275px 0; position: relative; }

.subpage #content-main { border-top: none; background: none; padding: 10px 0 50px 0;}
.subpage #content-main h2 { font-size: 88px; letter-spacing: -6px; font-style: italic; color: #eee; font-weight: normal; position: relative; left: 0; }

.subpage #content-main p, .subpage #content-main h3, .subpage #content-main ul { margin-left: 70px; width: 400px !important; }

#content-main h2 { margin: 20px 0 10px 10px; padding: 0; color: #525252; font-size: font-size: 20px; letter-spacing: -1px; }
#content-main p { width: 600px; margin-left: 10px; font-size: 13px; line-height: 20px; }
#content-main ul { font-size: 12px; line-height: 20px; }

.subpage #content-main p { font-size: 12px; line-height: 20px; width: auto; }
.subpage #content-main h3 { color: #222; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; margin-top: 30px;;}

.homepage .special {  position: absolute; top: 5px; right: 10px;  }
#content-main .special { font-size: 20px; width: 281px; background: url(images/special_box.jpg) no-repeat; height: 160px; color: #414141; font-weight: bold; margin: 0;}
#content-main .special a { width: 281px; height: 160px; display: block; text-indent: -999999px; overflow: hidden; }
#content-main span { color: #696969; }

#content-sup {margin: 188px 0 0 0; padding-bottom: 150px; background: url(images/book.jpg) 618px 0 no-repeat; }
#content-sup h2 { padding: 40px 0 10px 60px; margin: 0; font-size: 24px; font-weight: normal;  }
#content-sup p { padding: 0 0 0 60px; font-size: 12px; line-height: 18px; margin: 0px 0 0 0;}
#content-sup em { color: #4092aa; letter-spacing: -1px; font-size: 14px; font-weight: bold;}
#content-sup .large { font-size: 18px;  }
#content-sup a { text-decoration: underline; font-size: .9em; }

/* =03: LINKS */

a { color: #525252; text-decoration: none;}
a:hover {  }
a:visited {}
a:active {}


/* =04: NAVIGATION */


#main-navigation { list-style: none; margin: 0; padding: 23px 0 3px 0; font-size: 14px;}
#main-navigation li { float: right; color: #525252; font-weight: bold; margin: 0 18px 0 18px;}
#main-navigation li a:hover, #main-navigation li.current_page_item a { color: #4092aa; }

/* 
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 { }  

*/

#sub-navigation {}

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

img.left { float: left; margin: 0 20px 20px 0; padding: 5px; border: 1px solid #999; } /* Floated images with borders */
img.right { float: right; margin: 0 0 20px 20px; padding: 5px; border: 1px solid #999; } /* Floated images with borders */

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

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

.ngg-gallery-thumbnail { float: left; margin-right: 5px;  }
.ngg-gallery-thumbnail a, .ngg-gallery-thumbnail img {  border: 1px solid #aaa; display: block;  }
.ngg-gallery-thumbnail a { padding: 3px; border: 1px solid #ddd; }

.piclenselink { padding-bottom: 20px; }