body {
font-size:14px;
font-family:georgia, 'time new romans', serif;
margin:0px;
padding:0px;
background-color:#FFFFFF;
}


/* ------------- IMAGE ROTATOR -------------- */


div#rotator {
	position:relative;
	height:410px;
	
}

div#rotator ul {
margin:0px;
padding:0px;
}

div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	height:410px;
	
}

div#rotator ul li img {
	background: #FFF;
	padding:0px;
	margin-left:-35px;
}

div#rotator ul li.show {
	z-index:500;

}




/* ------------- TEXT ELEMENTS -------------- */

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

a:visited {
}

a:hover {
color:#000000;
}

h1 {

}

h2 {

}

h3 {

}

p {
line-height:1.2;
font-weight:300;

}

#content p {
font-size:18px;
color:#666666;
}

#content p.p2 {
padding-top:100px;
color:#999999;
font-size:14px;
}


#content p.herotext2 {
font-size:24px;
color:#000000;
}

#content p.herotext2p1 {
font-size:24px;
color:#000000;
margin-top:15px;
}

#scrollwrapper p.scrollp1 span.herotext3 {
color:#000000;
font-size:24px;
}

#scrollwrapper p.scrollp1 {
margin-top:0px;
}


#content p.herotext2 span {
color:#7e6666;
}

#content p.herotext2p1 span {
color:#7e6666;
}

#content li span {
color:#7e6666;
}

#footer p {
font-size:10px;
}

#footer a {
color:#aa9d65
}

#footer a:hover {
color:#000000;
}

/* ------------- NAVIGATION -------------- */

#menu a.menulinkhome {
float:left;
height:20px;
width:150px;
background-image:url(../images/home.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkhome:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/homeactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkhomeactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/homeactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkwhatwedo {
float:left;
height:20px;
width:150px;
background-image:url(../images/whatwedo.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkwhatwedo:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/whatwedoactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkwhatwedoactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/whatwedoactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkforbusinesses {
float:left;
height:20px;
width:150px;
background-image:url(../images/forbusinesses.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkforbusinesses:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/forbusinessesactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkforbusinessesactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/forbusinessesactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkforagencies {
float:left;
height:20px;
width:150px;
background-image:url(../images/foragencies.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkforagencies:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/foragenciesactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkforagenciesactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/foragenciesactive.jpg);
background-position:left;
background-repeat:no-repeat;
}


#menu a.menulinkwhoweare {
float:left;
height:20px;
width:150px;
background-image:url(../images/whoweare.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkwhoweare:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/whoweareactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkwhoweareactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/whoweareactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkclaire {
float:left;
height:20px;
width:150px;
background-image:url(../images/claire.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkclaire:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/claireactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkclaireactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/claireactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkdavid {
float:left;
height:20px;
width:150px;
background-image:url(../images/david.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkdavid:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/davidactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkdavidactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/davidactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkrachel {
float:left;
height:20px;
width:150px;
background-image:url(../images/rachel.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkrachel:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/rachelactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkrachelactive {
float:left;
height:20px;
width:160px;
background-image:url(../images/rachelactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinksarah {
float:left;
height:20px;
width:160px;
background-image:url(../images/sarah.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinksarah:hover {
float:left;
height:20px;
width:160px;
background-image:url(../images/sarahactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinksarahactive {
float:left;
height:20px;
width:160px;
background-image:url(../images/sarahactive.jpg);
background-position:left;
background-repeat:no-repeat;
}


#menu a.menulinkstef {
float:left;
height:20px;
width:150px;
background-image:url(../images/stef.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkstef:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/stefactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkstefactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/stefactive.jpg);
background-position:left;
background-repeat:no-repeat;
}


#menu a.menulinkcasestudy {
float:left;
height:20px;
width:150px;
background-image:url(../images/casestudy.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkcasestudy:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/casestudyactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkcasestudyactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/casestudyactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkarticles {
float:left;
height:20px;
width:150px;
background-image:url(../images/articles.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkarticles:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/articlesactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkarticlesactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/articlesactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkpitchperfect {
float:left;
height:20px;
width:150px;
background-image:url(../images/pitchperfect.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkpitchperfect:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/pitchperfectactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkpitchperfectactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/pitchperfectactive.jpg);
background-position:left;
background-repeat:no-repeat;
}


#menu a.menulinkstardom {
float:left;
height:20px;
width:150px;
background-image:url(../images/stardom.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkstardom:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/stardomactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkstardomactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/stardomactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkBDO {
float:left;
height:20px;
width:150px;
background-image:url(../images/BDO.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkBDO:hover {
float:left;
height:20px;
width:150px;
background-image:url(../images/BDOactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkBDOactive {
float:left;
height:20px;
width:150px;
background-image:url(../images/BDOactive.jpg);
background-position:left;
background-repeat:no-repeat;
}


#menu a.menulinkindustryvoices {
float:left;
height:45px;
width:150px;
background-image:url(../images/designindustryvoices.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkindustryvoices:hover {
float:left;
height:45px;
width:150px;
background-image:url(../images/designindustryvoicesactive.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menu a.menulinkindustryvoicesactive {
float:left;
height:45px;
width:150px;
background-image:url(../images/designindustryvoicesactive.jpg);
background-position:left;
background-repeat:no-repeat;
}


/* ------------- STRUCTURE -------------- */

img {
border:none;
}


#container {
float:left;
width: 21984px;
height:auto;
margin: 0px;
padding: 0px;
}

.box {
width: 1024px;
height:705px;
float: left;
margin-right:350px;
margin-left:0px;
padding:0px;
}



#header {
height:118px;
width:100%;
float:left;
}

#logo {
height:115px;
width:994px;
float:right;
border-bottom:1px #000000 dotted;
}


#menu {
float:left;
width:252px;
padding-top:14px;
}


#menu ul{
list-style:none;
padding:0px;
margin-left:30px;
float:left;
height:auto;
width:182px;
}

#menu li {
margin:0px;
height:auto;
width:182px;
float:left;
}

#menu a {
float:left;
padding-bottom:12px;
}


#content {
width:682px;
padding-right:90px;
height:491px;
float:right;
padding-top:11px;
overflow-x:hidden;
overflow-y:auto;
}
.space {
margin-top:-15px;
}
#column2 {
margin-left:0px;
}

#summarywrapper {
height:auto;
width:682px;
float:left;
margin-top:20px;
}

#summarybox {
float:left;
width:341px;
height:220px;
}

#summarybox .summaryimagewrapper {
float:left;
width:160px;
height:113px;
margin-top:10px;
}
#summarybox .summarydescription {
float:left;
width:150px;
height:128px;
padding-left:8px;
margin-top:10px;
}
#summarybox .summarydescription p {
font-size:14px;
color:#666666;
margin-top:0px;
margin-bottom:0px;
}
.summarylinks {
float:left;
width:121px;
height:40px;
padding-bottom:15px;
}

#summarybox span.summarylink {
padding:2px;
}

#summarybox .bottomborder {
height:1px;
width:321px;
float:left;
border-bottom:dotted 1px #000000;
}

#summarybox .bottomborderBDOextra {
height:1px;
padding-top:13px;
width:321px;
float:left;
border-bottom:dotted 1px #000000;
}

#summarybox h3 {
margin-top:0px;
margin-bottom:0px;
color:#000000;
font-size:21px;
font-weight:100;
}

#content ul {
padding-left:0px;
margin-left:0px;
color:#666666;
font-size:18px;	
}

#content ul img {
padding-bottom:25px;
padding-top:6px;
}

#content li {
padding-left:25px;
margin-left:14px;
padding-top:0px;
padding-bottom:0px;
line-height:1.3;
}

#scrollwrapper {
margin-right:10px;
width:662px;
float:right;
height:414px;
overflow-x:hidden;
overflow-y:scroll;
padding-right:10px;
margin-top:19px;
}

#scrollwrapper ul {
margin-left:4px;
}

#scrollwrapper li {
padding-bottom:0px;
padding-top:0px;
padding-left:5px;

}


#footer {
height:85px;
float:left;
width:100%;
line-height:0.9;
}

#footercontent {
border-top:1px #000000 dotted;
margin-left:31px;
width:948px;
height:auto;
padding-top:3px;
}

#footercolumn1 {
float:left;
width:350px;
height:auto;
}

#footercontent p {
margin-top:4px;
margin-bottom:4px;
}

#footercolumn2 {
float:left;
width:250px;
height:auto;
}

#footercolumn3 {
float:left;
width:270px;
height:auto;
margin-right:35px;
}

#FandA {
position:relative;
top:-20px;
float:right;
height:41px;
width:41px;
}