/*********************************************************************************

*****  RESET
  
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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;
}

ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
    content: none;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}

/*********************************************************************************

*****  DEFAULTS
  
**********************************************************************************/
body
{
    margin: 0;
    padding: 0 0 50px 0;
    color: #ffffff;
    background: #191917;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 67%;
    text-align: center;
}

a
{
    color: #ffffff;
    cursor: pointer;
}
img
{
    border: none;
}
.clear
{
    clear: both;
}

p
{
    line-height: 1.21em;
    font-size: 1.1em;
}


.centerMe
{
    width: 994px;
    margin: 0 auto;
    position: relative;
    display: block;
    text-align: left;
}


.left
{
    float: left;
}
.right
{
    float: right;
}

::-moz-selection
{
    background: #ec24b1;
}
::selection
{
    background: #E2B200;
}

/*********************************************************************************

*****  HEADER
  
**********************************************************************************/
#logo
{
    position: absolute;
    top: -42px;
    left: 17px;
    z-index: 9999999;
    display: block;
}
#tagline
{
    position: absolute;
    z-index: 9999999;
    top: -31px;
    right: 19px;
    color: #535450;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: .05em;
}
#tagline a.social
{
    margin-left: 5px;
    width: 26px;
    height: 23px;
    display: block;
    float: left;
}

#tagline a.social.linkedIn
{
    background: url(../images/social_linkedIn.jpg) top;
}
#tagline a.social.linkedIn:hover
{
    background: url(../images/social_linkedIn.jpg) bottom;
}
#tagline a.social.faceBook
{
    background: url(../images/social_facebook.jpg) top;
}
#tagline a.social.faceBook:hover
{
    background: url(../images/social_facebook.jpg) bottom;
}
#tagline a.social.twitter
{
    background: url(../images/social_twitter.jpg) top;
}
#tagline a.social.twitter:hover
{
    background: url(../images/social_twitter.jpg) bottom;
}


/*********************************************************************************

*****  NO FLASH FEATURE PANEL
  
**********************************************************************************/
#flashContent
{
    width: 100%;
    height: 440px;
    margin-top: 42px;
    background: #fff url(../images/noFlashBg.jpg) repeat-x;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.noFlash
{
    height: 440px;
    width: 968px;
    margin: 0 auto;
}

/*********************************************************************************

*****  CAROUSEL (PROJECT NAV)
  
**********************************************************************************/
#projectHolder
{
    padding-top: 40px;
    background: url(../images/carousel_bg.png) no-repeat left 10px;
    position: relative;
    width: 100%;
    margin-left: 18px;
}
#projectList
{
    position: relative;
    width: 957px;
    height: 240px;
    overflow: hidden;
    left: 0px;
}
#mycarousel
{
    position: absolute;
    width: 2000px;
    height: 240px;
    left: 0px;
}
.projectItem
{
    float: left;
    display: inline;
    margin-right: 8px;
    width: 185px;
    height: 240px;
}
.project a
{
    text-decoration: none;
}
.project .projectImage
{
    margin-bottom: 3px;
    position: relative;
    display: block;
}
.project .projectImage .projectImageHover
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
}
.project .projectInfo
{
    margin-top: 25px;
}
.project p.title
{
    margin-bottom: 5px;
    font-weight: normal;
}
.project p
{
    padding-right: 10px;
}
#next
{
    background: url(../images/btn_right.gif);
    width: 17px;
    height: 87px;
    display: block;
    position: absolute;
    right: 0px;
    top: 63px;
    z-index: 999;
}
#prev
{
    background: url(../images/btn_left.gif);
    width: 17px;
    height: 87px;
    display: block;
    position: absolute;
    left: 0px;
    top: 63px;
    z-index: 999;
}

/*********************************************************************************

*****  ABOUT POLLEN, WE OFFER, WE TWEET, ETC....
  
**********************************************************************************/
#about
{
    border-top: 1px solid #323330;
    width: 947px;
    margin: 40px 0 0 17px;
    padding: 36px 0 0 0;
}

#about p
{
    margin-bottom: 10px;
}

#about .intro
{
    width: 319px;
}
#about .intro p, #about h2
{
    padding-right: 28px;
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: normal;
    margin-bottom: 10px;
}

#about #weOffer
{
    width: 319px;
    overflow: hidden;
}
#about #weOffer p
{
    padding-right: 30px;
}
#about #weTweet
{
    width: 289px;
}
#about #weTweet p
{
    padding-right: 20px;
}
#about #weTweet a
{
    color: #393937;
}
#about #weTweet a:hover
{
    color: #999;
}

/*********************************************************************************

*****  CAREERS
  
**********************************************************************************/
#careers
{
    border-top: 1px solid #323330;
    width: 947px;
    margin: 20px 0 0 17px;
    padding: 18px 0 0 0;
    position: relative;
}

#careersContainer
{
}

#careersCollapseBtn
{
    display: inline;
    clear: none;
    position: absolute;
    left: 45%;
    top: 0px;
}

#careersContainer h2
{
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 20px;
}

#careersHeader
{
    font-family: vista, helvetica, sans-serif;
    color: #fff;
    font-size: 15px;
    margin-bottom: 35px;
    height: 20px;
}

#accordion
{
    width: 291px;
    padding-right: 28px;
    position: relative;
    top: -15px;
}

#careersapplyForm
{
    width: 291px;
    padding-right: 28px;
}

#careersChallenge
{
    width: 289px;
}
#careersChallenge span
{
    font-size: 1.1em;
}
.careerPostContainer
{
    width: 305px;
    min-height: 25px;
}
.careerPostTitle
{
    height: 25px;
    padding-top: 15px;
    border-bottom: solid 1px;
    width: 286px;
    font-weight: normal;
}

.careerPostTitle a
{
    text-decoration: none;
    font-size: 1.4em;
    display: block;
    background: url(../images/dropDownArrowHover.png) center no-repeat;
    background-position: 276px 5px;
}

.careerPostTitle a:hover
{
    background: url(../images/dropDownArrow.png) center no-repeat;
    background-position: 276px 5px;
}

/*********************************************************************************

*****  FOOTER
  
**********************************************************************************/
#footer
{
    border-top: 1px solid #323330;
    width: 956px;
    margin: 42px 0 0 17px;
    padding: 15px 0 0 0;
    font-size: .8em;
    letter-spacing: .06em;
}
#footer a
{
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}
#footer ul li
{
    display: block;
    float: left;
    margin-left: 55px;
}

#footer .padTop
{
    padding-top: 12px;
}


/*********************************************************************************

*****  APPLICATION
  
**********************************************************************************/
.application
{
    margin-top: 40px;
    font-family: vista, helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #393937;
}

.header
{
    margin-top: 42px;
    height: 42px;
}
.application h1
{
    font-family: vista, helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    color: White;
    margin: 20px 0;
}

#information
{
    padding-left: 10px;
}
#information .infoLabel
{
    display: inline-block;
    margin-right: 15px;
    width: 200px;
}
.application #footer
{
    color: white;
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */