/* Main CSS Document For Capitol Park */

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, strike, strong, b, u, i,  ol, ul, li, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	}
	
	
h1, h2, h3, h4, h5, h6 {
	color:#FFF;
	}
	
h1 {
	font-weight:bold;
	font-size: 28px;
	line-height: 30px;
}
h2 {
	font-weight:bold;
	font-size: 26px;
	line-height: 22px;
}
h3 {
	font-size: 18px;
	line-height: 20px;
}
h4 {
	font-size: 16px;
	line-height: 18px;
}
h5 {
	font-size: 14px;
	line-height: 16px;
}
h6 {
	font-size: 12px;
	line-height: 16px;
}

body{
	text-align:center;
	background: #000000;
 	color: #ffffff;
}

	
div.clearAll{
	clear:both; 
	height:-1px; 
	padding:0px; 
	margin:0px;
	}
	
a{color:#FFF; text-decoration:none; font-weight:bold;}
a:hover{ color:#c90039;}

img{display:block;}
	
div#wrapper {
   background:#3e4246;
  margin:0 auto 0 auto;
  width: 1000px !important;
  text-align:left;
}
div#wrapper #header {
	padding:0;
	margin:0;
	display: inline;
	float: left;
	position: relative;
	width: 1000px;
	background: #373b3f url(../images/backgrounds/background-header.gif) repeat-x left bottom;
	_background: #373b3f url(../images/backgrounds/background-header-ie6.gif) repeat-x left bottom;
	height: 111px;
}
div#wrapper #header #menu {
	position: absolute;
	left: -1px;
	top: 0;
	width: 940px;
	padding:0;
	margin:0;
}
div#wrapper #header #logo {
	display: inline;
	float: left;
	position: relative;
	width: 60px; 
	margin: 0 0 0 60px;
	padding: 0 0 1px 0px;
	position: absolute;
	right: 0;
}

div#wrapper #header #menu ul{
	width:940px;
	height:110px;
	list-style-type:none;
}

div#wrapper #header #menu ul li {
	color:#FFF;
	float:left;
	width:20px;
	height:110px;	
}

div#wrapper #header #menu ul li.homebutt{ width:20px; height:110px; background:url(../images/menu/btn-menu1.gif) top left no-repeat;}
div#wrapper #header #menu ul li.homebutton{ width:20px; height:110px; background:url(../images/menu/btn-menu1.gif) top left no-repeat; margin-right:800px;}

div#wrapper #header #menu ul li.approachbutt{ width:20px; height:110px; background:url(../images/menu/btn-menu2.gif) top left no-repeat;}
div#wrapper #header #menu ul li.approachbutton{ width:20px; height:110px; background:url(../images/menu/btn-menu2.gif) top left no-repeat; margin-right:800px;}

div#wrapper #header #menu ul li.newsbutt{ width:20px; height:110px; background:url(../images/menu/btn-menu3.gif) top left no-repeat;}
div#wrapper #header #menu ul li.newsbutton{ width:20px; height:110px; background:url(../images/menu/btn-menu3.gif) top left no-repeat; margin-right:800px;}

div#wrapper #header #menu ul li.workbutt{ width:20px; height:110px; background:url(../images/menu/btn-menu4.gif) top left no-repeat;}
div#wrapper #header #menu ul li.workbutton{ width:20px; height:110px; background:url(../images/menu/btn-menu4.gif) top left no-repeat; margin-right:800px;}

div#wrapper #header #menu ul li.teambutt{ width:20px; height:110px; background:url(../images/menu/btn-menu5.gif) top left no-repeat;}
div#wrapper #header #menu ul li.teambutton{ width:20px; height:110px; background:url(../images/menu/btn-menu5.gif) top left no-repeat; margin-right:800px;}

div#wrapper #header #menu ul li.clientsbutt{ width:20px; height:110px; background:url(../images/menu/btn-menu6.gif) top left no-repeat;}
div#wrapper #header #menu ul li.clientsbutton{ width:20px; height:110px; background:url(../images/menu/btn-menu6.gif) top left no-repeat; margin-right:800px;}

div#wrapper #header #menu ul li.contactbutt{ width:20px; height:110px; background:url(../images/menu/btn-menu7.gif) top left no-repeat;}
div#wrapper #header #menu ul li.contactbutton{ width:20px; height:110px; background:url(../images/menu/btn-menu7.gif) top left no-repeat; margin-right:800px;}

div#wrapper #header #menu ul li a{
	display:block;
	width:20px;
	height:110px;
}

div#wrapper #header #menu ul li a span{
	display:none;
}
	

/*content*/

div#content{
	padding:0 40px 0 40px;
	width:920px;
}

div#content div#colL{
	float:left;
	width:460px;
	margin:40px 0 0 0;
}

div#content div#colR{
	float:right;
	width:420px;
	margin:40px 0 0 0;
}

div#imgRot{
	width:460px;
	height:288px;
	padding-bottom:25px;
}

div#imgRot2{
	width:300px;
	height:187px;
	margin-bottom:25px;
}

div#imgRot ul, div#imgRot2 ul	{
	list-style-type:none;
}

span.red{color:#c90039;}

/*front page specfic*/

div.fp01 p{
	margin-bottom:20px;
}

div.fp01 p.follow{
	margin:70px 0 5px 0;
}

div.fp01 ul{
	padding:0;
	margin:0;
	list-style-type:none;
	
}

div.fp01 ul li{
	float:left;
	background:#C60;
	margin-right:6px;
	width:25px;
	height:46px;
}

div.fp01 ul li a{
	display:block;
	width:25px;
	height:46px;
}

div.fp01 ul li a span{
	display:none;
}

div.fp01 ul li.linkdin{width:25px; height:46px; background:url(../images/home/img-icon-01.jpg) top left no-repeat;}
div.fp01 ul li.linkdin a:hover{background:url(../images/home/img-icon-01.jpg) top right no-repeat;}

div.fp01 ul li.twitter{width:25px; height:46px; background:url(../images/home/img-icon-02.jpg) top left no-repeat;}
div.fp01 ul li.twitter a:hover{background:url(../images/home/img-icon-02.jpg) top right no-repeat;}

div.fp01 ul li.facebook{width:25px; height:46px; background:url(../images/home/img-icon-03.jpg) top left no-repeat;}
div.fp01 ul li.facebook a:hover{background:url(../images/home/img-icon-03.jpg) top right no-repeat;}

div.fp02{
	width:190px;
	height:288px;
	background:url(../images/home.jpg) top left no-repeat;
	float:left;
}

div.fp02 h4{
	font-size:30px;
	width:150px;
	padding:0;
	margin:0;
	position:relative;
	top:140px;
	left:20px;
}

div.fp02 p{
	position:relative;
	left:20px;
	top:145px;
}

div.fp03{
	width:190px;
	height:278px;
	float:right;
}

div.fp03 div.promise h1{
	margin-bottom:10px;
}

div#fp04{
	width:490px;
	float:left;
	margin:40px 0 40px 0;
	min-height:600px;
	
}

div#fp05{
	width:390px;
	float:right;
	margin:40px 0 0 0;
}

div.news{
	position:relative;
	top:25px;
	left:0;
	}

div.news ul{
	list-style-type:none;
	margin:5px 0 0 0;
}

div.news ul li.newsend{
	text-align:right;
	padding-bottom:2px;
	height:20px;
	background:url(../images/backgrounds/background-footer.gif) bottom left repeat-x;
}

div.more{
	width:190px;
	height:30x;
	line-height:30px;
	text-align:right;
	margin-top:0;
	padding-bottom:2px;
	background:url(../images/backgrounds/background-footer.gif) bottom left repeat-x;
}

div.prjLate{
	margin-top:25px;
}

div.prjLate h1{
	margin-bottom:20px;
}

div.prjLate p.divide{
	background:url(../images/backgrounds/background-footer.gif) bottom left repeat-x;
	height:1px;
	width:420px;
	margin:0 0 10px 0;
	padding:0;
	line-height:1px;
	

}

div.prjLate p{
	height:40px;
	line-height:40px;
	margin:0;
	padding:0;
	width:300px;
	float:left;
}


div.prjLate p.leftFl, div.prjLate p.leftFl a{
	height:40px;
	line-height:40px;
	float:right;
	width:100px;
	text-align:right;
	margin:0;
	padding:0;
}

#wrapper #content .bottom {
	position: absolute;
	bottom: -75px;
	left: 223px;
}

/*approach page*/

div#content div#colL2{
	float:left;
	width:480px;
	margin:40px 0 0 0;
}

div#content div#colR2{
	float:right;
	width:400px;
	margin:40px 0 0 0;
	
}

div#content div#pg02{
	width:900px;
	margin-bottom:40px;
	background:#4b5054;
	padding:10px 10px 0 10px;
}

div#colR2 ul{
	margin:0 0 40px 15px;
}

div#content div#pg02 div.quoteleft{
	display: inline;
  float: left;
  position: relative;
  margin-right: 20px;
  width: 470px;
}


div#content div#pg02 div.quoteRight{
	display: inline;
  float: left;
  position: relative;
  width: 410px;
}

#quote h5 {
  /*margin-top: 29px;*/
  text-align: left;
}

p.bordered, .bordered {
  font-style: normal;
  border-top: 1px dotted #ffffff;
  border-bottom: 1px dotted #ffffff;
  padding: 15px 0 15px 2px;
}

.lineSpace{
	line-height:22px;
}

h1.grey2 { background: #6f7072; margin-bottom:20px; }
h1.grey2:hover { background: #c90039; }
h1.grey2 a, h1.grey a{font-size:16px;}
h1.greyD{background:#333; margin-bottom:20px;}
h1.last{margin-bottom:0;}

#reviews h1.grey, h1.grey2  { cursor: pointer; }



/*news page*/




div#content div#newsHead{
	margin:40px 0 20px 0;
	width:740px;
	height:20px;
	float:left;
}

div#content div#newsHead h3{
	width:740px;
	background: #c90039;
	font-size:18px;
	
}

img.img-right {
  float: right;
  margin: 0 0 0 20px;
  padding-bottom:20px;
}

div#newsWrap{
	width:740px;
	padding:0 0 40px 0 ;
	float:left;
}

hr {
  border: 0 #ffffff dotted;
  border-top-width: 1px;
  clear: both;
  height: 0;
  margin-top: -1px;
  margin-bottom: 25px;
}

h4 {
  font-weight: bold;
  font-size: 15px;
  line-height: 7px;
  padding: 0;
  margin: 0 0 15px 0;
}
h4.red, span.red, a.red { color: #c90039; }

.bottomMarg{
	margin-bottom:15px;
}

#more-news {
  margin: 40px 0 0 40px;
  /**margin-top: 70px;*/
}
#more-news ul {
  border-top: 1px dotted #ffffff;
  border-bottom: 1px dotted #ffffff;
  padding: 10px 0;
  position: fixed;
  display: block;
  width: 140px;
  list-style-type:none;
}

#more-news a{text-decoration:underline; font-weight:normal;}
#more-news a:hover{text-decoration:none;}

div.news01{
	width:680px;
	background:#333;
	float:left;
	margin:0;
	padding:30px 30px 0 30px;
}

div.news01 p{
	margin-bottom:15px;
}

div.news01 ul{
	list-style-type:none;
	padding-bottom:20px;
}
	

div.news01.top{padding:15px 30px 0 30px;}

.two {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  width: 140px;
}


/*-----------team-------------------*/

.teamImg{float:left; margin:5px 5px 5px 0; width:160px; height:160px;}
.teamImg2{float:left; margin:5px 0 5px 0; width:160px; height:160px;}
.teamImgend{float:left; margin:5px 0 5px 0;width:160px; height:160px;}
.teamImgbottom{float:left; margin: 0 5px 5px 0;width:160px; height:160px;}
.teamImg p, .teamImgend p, .teamImgbottom p{ padding:0; margin:0; line-height:-1px;} 

#team-names ul {
  text-align: right;
  width: 160px;
  list-style-type:none;
  margin-top:108px;
  
}
#team-names li.first{
  border-top: 1px dotted #ffffff;
  padding: 2px 0 2px 0;
}

#team-names li.last{
  border-bottom: 1px dotted #ffffff;
  padding: 2px 0 2px 0;
}
#angus, #chris, #james, #matthew, #peter {
  display: inline-block;
  height: 160px;
  width: 160px;
  cursor: pointer;
  padding:0;
  margin:0;
}
#angus { background: url(../images/team/angus.jpg) no-repeat left top; }
#angus:hover { background: url(../images/team/angus.jpg) no-repeat left bottom; }
#angus.hover { background: url(../images/team/angus.jpg) no-repeat left bottom; }
#chris { background: url(../images/team/chris.jpg) no-repeat left top; }
#chris:hover { background: url(../images/team/chris.jpg) no-repeat left bottom; }
#chris.hover { background: url(../images/team/chris.jpg) no-repeat left bottom; }
#james { background: url(../images/team/james.jpg) no-repeat left top; }
#james:hover { background: url(../images/team/james.jpg) no-repeat left bottom; }
#james.hover { background: url(../images/team/james.jpg) no-repeat left bottom; }
#matthew { background: url(../images/team/matthew.jpg) no-repeat left top; }
#matthew:hover { background: url(../images/team/matthew.jpg) no-repeat left bottom; }
#matthew.hover { background: url(../images/team/matthew.jpg) no-repeat left bottom; }
#peter { background: url(../images/team/peter.jpg) no-repeat left top; }
#peter:hover { background: url(../images/team/peter.jpg) no-repeat left bottom; }
#peter.hover { background: url(../images/team/peter.jpg) no-repeat left bottom; }
#angus.hover, #chris.hover, #james.hover, #matthew.hover, #peter.hover { cursor: pointer; }
#quote-hidden h5 {
	/*position: absolute;
	top: 470px;
    top: -8px;
	left: 810px;
	width:380px;*/
	font-weight:normal;
}

div#teamCopy{
	width:490px;
	float:left;
	margin-top:20px;
	clear:both;
}

div#teamCopy p{
	margin-bottom:10px;
}


/*clients*/



div#clientWrap{
	float:left;
	width:920px;
	margin:40px 0 40px 0;
}

div.clientLeft{
	width:580px;
	float:left;
	margin-right:40px;
}

div.clientRight{
	width:300px;
	float:left;
}

.clients-list {
	float:left;
  margin: 20px 20px 15px 0;
  /*margin-bottom: 0px;*/
  background: #373b3f;
  padding: 20px;
  width: 240px !important;
}
.clients-list ul {
  margin: 0;
  padding: 0;
  list-style-type:none;
}
.clients-list li {
  border-bottom: 1px solid #505559;
  padding: 5px 0;
}
.clients-list li:first-child { border-top: 1px solid #505559; }
.areas-list {
  float:left;
  margin:0 0 15px 0;
  *margin-bottom: 0px;
  background: #373b3f;
  padding: 20px;
  width: 260px !important;
}
.areas-list ul {
  margin: 0;
  padding: 0;
  list-style-type:none;
}
.areas-list li {
  border-bottom: 1px solid #505559;
  padding: 0 0;
  cursor:pointer;
  padding: 5px 0;
}
.areas-list li:first-child { border-top: 1px solid #505559; }
.areas-list { margin: 20px 0 58px 0 !important; }
.areas-list a.active { color: #c90039; }
.areas h1 {
  margin-bottom: 0;
  /**margin-bottom: -2px;*/
}

div#clientImg{
	width:130px;
	float:left;
	margin-right:20px;
}

div#clientImgR{
	width:130px;
	float:right;
	margin-right:0;
}

div#clientImg.end{
	margin-right:0;
}

div#clientImg p, div#clientImgR p{
	padding:0 0 30px 0;
}


/*-----------slider-----------------*/

#slider {
  background:#373b3f;
  margin: 40px 0 40px 0;
  float:left;
}

#slider td { width: 280px; }
#slider td a {
  display: block;
  width: 280px;
  padding: 5px 0;
  border-top: 1px solid #505559;
}
#slider td.last { width: 286px; }
#slider td.last a {
  display: block;
  width: 280px;
  padding: 0;
  border-top: 1px solid #505559;
}
#slider tr.last td a {
  border-bottom: 1px solid #505559;
  /*margin-bottom: 20px;*/
}
#slider table {
  width: 900px;
  margin: 0 0 25px 20px;
  *margin-top: -15px;
}
#slider h2 { margin-top: 8px; }

.scroll {
  overflow-x: hidden;
  position: relative;
  width: 920px;
  /*margin-bottom: 15px !important;*/
}
.scrollContainer div.panel { width: 920px; }

#wrapper #content .twelve {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  width: 920px;
}

#wrapper #content .left { margin-left: 0; }
#wrapper #content .right { margin-right: 0; }

#wrapper #content .six {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 20px;
  width: 430px;
}

.project {
  width: 880px !important;
  padding: 10px 20px 20px 20px;
  *position: absolute;
  *bottom: 5px;
}
.project-title h2 {
  margin: 0;
  padding-left: 20px;
}
.project-infos {
  *position: absolute;
  *z-index: 3;
  *right: 0;
  
}
.project-infos h1 {
  margin-bottom: 0;
  cursor: pointer;
  *margin-bottom: -1px;
}
.project-infos-hidden {
  z-index: 3;
  background: #c90039;
  position: absolute;
  padding: 10px;
  margin-top: 0;
  right: 0;
  *display: block;
  *width: 410px;
}

p.project-infos-hidden{
	font-size:12px;
	line-height:15px;
}

span.text-right {
	position:relative;
	right:-260px;
	top:-2px;
	}

/*-------------contact--------------*/

#contact { *padding-bottom: 15px !important; float:left; margin:40px 0 0 0 ; padding:0;   }
#contact .join {
  position: absolute;
  z-index: 11;
  width:280px;
}
#contact .join legend { display: none; border:none; }
#contact .join label {
  display: inline-block;
  width: 110px;
  margin: 10px 0 0 0;
  font-weight: bold;
  padding-top:10px;
 
}
#contact .join input {
  width: 160px;
  border: 1px solid #ffffff;
  margin: 10px 0 0 0;
}
#contact .join label.error {
  color: #c90039 !important;
  display:inline-block;
  width: 250px;
  margin:0;
  padding: 0;
}
#contact .join input.error { border: 1px solid #c90039; }
#contact .join input#name {
  margin: 15px 0 10px 0;
  *margin: 15px 0 0 0;
}
#contact .join input#submit {
  width: 75px;
  float: right;
  background: #c90039;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  border: none;
}
#contact .join input#submit:hover { background: #373b3f; }
#slider {
  background: #373b3f;
  margin-bottom: 15px;
}

div.contactWrap{
	margin:0;
}


div.contactCol{
	width:280px;
	float:left;
	margin:40px 40px 40px 0;
}

div.contactColend{
	margin-right:0;
}

h4.red, span.red, a.red { color: #c90039; }

	

/*content end*/

/*headers*/

h1 {
  font-size: 18px;
  line-height: 26px;
  padding: 0 0 0 5px;
  color:#FFF;
}

h2 {
  font-size:44px;
  padding: 0;
  margin:20px 0 20px 0;
}

h1.red { background: #c90039;     }
h1.grey { background: #6f7072; }

/*headers end*/

/*brand clarity*/

#achieving-brand-clarity {
  height: 660px;
  width: 600px;
  background: url(../images/background-abc.jpg) left top no-repeat;
  position: relative;
}
#achieving-brand-clarity h2 {
  width: 150px;
  position: absolute;
  top: 40px;
  left: 40px;
  font-size:48px;
  line-height:40px;
}
#achieving-brand-clarity ul {
  position: absolute;
  top: 120px;
  left: 180px;
  font-size: 12px;
  list-style-type:none;
}
#achieving-brand-clarity li#title {
  font-size: 16px;
  margin: 0 0 5px 0;
}
#achieving-brand-clarity li { margin: 5px 0; }
#achieving-brand-clarity p {
  width: 85px;
  position: absolute;
  top: 240px;
  left: 40px;
  font-size:13px;
  line-height:16px;
}
#achieving-brand-clarity p a {
  display: block;
  width: 70px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ffffff;
}
#achieving-brand-clarity #bubbles {
  font-size: 13px;
  text-align: center;
  padding:0;
}
#achieving-brand-clarity #bubbles #brand-research {
	position: absolute;
	top: 427px;
	left: 92px;
}
#achieving-brand-clarity #bubbles #clarity-definition {
	position: absolute;
	top: 396px;
	left: 270px;
}
#achieving-brand-clarity #bubbles #strategy-consumer {
  position: absolute;
  top: 425px;
  right: 60px;
  width: 100px;
}
#achieving-brand-clarity #bubbles #evaluate-evolve {
	position: absolute;
	top: 551px;
	left: 86px;
}
#achieving-brand-clarity #bubbles #roll-out {
  position: absolute;
  top: 595px;
  left: 275px;
}
#achieving-brand-clarity #bubbles #create {
	position: absolute;
	top: 565px;
	right: 103px;
}

/*brand clarity end*/

div.thanks{
	margin-top:40px;
}


/*footer*/

#footer {
	width:920px;
	height:30px;
	float: left;
	background: #6f7072 url(../images/backgrounds/background-footer.gif) repeat-x left top;
	_background: #6f7072 url(../images/backgrounds/background-footer-ie6.gif) repeat-x left top;
	padding: 10px 40px 20px 40px;
	
}

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

.footerL{
	float:left;
}

.footerR{
	float:right;
}

div.footerR ul{
	padding:0;
	margin:0;
	list-style-type:none;
	
}

div.footerR ul li{
	float:left;
	background:#C60;
	margin-right:4px;
	width:24px;
	height:44px;
}

div.footerR ul li a{
	display:block;
	width:24px;
	height:44px;
}

div.footerR ul li a span{
	display:none;
}

div.footerR ul li.linkdin{width:24px; height:44px; background:url(../images/home/img-icon-01sm.jpg) top left no-repeat;}
div.footerR ul li.linkdin a:hover{background:url(../images/home/img-icon-01sm.jpg) top right no-repeat;}

div.footerR ul li.twitter{width:24px; height:44px; background:url(../images/home/img-icon-02sm.jpg) top left no-repeat;}
div.footerR ul li.twitter a:hover{background:url(../images/home/img-icon-02sm.jpg) top right no-repeat;}

div.footerR ul li.facebook{width:24px; height:44px; background:url(../images/home/img-icon-03sm.jpg) top left no-repeat;}
div.footerR ul li.facebook a:hover{background:url(../images/home/img-icon-03sm.jpg) top right no-repeat;}