/* Heidi Portfolio */

body{ margin: 0px 0px 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1.headerTitle{ display: block; float: right; width: 110px; height: 44px; text-indent: -9999px; overflow: hidden; background: url('../images/heidiTitle.jpg') no-repeat; margin: 15px 0px 0px; }
h1.sectionTitle{ display: block; width: 112px; font-size: 20px; text-align: right; color: #39c; margin: 0px 0px 18px; padding: 0px 0px 0px 0px; letter-spacing: 1px; }
h2{ display: block; font-weight: bold; font-size: 14px; color: #2c2e2b; margin: 0px 0px 5px; }
strong{ display: block; font-weight: bold; color: #818181; margin: 0px 0px 5px; } 
em { font-style: italic; }

/* index page */
div#indexContainer{ width: 636px; height: 491px; margin: 25px auto 0px; background: url('../images/index_bg.jpg') no-repeat; }
div#indexLinkContainer{ float: right; margin: 400px 15px 0px 0px; }
div#indexBottom{ display: block; width: 600px; height: 37px; background: url('../images/index-bottom-bg.jpg') no-repeat; }
a.indexLink{ display: block; color: #6ab6e6; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: right; margin: 0px 0px 5px; }
a.indexLink:hover{ color: #fff; text-decoration: none; }

/* Inside Page */
div#insideTopContainer{ width: 670px; background: url('../images/insideBg.jpg') no-repeat; }
div#portfolioContainer{ display: block; width: 630px; margin: 25px 0px 0px 37px; }
div#sideNav{ float: left; width: 110px; font-size: 10px; color: #ccc; text-align: right; }
div#portArea{ float: right; width: 504px; }
a.sideNavLink{ display: block; color: #bfbfbf; font-size: 10px; text-align: right; text-decoration: none; margin: 0px 0px 10px; }
a.sideNavLink:hover{ color: #ff9933; text-decoration: none; }
a.sideNavLinkOn{ display: block; color: #ffd766; font-size: 10px; text-align: right; text-decoration: none; margin: 0px 0px 10px; }

div.contactInfo{ color: #bfbfbf; font-size: 10px; line-height: 14px; }
div.contactInfo > a{ color: #bfbfbf; font-size: 10px; text-decoration: none; }
div.contactInfo > a:hover{ color: #ff9933; font-size: 10px; text-decoration: none; }


div#portNav{ float: left; font-size: 10px; color: #ccc; }
div#portNav2{ float: right; font-size: 10px; color: #ccc; margin: 20px 0px 0px; padding: 0px; }
a.adSelector{ display: block; float: left; width: 15px; height: 11px; border: 1px solid #ccc; text-indent: -9999px; overflow: auto; background: #fff; margin: 0px 0px 0px 5px; }
a.adSelector:hover{ display: block; float: left; width: 15px; height: 11px; border: 1px solid #ffd766; text-indent: -9999px; overflow: auto; background: #ffd766; }

div#footer{ float: right; ; }
a.footerLink{ display: block; font-size: 10px; color: #bfbfbf; text-align: right; text-decoration: none; margin: 0px 0px 10px; }
a.footerLink:hover{ color: #ffd766; text-decoration: none; }

/* Portfolio Containers */
div.ck-imageContainer{ display: block; width: 504px; height: 326px; border: 1px solid #d9dcd3; margin-bottom: 10px; }
div.pepsico-imageContainer{ display: block; width: 403px; height: 520px; border: 1px solid #d9dcd3; margin-bottom: 10px; }
div.farmers-imageContainer{ display: block; width: 403px; height: 486px; border: 1px solid #d9dcd3; margin-bottom: 10px; }
div.gatorade-imageContainer{ display: block; width: 504px; height: 397px; border: 1px solid #d9dcd3; margin-bottom: 10px; }
div.mrsdash-imageContainer{ display: block; width: 403px; height: 520px; border: 1px solid #d9dcd3; margin-bottom: 10px; }
div.rubbermaid-imageContainer{ display: block; width: 403px; height: 520px; border: 1px solid #d9dcd3; margin-bottom: 10px; }
div.propel-imageContainer{ display: block; width: 403px; height: 520px; border: 1px solid #d9dcd3; margin-bottom: 10px; }
div#videoPlayerContainer{ display: block; width: 504px; height: 336px; border: 0px solid #d9dcd3; margin-bottom: 10px; }

/* Misc */
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.clearBoth{ clear: both; }