body
{
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(../images/panel.gif) repeat #000;
    background-position: center;
    background-position: top;
    color: #A4A4A4;
    font-family: verdana;
    font-size: 80%;
}

p
{
    font-size: 1em;
    text-align: left;
    color: #A4A4A4;
    line-height: 1.5em;
}

a
{
    color: #FAA003;
    text-decoration: none;
}

a:hover, a:active, a:focus
{
    text-decoration: underline;
}

h1
{
    display: block;
    text-align: left;
    width: 816px;
    height: 95px;
    text-indent: -55555px;
    color: #e5e5e5;
}

h1 a
{
    float: left;
    display: block;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 816px;
    height: 95px;
    color: #181818;
    background: url(../images/pointerlogo.gif) no-repeat;
}

h1 a:hover, h1 a:focus, h1 a:active
{
    background: url(../images/pointerlogo.gif) no-repeat transparent;
    color: #181818;
}

h2
{
    margin: 0;
    text-align: left;
    font-size: 2em;
    color: #e5e5e5;
    font-weight: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 10px 0px 3px 0px;
    line-height: 1em;
}

h3
{
    clear: left;
    margin: 0;
    text-align: left;
    font-size: 1.5em;
    color: #e5e5e5;
    font-weight: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height: 1em;
}

h4
{
    text-align: left;
    color: #e5e5e5;
}

h5
{
    text-align: left;
    color: #e5e5e5;
}

#wrapper
{
    width: 816px;
    margin: 0 auto;
    text-align: left;
}

#skipNav
{
    height: 0px;
    width: 0px;
    overflow: hidden;
}

#mainNav
{
    clear: both;
    margin-top: 10px;
    margin-left: 119px;
    padding: 0;
    width: 578px;
    height: 36px;
    background: url(../images/menu-bg.gif) 0px 0px no-repeat scroll;
    position: relative;
    overflow: hidden;
}
#mainNav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#mainNav ul li
{
    position: absolute;
    background: transparent;
    padding: 0;
}
#mainNav ul li a
{
    display: block;
    text-indent: -5555px;
    color: #2B2B2B;
}

#mainNav .nav01
{
    left: 36px;
    top: 5px;
    width: 60px;
    height: 25px;
}
#mainNav .nav01 a
{
    width: 60px;
    height: 25px;
}
#mainNav .nav01 a:hover, #mainNav .nav01 a:focus, #mainNav .nav01 a:active
{
    background: url(../images/menu-home.png) 0px 0px no-repeat scroll;
}

#mainNav .nav03
{
    left: 109px;
    top: 5px;
    width: 60px;
    height: 25px;
}
#mainNav .nav03 a
{
    width: 60px;
    height: 25px;
}
#mainNav .nav03 a:hover, #mainNav .nav03 a:focus, #mainNav .nav03 a:active
{
    background: url(../images/menu-services.png) 0px 0px no-repeat scroll;
}

#mainNav .nav04
{
    left: 184px;
    top: 5px;
    width: 60px;
    height: 25px;
}
#mainNav .nav04 a
{
    width: 60px;
    height: 25px;
}
#mainNav .nav04 a:hover, #mainNav .nav04 a:focus, #mainNav .nav04 a:active
{
    background: url(../images/menu-gallery.png) 0px 0px no-repeat scroll;
}

#mainNav .nav05
{
    left: 256px;
    top: 5px;
    width: 60px;
    height: 25px;
}
#mainNav .nav05 a
{
    width: 60px;
    height: 25px;
}
#mainNav .nav05 a:hover, #mainNav .nav05 a:focus, #mainNav .nav05 a:active
{
    background: url(../images/menu-clients.png) 0px 0px no-repeat scroll;
}

#mainNav .nav06
{
    left: 328px;
    top: 5px;
    width: 60px;
    height: 25px;
}
#mainNav .nav06 a
{
    width: 60px;
    height: 25px;
}
#mainNav .nav06 a:hover, #mainNav .nav06 a:focus, #mainNav .nav06 a:active
{
    background: url(../images/menu-awards.png) 0px 0px no-repeat scroll;
}

#mainNav .nav07
{
    left: 402px;
    top: 5px;
    width: 60px;
    height: 25px;
}
#mainNav .nav07 a
{
    width: 60px;
    height: 25px;
}
#mainNav .nav07 a:hover, #mainNav .nav07 a:focus, #mainNav .nav07 a:active
{
    background: url(../images/menu-careers.png) 0px 0px no-repeat scroll;
}

#mainNav .nav08
{
    left: 478px;
    top: 5px;
    width: 60px;
    height: 25px;
}
#mainNav .nav08 a
{
    width: 60px;
    height: 25px;
}
#mainNav .nav08 a:hover, #mainNav .nav08 a:focus, #mainNav .nav08 a:active
{
    background: url(../images/menu-contact.png) 0px 0px no-repeat scroll;
}

ul#shortNav
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul#shortNav li
{
    background: transparent;
    padding: 0;
}
ul#shortNav li a
{
    display: block;
    font-size: 0.8em;
    margin-bottom: 5px;
}

#content
{
    width: 816px;
    border-top: 1px solid #606060;
    margin: 0;
    padding: 20px 0px 30px 0px;
}

#galcnt
{
    float: left;
    width: 790px;
    margin: 0 0px 10px 15px;
}

#galcnt2
{
    float: left;
    width: 790px;
    margin: 0 0px 8px 15px;
}

#content_services
{
    width: 816px;
    border-top: 1px solid #606060;
    margin: 0;
    padding: 20px 0px 30px 0px;
}

#footer
{
    width: 816px;
    border-top: 1px solid #606060;
    margin-top: 15px; /*padding-top: 15px;*/
    float: left;
    font-size: 11px;
    text-align: left;
    color: #A4A4A4;
    line-height: 1.3em;
}

#footerbezier
{
    width: 816px;
    border-top: 1px solid #606060; /*margin-top:15px;*/
    float: left;
}

.footertext
{
    margin-top: 7px;
    width: 252px;
}

#footerflash
{
    width: 545px;
    float: left;
}

.nominations
{
    width: 785px;
    float: left;
    margin: 0 15px 0 15px;
    padding: 0;
}

#RHSimage
{
    width: 398px;
    float: right;
    background-color: #FFFFFF;
    color: #333333;
}

.white
{
    color: #FFFFFF;
}

#RHS
{
    width: 380px;
    float: right;
    padding-right: 15px;
}

.right
{
    float: right;
}

.Picright
{
    float: right;
    padding-right: 20px;
    padding-top: 10px;
}

.Picright_2007awards
{
    float: right;
    padding-right: 40px;
    padding-top: 30px;
}

.Picright_gold_awards
{
    float: right;
    padding-right: 40px;
    padding-top: 0px;
}

.left
{
    float: left;
}

.leftText
{
    float: left;
    padding: 5px 30px 5px 5px;
}

.rightText
{
    float: right;
    padding: 5px 0px 5px 5px;
}

.small
{
    font-size: 9px;
    float: left;
    padding-bottom: 5px;
    line-height: 10px;
}

.small2
{
    font-size: 9px;
    font-weight: bold;
    padding: 9px 0px 7px 5px;
    vertical-align: middle;
    width: 390px;
}

.thumbs
{
    padding: 0 5px 2px 0;
}

.cursor
{
    cursor: pointer;
}

.imgright
{
    float: right;
    margin: 0 0 15px 15px;
    padding: 0;
}

.imgleft
{
    float: left;
    margin: 0 15px 10px 5px;
    padding: 0;
}

.imgleftv2
{
    float: left;
    margin: 0 15px 10px 15px;
    padding: 0;
    width: 380px;
}

.column
{
    width: 400px;
    margin-top: 15px;
}

.column300
{
    width: 375px;
    margin-right: 5px;
}

.column200
{
    width: 295px;
}

.column700
{
    width: 700px;
    margin-top: 15px;
}

.underline
{
    padding: 10px 0 10px 0;
    border-bottom: solid 1px;
    border-bottom-color: #666;
}

.labels
{
    display: block;
    padding-bottom: 5px;
}

.entryareas
{
    width: 375px;
    background-color: #A4A4A4;
    margin-bottom: 10px;
}

span.date
{
    display: block;
    font-weight: bold;
    font-size: 0.85em;
}

#home p
{
    width: 370px;
    margin-left: 15px;
    font-size: 0.95em;
}

#home p.services
{
    width: 100%;
    margin-left: 15px;
    font-size: 0.95em;
}

#margin
{
    margin-right: 100px;
}

#thumbsWrapper
{
    float: left;
    margin: 0;
    padding: 0;
}

#thumbsWrapper2
{
    float: left;
    margin: 0;
    padding: 0;
}

#leftText
{
    margin: 0;
    padding: 0;
    width: 390px;
}

.clientLogo
{
    padding-top: 7px;
    width: 150px;
    height: 150px;
    float: left;
}

.clientPadding
{
    padding-right: 10px;
}

.clientButton1 a
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoCoty.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton1 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoCotyHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton2 a
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoJ&J.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton2 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoJ&JHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton3 a
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoM&S.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton3 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoM&SHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton4 a
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoP&G.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton4 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoP&GHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton5 a
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoRevlon.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton5 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoRevlonHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton6 a
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoUnilever.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.clientButton6 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/clients/logoUnileverHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.watermarkOn
{
    margin-top: 10px;
    width: 290px;
    color: #ffffff;
    background-color: #555555;
    border: #FFFFFF solid 1px;
    padding: 10px;
    font-size: 12px;
}

.textarea
{
    height: 95px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.submit
{
    background: url(../images/btnSend.jpg) no-repeat center top;
    float: left;
    width: 140px;
    height: 35px;
    border: 0;
    margin-top: 10px;
    display: block;
    text-indent: -9000px;
    cursor: pointer;
}

.formContainer
{
    margin: 20px 15px 10px 15px;
    height: 212px;
    width: 310px;
    float: left;
}

.line
{
    width: 785px;
    height: 1px;
    background-color: #8c8c8c;
    float: left;
    margin: 60px 15px 10px 15px;
}

#mapContainer
{
    margin: 30px 15px 10px 0;
    width: 459px;
    height: 212px;
    float: right;
}

#map
{
    width: 459px;
    height: 212px;
}

#map a
{
    width: 459px;
    height: 212px;
    display: block;
    background-image: url(../images/googleMap.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

#map a:hover
{
    width: 459px;
    height: 212px;
    display: block;
    background-image: url(../images/googleMapHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseNameContianer
{
    width: 155px;
    margin-top: 10px;
    font-size: 11px;
}

.orange
{
    color: #ffaa03;
}

.grey
{
    color: #A4A4A4;
}

.caseButton1 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseHelena.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton1 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseHelenaHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton2 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseMotilium.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton2 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseMotiliumHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton3 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseCouture.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton3 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseCoutureHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton4 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseLynx.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton4 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseLynxHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton5 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseNicorette.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton5 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseNicoretteHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton6 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseRevlon.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton6 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseRevlonHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton7 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseOralb.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton7 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseOralbHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton8 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseM&S.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton8 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseM&SHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton9 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseCompeed.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton9 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseCompeedHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton10 a
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseSebastian.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.caseButton10 a:hover
{
    height: 150px;
    display: block;
    background-image: url(../images/casestudies/caseSebastianHover.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
