/* 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;
	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;
	height: auto;
	overflow: hidden;
	float: left;
}
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;
}
#servicescta {
	width:190px;
	height:288px;
	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;
}
#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;
}
#vacanciess {
	width: 120px;
	height: 120px;
	display: inline;
	float: left;
	left: -10px;
	overflow: hidden;
	position: absolute;
	top: 120px;
	z-index: 9999999;
}
#fancybox-outer {
	    background: #000;
	}
	
	#fancybox-title div {
	    color: #999;
	    padding: 10px 20px;
	}
	
	#fancybox-title span {
	    float: right;
	}
	
	#fancybox-title a {
	    color: #fff;
	}