@charset "UTF-8";
/* CSS Document */

/* =-= GENERAL =-= */
body {margin:0; padding:0; background-color:#FFFFFF; font:11pt "Myriad Pro", Helvetica, Arial, sans-serif; color:#000000;}
a,a:visited {color:#FF6600; text-decoration: underline;}
a:hover {color: #000000; text-decoration:underline;}
#aligned {width:400px; height:auto; text-indent:-5000px; font-size:1px; color:white;}
.bi {font-weight:bold; font-style:italic;} /* Bold/Italic SPAN CLASS */
.attn {color:#FF6600; letter-spacing:2px;} /* Wider-Orange SPAN CLASS */
.ital {letter-spacing:1px; font-style:italic;} /* Italic SPAN CLASS */
.ital2 {font-style:italic; font-size:10pt;}
.sml {font-size:9pt;} /* Smaller-text SPAN CLASS */
.peas a {color:#009900} /* Papa's Peas Link (only) SPAN CLASS */


/* =-= HEADER =-= */
#hdr-cont {margin:0; padding:0; background:url(img/hdr_bg.gif) top left repeat-x; height:149px; width:auto; position:relative; z-index:5;}
#hdr-img {background:url(img/hdr_img.jpg) top left no-repeat; height:149px; width:885px; position:absolute; top:0; left:0; z-index:6;}
#hdr-logo {background:url(img/hdr_logo.gif) top left no-repeat; height:124px; width:297px; position:absolute; top:0; left:0; z-index:7;}
#hdr-nav {top:130px; left:10px; position:absolute; height:25px; width:790px; z-index:7; letter-spacing:1px; font-size:10pt; font-weight:bold; list-style:none; display:inline; margin-right:0px; vertical-align:top;}
#hdr-nav a {color:#506138; text-decoration: none;}
#hdr-nav a:hover {color: #000000; text-decoration:underline;}
#hdr-nav a.active {color:#FF6600; font-size:10pt; font-weight:bold; text-decoration:none;}
#hdr-phone {font-size:46px; font-weight:bold; letter-spacing:2px; top:37px; left:310px; position:absolute; z-index:7;}
#hdr-mantra-nav {width:412px; height:24px; position:absolute; z-index:6; top:100px; left: 315px;}


/* =-= MIDDLE =-= */
#mid-cont {margin:0; padding:0; height:auto; min-height:518px; width:auto; position:relative; z-index:1;}
#mid-cont-tall1 {margin:0; padding:0; height:700px; min-height:518px; width:auto; position:relative; z-index:1;}
#mid-cont-tall2 {margin:0; padding:0; height:850px; min-height:518px; width:auto; position:relative; z-index:1;}
#mid-index-mantra {height:420px; width:500px; position:absolute; top:13px; left:240px; z-index:2;}
#mid-title {position:absolute; top:20px; left:0px; width:775px; height:auto;}
#mid-txtbody-athletes {margin-top: 40px; position:relative; top:-400px; left:150px; display: block; width:625px; height:auto; text-align:left; line-height:18px;}
.mid-txtbody {margin-top: 40px; position:relative; top:-170px; left:150px; display: block; width:625px; height:auto; text-align:left; line-height:18px;}
.mid-txtbody2 {margin-top: 40px; position:relative; top:250px; left:150px; display: block; width:625px; height:auto; text-align:left; line-height:18px;}
#mid-txtbody-sk1 {position:relative; top:-300px; left:250px; width:525px; height:auto; text-align:left; line-height:18px; z-index:4;}
.mid-txtbody-sk2 {position:relative; top:-450px; left:250px; width:525px; height:auto; text-align:left; line-height:18px; z-index:4;}
.mid-txtbody-sk3 {position:relative; top:-200px; left:250px; width:525px; height:auto; text-align:left; line-height:18px; z-index:4;}
#mid-txtbody-nutrition {position:relative; top:-100px; left:250px; width:525px; height:auto; text-align:left; line-height:18px; z-index:4;}
#mid-txtbody-contact {position:absolute; top:80px; left:250px; width:475px; height:auto; text-align:left; font-size:18px; line-height:24px; letter-spacing:2px;}
.mid-athletes-quotes {width:800px; height:auto; position:relative; top:-400px; left:180px; margin-top:40px; padding:30px,0px,20px,0px; border:1px dotted #BBCF79;}
.mid-img2 {width:auto; height:352px; position: absolute; top:325px; left: 675px; z-index:1;}
.mid-img3 {width:auto; height:352px; position: absolute; top:525px; left: 725px; z-index:1;}


/* =-= MUGSHOT =-= */
#mug-cont {margin:0; padding:0; top:63px; left:784px; height: auto; width:216px; position: absolute; z-index:10;}
#mug-img {margin:0; padding:0; top:0; left:0; height:auto; width:216px; position:relative; z-index:11;}
#mug-txtbody {margin:0; padding:0; top:0; left:0; height:auto; width:216px; position:relative; z-index:11;}
#mug-text {margin:0; padding:4px; text-align:justify; color:#CCFFCC; font-size: 12px; line-height: 15px; top:35px; left:4px; height:auto; width:200px; position:absolute; z-index:12;}


/* =-= FOOTER =-= */
#foot-cont {margin:0; padding:0; background:url(img/foot_bg.gif) top left repeat-x; text-align:center; height:90px; width:auto; position:relative; z-index:5;}
#foot-contact {margin:0; padding:10px; font-variant:small-caps; letter-spacing:3px; text-align:center; position:relative; z-index:6;}
#foot-nav {margin:0; padding:10px; letter-spacing:1px; position:relative; font-size:11px;}
#foot-legal {margin:0; padding:10px; font-size:10px; color:#333333;}

/* =-= TOOLTIPS =-= */

a.info {position:relative; z-index:24; background-color:#FFFFCC; color:#000000; text-decoration:underline}
a.info:hover span { /*the span will display just on :hover state*/ padding:5px; display:block; position:absolute; bottom:20px; right:20px; width:400px; border:1px solid #666666; background-color:#FFFFCC; color:#000000;text-align: left; z-index:25; text-decoration:none;}
a.info:hover {z-index:25; background-color:#FFFFFF; text-decoration:none;}
a.info span {display: none}