@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:#ccc;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}

/* Top Nav */

#containerWrapper #ContentArea { width: 960px; margin: 10px auto; }
#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 {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-select {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-select {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-select {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-select {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-select {width:320px; height:50px; background:url(../cps-images/nw-your-zoo-view-blue-nav-partnership-select.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 */


#containerWrapper #ContentArea #alaskanbrownbears { width: 960px; height: 650px; margin: 0 auto; background:url(../cps-images/nw-your-zoo-view-full-bgd.jpg) no-repeat 0 50px}
#containerWrapper #ContentArea #humboltpenguins { width: 960px; height: 650px; margin: 0 auto; background:url(../cps-images/nw-your-zoo-view-full-bgd.jpg) no-repeat 0 50px}
#containerWrapper #ContentArea #discoveryreef { width: 960px; height: 650px; margin: 0 auto; background:url(../cps-images/nw-your-zoo-view-full-bgd.jpg) no-repeat 0 50px}
#containerWrapper #ContentArea #australianaviary { width: 960px; height: 650px; margin: 0 auto; background:url(../cps-images/nw-your-zoo-view-full-bgd.jpg) no-repeat 0 50px}
#containerWrapper #ContentArea #ourpartnership {width: 960px; height: 685px; margin: 0 auto; background:url(../cps-images/nw-your-zoo-view-full-partnership-bgd.jpg) no-repeat 0 50px}

/* Video Container */

#containerWrapper #ContentArea #VideoContainer {width:600px; height:337px; margin: 50px 0 0 33px }
#containerWrapper #ContentArea #VideoContainer #webcam_holder { z-index:1}


/* Main Content Right */

#containerWrapper #ContentArea #ContentAreaRight {float:right; width:280px; height:350px; margin:50px 0 0 0; padding: 0 30px 0 10px}
#containerWrapper #ContentArea #ContentAreaRight h2 {font-size:130%; padding-left:2px}
#containerWrapper #ContentArea #ContentAreaRight p {font-size:125%; padding:0 0 12px 2px; line-height:normal}
#containerWrapper #ContentArea #ContentAreaRight img {margin:0 0 20px }

/* Partnership Right Rail Content */

#containerWrapper #ContentArea #ContentAreaRightPartner { float:right; width:280px; height:562px; margin:47px 0 0 0; padding: 0 30px 0 10px}
#containerWrapper #ContentArea #ContentAreaRightPartner .rightrailfirstimg {margin-top:0px}

/* Main Content Left */

#containerWrapper #ContentArea #ContentAreaLeft {width:590px; height:500px; margin:50px 0 20px 35px}
#containerWrapper #ContentArea #ContentAreaLeft #OurPartnershipText {padding:20px 0 5px 0}
#containerWrapper #ContentArea #ContentAreaLeft p {font-size:129%; padding:10px 0 5px 0; color:#252525 }
#containerWrapper #ContentArea #ContentAreaLeft a:link,a:visited.partnerlink {color: #0071bf;text-decoration:none; font-weight:bold}

/* Social Media */

#containerWrapper #ContentArea #contentSocial  {width:500px; height: 30px; margin:18px 0 10px 0; padding-left:37px}
#containerWrapper #ContentArea #contentSocial   ul{display:block; outline:none; list-style:none}
#containerWrapper #ContentArea #contentSocial li {display:inline; list-style-type:none; padding-right:5px; float:left}
#containerWrapper #ContentArea #contentSocial li.google {display:inline; list-style-type:none}

/* Green Bar */

#containerWrapper #ContentArea #contentGreenBar {width: 920px; height: 109px; margin:10px auto}


/* Main Content II */

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