@charset "utf-8";
/* CSS Document */
/*-- Project: NW Your Zoo View --*/
/*-- Business: Sponsor --*/
/*-- IP: Troy Stacy --*/
/*-- Front End: E --*/
/*-- Last Published: 12/16/11 --*/

/* Eric Meyer reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


html {  background: url("../cps-images/nw-your-zoo-view-brn-bgd-new.jpg") no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }
   
body { font-family:Arial, Helvetica, sans-serif; font-size:0.80em;color:#333333;}
a:link,a:visited{color:#FFF;text-decoration:none;}
a:hover{text-decoration:underline;}
img {border: 0px;}

#containerWrapper { width:1020px;  height:900px; margin: 0 auto;padding-top:10px; line-height:1.3em; }

/* Logo */

#containerWrapper #logo{ width: 960px; margin:0 auto;  }
#containerWrapper #logo .Zoologo {padding-left:13px}

/* Main Content */

#containerWrapper #ContentArea { width: 960px;  margin: 10px auto;}

/* Top Nav */

#containerWrapper #ContentArea #topNav {width: 960px; height: 50px; background-color:#0081c6}
#containerWrapper #ContentArea #topNav li { display: inline; float:left; outline:none}

#containerWrapper #ContentArea #topNav li#home a {width:80px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-home.gif); float:left; outline:none}
#containerWrapper #ContentArea #topNav li#bears a {width:160px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-bears.gif); float:left; outline:none}
#containerWrapper #ContentArea #topNav li#aquarium a {width:160px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-aquarium.gif);float:left; outline:none}
#containerWrapper #ContentArea #topNav li#penguins a {width:160px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-penguins.gif);float:left; outline:none }
#containerWrapper #ContentArea #topNav li#aviary a {width:80px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-aviary.gif);float:left; outline:none}
#containerWrapper #ContentArea #topNav li#partnership a {width:320px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-partnership.gif);float:left; outline:none}

#containerWrapper #ContentArea #topNav li#home a:hover {width:80px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-home.gif); float:left; outline:none}
#containerWrapper #ContentArea #topNav li#bears a:hover {width:160px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-bears-hover.gif); float:left; outline:none}
#containerWrapper #ContentArea #topNav li#aquarium a:hover {width:160px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-aquarium-hover.gif);float:left; outline:none}
#containerWrapper #ContentArea #topNav li#penguins a:hover {width:160px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-penguins-hover.gif);float:left; outline:none }
#containerWrapper #ContentArea #topNav li#aviary a:hover {width:80px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-aviary-hover.gif);float:left; outline:none}
#containerWrapper #ContentArea #topNav li#partnership a:hover {width:320px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-partnership.gif);float:left; outline:none}

#containerWrapper #ContentArea #topNav li#home a:active {width:80px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-home.gif); float:left; outline:none}
#containerWrapper #ContentArea #topNav li#bears a:active {width:160px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-bears-select.gif); float:left; outline:none}
#containerWrapper #ContentArea #topNav li#aquarium a:active {width:160px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-aquarium-select.gif);float:left; outline:none}
#containerWrapper #ContentArea #topNav li#penguins a:active {width:160px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-penguins-select.gif);float:left; outline:none }
#containerWrapper #ContentArea #topNav li#aviary a:active {width:80px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-aviary-select.gif);float:left; outline:none}
#containerWrapper #ContentArea #topNav li#partnership a:active {width:320px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-partnership.gif);float:left; outline:none} 


/* Main Content Left */

#containerWrapper #ContentArea #ContentAreaLeft {width:640px; height:502px; background:url(../cps-images/nw-your-zoo-view-jack-hanna-bgd.jpg) }
#containerWrapper #ContentArea #ContentAreaLeft .zooView {padding:50px 0 0 36px}
#containerWrapper #ContentArea #ContentAreaLeft #ContentTextLeft {width:305px; margin:20px 0 0 37px}
#containerWrapper #ContentArea #ContentAreaLeft #ContentTextLeft h2 {font-size:125%}
#containerWrapper #ContentArea #ContentAreaLeft #ContentTextLeft p {font-size:125%; margin-top:10px}
/* Main Content Right */

#containerWrapper #ContentArea #ContentAreaRight {float:right; width:320px; height:502px;}
#containerWrapper #ContentArea #ContentAreaRight img {margin: 0 0; padding: 0 0; border: 0; display:block}
#containerWrapper #ContentArea #ContentAreaRight .getStartedRule {color: #E6C990; height: 1px;}

/* Main Content II */

#containerWrapper #secondaryNav { width: 980px; height: 120px; margin:0px auto; }
#containerWrapper #secondaryNav li {display: inline; float:left; outline:none}

#containerWrapper #disclosures {width:960px; height:25px; margin: 0px auto; color:#FFF; font-size: 80%; padding:14px 0; line-height:12px }
#containerWrapper #disclosures a {color: #FFF;}
#containerWrapper #disclosures p {color: #FFF;}

/* footer */

#containerWrapper #footer {	border-top:1px #d7d7d7 solid; padding-top:5px; width: 960px; margin:0px auto; }
#containerWrapper #footer img {padding-top:10px}
.logos { float:right; display:inline-block; margin-right:20px; }
.clear {clear:both}