/*
Theme Name: Narwhal Theme
Theme URI: http://www.narwhalcapital.com
Description: Custom design and theme for Narwhal Capital
Version: 1
Author: 3.7 DESIGNS

*/

/* 
  
  .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: 14px/1.4 Garamond, Georgia, Arial, Helvetica, san-serif; background: #eff0e4; }
h1 { text-indent: -9999px; overflow: hidden; margin: 0; }

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

#page { margin: 0 auto; max-width: 1013px; position: relative; }

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



#header { background: url(images/topShadow.gif) -4px bottom no-repeat; padding: 30px 0 70px 0; z-index: 100; margin: 0 0 -10px 0; position: relative; z-index: 10;}
#footer { background: url(images/bottomShadow.gif) -3px top no-repeat; padding: 10px 0 20px 0; clear: both; margin: -40px 0 0 0 !important; position: relative; z-index: 10; }

.homepage #header { padding: 20px 0 40px 0;}
.homepage #main-navigation li { padding: 0 47px 0 0;}
.homepage #main-navigation ul li { padding: 0 0px 0 0 !important; }
.homepage #footer { background: url(images/bottomShadow2.gif) -3px top no-repeat; }
#content { background: url(images/middleShadow.gif) repeat-y; }
#content-main { padding: 0 0 0 22px; margin: -33px 0 0 0; position: relative;}
#content-sup { float: left; background: #b0b579; width: 632px; }

.homepage #content-sup { color: #fff; z-index: 1000; padding: 0 0 17px 0; }
.homepage #content-sup h2 { color: #fff; font-weight: bold; font-size: 15px; text-transform: uppercase; }
.homepage #content-sup a { color: #fff; }

/******** Home Page ********/
#topLeft { float: left; background: url(images/logo.gif) no-repeat; width: 329px; height: 322px; position: relative; }
#topLeft h1 { display: none; }

p.homepageDisclosures { text-indent: 0 !important; right: 15px; bottom: 5px; overflow: none; position: absolute;font-style: italic; font-size: 11px; z-index: 500;}
p.homepageDisclosures a {  color: #B0B579; }

#topLeft p { text-indent: -9999px; overflow: hidden; }

#topRight { float: left; background: url(images/dolphinBg.gif) no-repeat; width: 632px; height: 322px; color: #fff;  }
#topRight p { font-weight: bold; font-size: 16px; width: 475px; margin: 30px 0 0 30px; color: #222210;}
#topRight span { display: block; }

.home-image { margin: 0 0 0 22px; float: left; width: 329px; display: inline; }

#content-home { background: url('images/home-mid-content.gif') repeat-y 22px 0;  }

#content-sup h2 { color: #D06F1A; font-weight: bold; font-size: 15px; text-transform: uppercase; }
#content-sup a { color: #000; }

#content-sup .feeds { float: left; width: 272px; padding: 25px 0 0 0; }
#content-sup .feeds h4 { margin: 0; padding: 0; color: #5a592b; }
#content-sup .feeds h2 { color: #2c2c15;}
#content-sup .feeds a { display: block; font-weight: bold; color: #222210; }
#content-sup .feeds ul { margin: 0; padding: 0; list-style: none; }
#content-sup .feeds li { padding: 10px 0; color: #2c2c15;}
#content-sup .feedL { padding: 26px 20px 0 30px; }
#content-sup.section ul  {list-style: none; margin: 4px 0 14px 0; padding: 0; }
#content-sup.section img.fl  {margin: 20px 20px 10px 0; padding: 5px; border: 1px solid #ccc; }

.feeds .archive { z-index: 100; }


/*****  Vcard Styling *****/
#foot { width: 480px; margin: 0 auto; }
#foot p { color: #d06f1a; font-weight: bold; font-size: 16px; border-bottom: 1px solid #59592b; text-align: center; margin: 0; }
#foot ul { margin: 0; padding: 0; list-style: none; text-align: center; } 
#foot li { display: inline; font-size: 13px; }
#foot .site { color: #d06f1a; }

#foot .copy { font-size: 11px; font-weight: normal; color: #000; border: none; }

/*****  Sitemap Styling *****/
.ddsg-wrapper h2, .ddsg-wrapper p { display: none; }
.ddsg-wrapper ul { list-style: none; }


/******** Sub Page ********/
#logo a, #logo { display: block; width: 329px; height: 89px; background: url(images/narwhal.gif) no-repeat; position: absolute; top: 0; left: 0; text-indent: -99999px; overflow: hidden; z-index: 10; }

#logo.sub { position: absolute; background: none; width: 198px; height: 76px;top: 10px; left: 0; margin-left: 15px; z-index: 15; }

#logo.sub a { position: relative; display: block; width: 198px; height: 76px; background: url(images/subpage-logo.gif) no-repeat; text-indent: -999999px; overflow: hidden; }

.sub #topLeft h1 { display: block; }

.sub #topLeft { background: none; width: 329px; height: 270px; position: absolute; z-index: 5;}
.sub #content-main { padding: 0; margin: -33px 0 0 22px; background: url(images/riverBg.jpg) no-repeat; position: relative; height: 270px;}

.sub #content-main img { position: absolute; top: 0; left: 0; z-index: 2;}

.sub #content-sup { background: #fff url(images/orangeBg.gif) left repeat-y; height: auto; padding: 30px 30px 40px 360px; margin: 0 0 0 22px; width: 570px; position: relative; min-height: 398px; }
.sub #content-sup h3 { font-size: 14px; font-weight: bold; margin: 0 0 5px 0; }
.compass { position: absolute; top: 0; left: 0; }

#foot.subF { width: 480px; margin: 85px 0 20px 400px; }

/******  Contact Forms **********/

.cf_hidden, .linklove { display: none; }
#cformsform { width: 400px; }
#cformsform li { padding: 5px 0; width: 500px; }
#cformsform ol { list-style: none; margin: 0; padding: 0; clear: both; }
#cformsform label { float: left; width: 90px; clear: both; }
#cformsform input, #cformsform textarea { float: left; width: 260px; }

#cformsform .cf-sb input { background: url(images/submitButton.gif) no-repeat; width: 160px; height: 37px; text-indent: -9999px; overflow: hidden; float: none; margin: 5px 0 10px 90px; }

#cf_field_4 { height: 150px; width: 255px !important; }

.reqtxt, .emailreqtxt { display: block; clear: left; margin-left: 90px; font-size: 11px; color: #333;  }



/* =03: LINKS */

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


/* =04: NAVIGATION */


#main-navigation { list-style: none; margin: 0 0 0 20px; z-index: 1000; position: relative; float: right;}
#main-navigation li { float: left; font-weight: bold; font-size: 13px; padding: 0 25px 0 0; text-transform: uppercase; position: relative;}
#main-navigation  a { color: #59592b; text-decoration: none; padding: 5px; display: block; margin: 0; }
#main-navigation .current_page_item a, #main-navigation .current_page_parent a { color: #d06f1a; text-shadow: 3px 3px 3px #bebfb5; }
#main-navigation .current_page_parent ul li a { color: #59592b; text-shadow: none; }
#main-navigation li.page_item page-item-10 { padding: 0; }
#main-navigation  a:hover { background: #fff; color: #d06f1a; padding: 5px; }
#main-navigation li ul a:hover { color: #d06f1a;}

#util-navigation { list-style: none; margin: 0; padding: 0; position: absolute; top: 10px; right: 60px; }
#util-navigation li { display: inline; font-size: 12px; border-right: 1px solid #636338; padding: 0 5px; }
#util-navigation li.last { border-style: none; }
#util-navigation a { text-decoration: none; color: #636338; text-transform: uppercase; }



/* SUCKERFISH DROPDOWNS */
#main-navigation ul { width: 250px; position: absolute; left: -99999px; margin: 0; padding: 0; z-index: 10; background: #fff; display: block; clear: left; }
#main-navigation li:hover ul, #main-navigation li.sfhover ul { left: auto; }

#main-navigation li { }
#main-navigation li a { }
#main-navigation ul li { position: relative; display: block; float: none; background: #fff; padding: 7px 5px; width: 240px; }
#main-navigation ul li a:hover { padding: 5px;  }  


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

/* ======== */
/* = News = */
/* ======== */

#news-list { margin: 0px; padding: 0; }
#news-list li { margin: 0; padding: 10px 0 10px 0;}

/* =========== */
/* = Gallery = */
/* =========== */

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