/* CSS Main Nav */
/* CSS Nav Cams */

.menu                   {
                            margin: 0 auto;
                            padding: 0;
                            height: 40px;
                            width: 100%;
                            display: block;
                            background-color: #292929;
                        }

.menu li                {
                            padding: 0;
                            margin: 0;
                            list-style: none;
                            display: inline;
                        }

.menu li a              {
                            float: left;
                            display: block;
                            color: #ddd;
                            text-decoration: none;
                            font: 12px Verdana, Arial, Helvetica, sans-serif;
                            cursor: pointer;
                            background-color: #292929;
                            padding: 10px 15px;
                            border-top: 1px solid #292929;
                        }

.menu li a:hover        {
                            -moz-border-radius: 0px 0px 5px 5px;
                            -webkit-border-bottom-left-radius: 5px;
                            -webkit-border-bottom-right-radius: 5px;
                            background-color: #454545;
                            padding: 10px 15px 10px 15px;
                            border-top: 1px solid #555;
                            color: #fff;
                            text-decoration: none;
                        }

.ie6 .menu li a:hover   { padding: 8px 15px }

.opera .menu li a:hover { padding: 9px 15px }

.menu a                 { outline: none }



.cams img                  { border: 3px solid #444; height: 105px; width: 165px; padding-right: 0px; margin: 0px 5px 10px 5px; -webkit-box-shadow: 1px 1px 1px #444; -moz-box-shadow: 1px 1px 1px #444; }

.cams img:hover            { border-color: #8ad27c }

.webkit .cams img:hover    { border: 3px solid #444; -webkit-box-shadow: 2px 2px 2px #2f2b28; -webkit-transform: skew(-1deg); }

.chrome .cams img:hover    { border: 3px solid #444; -webkit-box-shadow: 2px 2px 2px #2f2b28; -webkit-transform: rotate(-180deg); }

.gecko .cams img:hover     { border: 3px solid #444; -moz-box-shadow: 5px 2px 2px #2f2b28; -moz-transform: skew(-1deg); }

.win.gecko .cams img:hover { border: 3px solid #444; -moz-box-shadow: 2px 2px 2px #2f2b28; -moz-transform: skew(-1deg); }

.cams a:active             { outline: none }

.wrappercamB               { background-color:#747474;
 background-image:url(/img/bg-body90.png);
background-repeat:repeat-xy;

-webkit-box-shadow: 1px 1px 1px #444; -moz-box-shadow: 1px 1px 1px #444;

padding: 15px 0px 0px 0px; border-bottom: 0px solid #ddd; }

.wrappercamB a             { outline: none }


#speak         {
                   position: relative;
                   background: transparent url(http://www.whistlerpeak.com/images/cutout3.gif) no-repeat;
                   height: 175px;
                   width: 220px;
                   top: 75px;
                   left: 740px;
                   border: 0px solid red;
               }

#speak p       {
                   position: relative;
                   top: 24px;
                   left: 114px;
                   height: 36px;
                   width: 80px;
                   border: 0px solid red;
                   text-align: center;
                   line-height: 1.1em;
               }

#speak a       {
                   position: relative;
                   top: 23px;
                   left: 114px;
                   height: 36px;
                   width: 80px;
                   border: 0px solid red;
                   text-align: center;
                   line-height: 1.1em;
                   text-decoration: none;
                   display: block;
                   color: #635537;
                   outline: none;
               }

#speak a:hover { color: #cc3333 }