/*------------------ bureaux stylesheet ------------------ */

html {
overflow-y:scroll;
}

body {
margin:0;
padding:0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:#000000;
line-height:1.25em;
font-size:80%;
}
		
a {
color:#FFFFFF;
outline:none;
}	

p {
margin-bottom:15px;
}

.clear {
clear:both;
}

img {
border:none;
}

ul {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}

.noMargin {
margin:0;
padding:0;
}


/*---------- general styles ---------- */

#wrapper {
text-align:left;
width:980px;
margin:0 auto;
background:url(../img/angelBgd.jpg) top left no-repeat;
}

#mainNav {
display:block;
padding-left:322px;
padding-top:39px;
}

#home #mainNav {
padding-bottom:91px;
}

#whatWeDo #mainNav {
padding-bottom:45px;
}

#contactUs #mainNav {
padding-bottom:48px;
}

#clients #mainNav {
padding-bottom:45px;
}

#clientPage #mainNav {
padding-bottom:45px;
}

#mainNav li {
list-style-type:none;
float:left;
}

#mainNav #navHome a {
background:url('../img/navHome.jpg') no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:11px; /* for IE5.5's bad box model */
overflow:hidden;
padding:11px 0 0 0;
width:35px;
margin-right:43px;
}
 
#mainNav #navHome a:hover {
background-position:0 -11px;
}  

#mainNav #navWhatWeDo a {
background:url('../img/navWhatWeDo.jpg') no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:11px; /* for IE5.5's bad box model */
overflow:hidden;
padding:11px 0 0 0;
width:79px;
margin-right:43px;
}
 
#mainNav #navWhatWeDo a:hover {
background-position:0 -11px;
}  

#mainNav #navClients a {
background:url('../img/navClients.jpg') no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:11px; /* for IE5.5's bad box model */
overflow:hidden;
padding:11px 0 0 0;
width:49px;
margin-right:43px;
}
 
#mainNav #navClients a:hover {
background-position:0 -11px;
}  

#mainNav #navContactUs a {
background:url('../img/navContactUs.jpg') no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:11px; /* for IE5.5's bad box model */
overflow:hidden;
padding:11px 0 0 0;
width:75px;
margin-right:43px;
}
 
#mainNav #navContactUs a:hover {
background-position:0 -11px;
}  

#footer {
font-size:10px;
width:875px;
margin:0 auto;
display:block;
float:right;
padding-right:32px;
padding-top:93px;
}

#clients #footer {
padding-top:45px;
}

#clientPage #footer {
padding-top:9px;
}

#contactUs #footer {
padding-top:60px;
}

#homeFooter {
font-size:10px;
width:585px;
margin:0 auto;
display:block;
padding-top:93px;
}

#clientFooter {
font-size:10px;
margin:0 auto;
display:block;
padding-top:10px;
width:875px;
}

#clientFooter a {
text-decoration:none;
}

.footerLabel {
color:#d60043;
padding-left:5px;
}

#homeFooter a, #footer a {
text-decoration:none;
}

#bureauxLogoSmall {
float:left;
}

#footerAddress {
float:left;
margin-right:35px;
padding-top:11px;
}


/*---------- home styles ---------- */

#homeCopy1 {
padding-left:461px;
padding-bottom:22px;
}

#homeLogo {
padding-left:232px;
padding-bottom:24px;
}

#homeCopy2 {
padding-left:461px;
/*padding-bottom:87px;*/
}


/*---------- what we do styles ---------- */

#whatWeDoLeft {
width:301px;
float:left;
padding-right:37px;
padding-left:237px;
}

#whatWeDoLeft ul, #whatWeDoRight ul {
font-size:19px;
margin-left:0px;
list-style-position:inside;
}

#whatWeDoLeft li, #whatWeDoRight li {
padding-bottom:15px;
}

#whatWeDoRight {
width:340px;
float:left;
}

#h1Branding {
background:url(../img/h1Branding.png) no-repeat;
width:187px;
height:30px;
display:block;
text-indent:-999em;
overflow:hidden;
padding-bottom:20px;
}

#h1ProductStrategy {
background:url(../img/h1ProductStrategy.png) no-repeat;
width:339px;
height:29px;
display:block;
text-indent:-999em;
overflow:hidden;
padding-bottom:21px;
}

#whatWeDo {
padding-bottom:141px;
}


/*---------- contact us styles ---------- */

#contactLeft {
float:left;
padding-right:39px;
padding-left:322px;
}

#contactRight {
float:left;
}

.contactCopy {
display:block;
padding-bottom:8px;
}


/*---------- clients styles ---------- */

.clientLogo {
float:left;
}

#clientLogoArea {
padding-left:264px;
}

#clientRow1 {
padding-bottom:17px;
}

#clientRow2 {
padding-bottom:27px;
}

#logoClick {
width:167px;
font-size:10px;
line-height:1.25em;
}

#clientLeft {
width:215px;
float:left;
font-size:12px;
padding-right:107px;
}

#clientRight {
float:left;
}

#clientHeader {
padding-bottom:8px;
}

#clientLeft ul {
margin-left:0px;
list-style-position:inside;
}

#clientLeft li {
}

#clientBack {
font-weight:bold;
color:#ffe300;
font-size:14px;
padding-top:19px;
padding-right:49px;
}

#clientBack a {
text-decoration:none;
color:#ffe300;
}

#clientWorkImage {
display:block;
padding-bottom:16px;
}

#clientImageLeft {
padding-right:29px;
}

#clientRight {
height:409px;
}


/*---------- jcarousel styles ---------- */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 567px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/** carousel skins **/

/*.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}*/

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 567px;
/*    padding: 20px 40px; */
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 567px;
/*    padding: 40px 20px; */
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  567px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  567px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 567px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
/*    margin-right: 10px; */
}

.jcarousel-skin-tango .jcarousel-item-vertical {
/*    margin-bottom: 10px; */
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 385px;
    left: 49px;
    width: 15px;
    height: 20px;
    cursor: pointer;
    background: transparent url(../img/clientImageRight.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
/*    background-position: -32px 0; */
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
/*    background-position: -64px 0; */
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
/*    background-position: -96px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 385px;
    left: 0px;
    width: 16px;
    height: 20px;
    cursor: pointer;
    background: transparent url(../img/clientImageLeft.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
/*    background-position: -32px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
/*    background-position: -64px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}