@charset "utf-8";

/*									BASE STYLES & RESET
_________________________________________________________________________________________________________*/
html, body { width: 100%; padding: 0; border: none; margin: 0; background: #22201e; }
h1, h2, h3, h4, h5 { padding: 0; border: none; margin: 0; }
img { border: none; }
p, div, form, a { padding: 0; border: none; margin: 0; }
strong { font-weight: bold; }
em { font-style: normal; color: #c5d62d; }
:focus {outline: none;}
.clear { clear: both; }

/*									SKELETON
_________________________________________________________________________________________________________*/
body { height: 100%; }
div#wrapper { width: 960px; margin: 0 auto; }
div#main { overflow: hidden; width: 940px; margin: 0 0 0 10px; position: relative; }
div#main div#nav { width: 368px; }
div#main div#content { width: 562px; float: right; overflow: hidden; }
div#footer { height: 40px; width: 940px; margin: 0 0 0 10px; }

/*									TYPOGRAPHY
_________________________________________________________________________________________________________*/
body { font-family: Georgia, Times, serif; font-size: 14px; line-height: 20px; color: #fff; }
a, 
a:link, 
a:visited, 
a:hover, 
a:active { color: #ff0000; text-decoration: none; }
a:hover { color: #0000ff; }
h1, h2, h3, h4, h5 { font-weight: normal; color: #fdec4e; }
h1, h2 { font-size: 24px; }
h3 { font-size: 22px; color: #999; }

a.yblock { background-color: #fdec4e; color: #000; padding: 1px 3px 1px 0; }
a.yblock:hover { background-color: transparent; color:#fdec4e;  }

/*									NAV
_________________________________________________________________________________________________________*/
div#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#nav {
	position: absolute;
	top: 0;
}
h1 { 
	background: transparent url(../img/dashed.gif) repeat-x left bottom; 
}
h1 a { 
	display: block;
	width: 100%;
	height: 233px;
	letter-spacing: -1px;
	text-indent: -400px;
	overflow: hidden;
	background: transparent url(../img/excite_communications.png) no-repeat left 158px; 
}
div#nav ul { display: block; padding: 10px 0 10px 0; border: none; margin: 0 0 7px 0; list-style-type: none; width: 100%; background: transparent url(../img/dashed.gif) repeat-x left bottom; }
div#nav ul li { display: inline; padding: 0; border: none; margin: 0; }
div#nav ul li a {
	width: 368px;
	display: block; 
	font-weight: bold;
	color: #cc3399;
	line-height: 14px;
	padding: 0;
	border: none;
	margin: 0;
}
div#nav ul li.active a, 
div#nav ul li a:hover {
	color: #fff;
}
div#address {
	font-size: 12px;
	line-height: 12px;
	color: #ccc;
	position: absolute;
	bottom: 0;
}
div#address p {
	margin: 0 0 5px 0; line-height: 14px;
}
div#address p strong {
	color: #fff;
}
div#address p a {
	color: #ccc;
}
div#address p a:hover {
	color: #fff;
}

/*									CONTENT
_________________________________________________________________________________________________________*/

	/* _______________________________________________ CLIENTS _______________________________________________*/
body#clients div#wrapper div#main { width: 950px; }
body#clients div#wrapper div#main div#content { width: 572px; margin: 10px 0 0 0; padding: 0 0 20px 0; }
body#clients div#wrapper div#main div#content a img { 
	width: 131px; 
	height: 86px;
	padding:0; border: none; margin:0; 
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}
body#clients div#wrapper div#main div#content img { padding:0; border: solid 1px #4c4d4d; margin:0 10px 12px 0; width: 131px; height: 86px; float: left; }
body#clients div#wrapper div#main div#content a { padding:0; border: solid 1px #4c4d4d; margin:0 10px 12px 0; display: block; width: 131px; height: 86px; float: left; }
body#clients div#wrapper div#main div#content a:hover img { background-position: left bottom; }


body#clients div#wrapper div#main div#content a#exponent img { background-image: url(../img/clogo-exponent.png); }
body#clients div#wrapper div#main div#content a#apatech img { background-image: url(../img/clogo-apatech.png); }
body#clients div#wrapper div#main div#content a#vc img { background-image: url(../img/clogo-vc.png); }
body#clients div#wrapper div#main div#content a#pc img { background-image: url(../img/clogo-pc.png); }
body#clients div#wrapper div#main div#content a#ashtead img { background-image: url(../img/clogo-ashtead.png); }
body#clients div#wrapper div#main div#content a#gkn img { background-image: url(../img/clogo-gkn.png); }
body#clients div#wrapper div#main div#content a#cinven img { background-image: url(../img/clogo-cinven.png); }

/* _______________________________________________ CASE _______________________________________________*/
body#case div#wrapper div#main { width: 940px; }
body#case div#wrapper div#main div#content { width: 562px; margin: 10px 0 0 0; padding: 0 0 20px 0; }

div#content div.gallery { display: block; overflow: hidden; }
div#content div.gallery div.thumbs { display: block; overflow: hidden; width: 88px; float: left; }

div#content div.gallery div.thumbs a:link, 
div#content div.gallery div.thumbs a:visited, 
div#content div.gallery div.thumbs a:hover, 
div#content div.gallery div.thumbs a:active { display: block; padding: 0; border: 1px solid #666; margin: 0 0 5px 0; float: left; }
div#content div.gallery div.thumbs a:hover { border-color:#999; }
div#content div.gallery div.thumbs a.actv:link, 
div#content div.gallery div.thumbs a.actv:visited, 
div#content div.gallery div.thumbs a.actv:hover, 
div#content div.gallery div.thumbs a.actv:active { border-color:#ccc; }
div#content div.gallery div.thumbs a img { display: block; }
div#content div.gallery div.pic { width: 463px; float: right; }
div#content div.gallery div.pic img { display: block; border: 1px solid #666; }


body#case div#wrapper div#main div#content h2 { clear: both; padding: 30px 0 0 0; }
body#case div#wrapper div#main div#content h3 { margin: 20px 0 0 0; }
body#case div#wrapper div#main div#content p { font-size: 14px; }

/* _______________________________________________  WHAT WE DO2 _______________________________________________*/
body#what div#wrapper div#main div#content { width: 555px; margin: 10px 0 0 0; padding: 0 0 20px 0; }
body#what div#wrapper div#main div#content table tr td {
	vertical-align: top;
	padding: 15px 0 15px 0;
	margin: 0 20px 10px 0;
}
body#what div#wrapper div#main div#content table tr td.cnt {
	width: 265px;
	border-bottom: solid 1px #4c4d4d;
}
body#what div#wrapper div#main div#content table tr td.last {
	border-bottom: 0;
}
body#what div#wrapper div#main div#content  table tr td h2 { font-size: 22px; margin: 0 0 5px 0; letter-spacing: -1px; }
body#what div#wrapper div#main div#content  table tr td p { line-height: 17px; }

/* _______________________________________________  CLIENTS SAY _______________________________________________*/
body#clientssay div#wrapper div#main { width: 940px; }
body#clientssay div#wrapper div#main div#content { width: 562px; margin: 10px 0 0 0; padding: 0 0 20px 0; }
body#clientssay div#wrapper div#main div#content div.item { 
	margin: 0 0 20px 0; 
	float: left; 
}
body#clientssay div#wrapper div#main div#content div.item img { border: solid 1px #666; margin: 3px 10px 20px 0; float: left; }
body#clientssay div#wrapper div#main div#content div.item h2 { color: #fff; }
body#clientssay div#wrapper div#main div#content div.item h3 { color: #fdec4e; letter-spacing: 3px; font-size: 14px; font-weight: bold; }
body#clientssay div#wrapper div#main div#content div.item p.small { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
body#clientssay div#wrapper div#main div#content div.item p a { font-size: 11px; background-color: #fdec4e; color: #000; font-weight: bold; padding: 1px 3px 1px 0; }
body#clientssay div#wrapper div#main div#content div.item p a:hover { background-color: #fff; }

/* _______________________________________________  TESTIMONIAL _______________________________________________*/
body#testimonial div#wrapper div#main { width: 940px; }
body#testimonial div#wrapper div#main div#content { width: 562px; margin: 10px 0 0 0; padding: 0 0 20px 0; }
body#testimonial div#wrapper div#main div#content img { border: solid 1px #666; margin: 0 0 20px 0; }
body#testimonial div#wrapper div#main div#content h2 { color: #fff; }
body#testimonial div#wrapper div#main div#content h3 { color: #fdec4e; letter-spacing: 3px; font-size: 14px; font-weight: bold; }
body#testimonial div#wrapper div#main div#content p { margin: 0 0 20px 0; }
body#testimonial div#wrapper div#main div#content p.big { font-size: 18px; color: #fdec4e; margin: 20px 0 20px 0; }


body#testimonial div#wrapper div#main div#content p.big {
	display: block;
	float: right;
	width: 220px;
	padding-left: 40px;
	margin-top: 0;
	margin-bottom: 20px;
}



body#testimonial div#wrapper div#main div#content p.small { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }

/* _______________________________________________ ABOUT US _______________________________________________*/
body#how div#wrapper div#main { width: 940px; }
body#how div#wrapper div#main div#content { width: 562px; margin: 0; padding: 0 0 10px 0; }

body#how div#wrapper div#main div#content p { padding: 40px 0 30px 0; }

div.ablock { display: block; width: 231px; height: 250px; padding: 0 25px; float: left; overflow: hidden; }
div#block1 { background: #333 url(none) no-repeat; }
div#block2 { background: #666 url(../img/yarrow1.gif) no-repeat 0 center; }
div#block3 { background: #fff url(../img/yarrow3.gif) no-repeat right center; color: #22201e; }
div#block4 { background: #ccc url(../img/yarrow2.gif) no-repeat center 0; color: #22201e; }
div#block1 h2, div#block2 h2, div#block1 h3, div#block2 h3 { color: #fff; }
div#block3 h2, div#block4 h2, div#block3 h3, div#block4 h3 { color: #22201e; }
div.ablock h2 { font: bold 34px/34px "Arial Black", Arial, sans-serif; letter-spacing: -2px; }
div.ablock h3 { font-size: 18px; padding: 15px 0 0 0; }
div.ablock ul { padding: 10px 0 0 14px; margin: 0; list-style: disc outside; }
div.ablock ul li { padding: 0 0 4px 0; font-size: 12px; line-height: 14px; }

/* _______________________________________________ CONTACT _______________________________________________*/
body#contact div#wrapper div#main div#content div#mapa { display: block; width: 552px; height: 397px; margin: 10px 0 20px 0; }
body#contact div#wrapper div#main div#content div.person { margin: 0 0 20px 0; }
body#contact div#wrapper div#main div#content h3 { color: #fff; }
body#contact div#wrapper div#main div#content p.small { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; }
div#maptip { display: block; color: #999; font-family: Arial, Helvetica, sans-serif; }
div#maptip h4 { color: #333; font-size: 14px; font-weight: bold; }
div#maptip p.address { color: #666; }
div#maptip span#rail { display: block; width: 100px; margin: 3px; padding: 0 0 0 5px; border: 1px solid #ccc; font-weight: bold; color: #000; }

div#maptip span#circle, div#maptip span#hammersmith, div#maptip span#metropolitan  { display: inline-block; width: 130px; margin: 3px; padding: 0 0 0 5px; border: 0; font-weight: bold; color: #000; }

div#maptip span#circle { background-color: #ffda00; }
div#maptip span#hammersmith  { background-color: #ff678f; }
div#maptip span#metropolitan  { color: #fff; background-color: #6f003c; }

div#maptip a { color: #0000ff; text-decoration: none; }
div#maptip a:hover { color: #0000ff; text-decoration: underline; }


/*									FOOTER
_________________________________________________________________________________________________________*/
div#footer {
	border-top: solid 4px #fff;
	background: transparent url(../img/footer.png) no-repeat right 5px; 
	overflow: hidden;
}
#footer p.small {
	color: #ccc;
	margin: 2px 0 0 0;
	font-size: 10px;
}
#footer a {
	margin: 0 0 0 10px;
}


/*									GUIDES
_________________________________________________________________________________________________________*/
span.date { display: block; font-size: 16px; color: #999; margin: 5px 0 10px 0; }
a.aclink, span.aclink { display: block; color:#fdec4e;font-size: 17px; color: #fdec4e; background: transparent url(../img/arrow3.gif) no-repeat 0 center; padding: 0 0 0 15px; margin: 8px 0 0 0;}
a.aclink:visited { color:#fdec4e; }
a.aclink:active { color:#fdec4e; }
a.aclink:hover { color:#fff; }
span.aclink { display: block; color:#fdec4e;font-size: 17px; color: #fdec4e; background: transparent url(none) no-repeat 0 center; padding: 0; margin: 8px 0 0 0; }
#content.guide p { margin-bottom:10px; }
div.acblock { margin:0; padding:0; }
p.btmcnt {margin: 20px 0 0 0;}
p.btmcnt strong {color: #fdec4e;}
p.btmcnt a {color: #fdec4e;}
p.btmcnt a:hover {color: #fff;}



/*									NEW HOMEPAGE
_________________________________________________________________________________________________________*/
/*body#start div#wrapper div#main div#content {  margin: 70px 0 0 0; }
body#start div#wrapper div#main div#content p { font-size: 23px; line-height: 28px; margin: 0 0 30px 0; letter-spacing: -1px; }*/

body#start div#wrapper div#main div#content { margin:65px 0 0 0; }
body#start div#wrapper div#main div#content div#clr { 
	overflow:hidden;

}
body#start div#wrapper div#main div#content div.homeleft {
	float:left;
	width:368px;
	padding-top: 25px;
	font-size: 17px; line-height: 21px;letter-spacing: -0.1px;
}
body#start div#wrapper div#main div#content div.homeleft p {
	margin: 0 0 10px 0;
}
body#start div#wrapper div#main div#content div.homeright {
	float:right;
	width:174px;
	border-left:1px solid #c5d62d;
	padding-left:10px;
	font-family:Arial,Helvetica,sans-serif;
}
div#excited0,
div#excited1,
div#excited2 {
	display:block;
	height:275px;
	overflow:hidden;
}
#excitedpagination {
	overflow:hidden;

}
#excitedpagination a {
	display:block;
	float:left;
	padding:0 6px;
	margin:0;
	font-size:11px;
	color:#999;
}
#excitedpagination a:hover {color:#fff;}
#excitedpagination a:active,#excitedpagination a.active {color:#c5d62d;}

body#start div#wrapper div#main div#content div.homeright p{color:#cccc33;font-size:11px;line-height:13px;}










body#start div#wrapper div#main div#content div.homebottom {
	clear:both;
	border:1px solid #a3a68b;
	margin:30px 0 20px 0;
	background:#8e916f url(../img/bg-quotes.gif) no-repeat right top;
	overflow:hidden;

}
body#start div#wrapper div#main div#content div.homebottom div {
	display:block;
	overflow:hidden;
	width:100%;
}
body#start div#wrapper div#main div#content div.homebottom img {
	display:block;
	float:left;
	padding:14px;
}
body#start div#wrapper div#main div#content div.homebottom div.quotxt {
	width:298px;
	margin:45px 14px 0 0;
	float:right;
}
body#start div#wrapper div#main div#content div.homebottom div p {
	display:block;
	height:95px;
	overflow:hidden;
	font-size:15px;
	line-height: 18px;
	color:#000;
}
body#start div#wrapper div#main div#content div.homebottom div span.company {display:block; margin-top:12px;color:#fdec4e; letter-spacing:3px; font-size:14px; font-weight:bold;line-height:14px;}
body#start div#wrapper div#main div#content div.homebottom div span.person {display:block;font-size:20px;}
body#start div#wrapper div#main div#content div.homebottom div span.ttl {display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:14px;padding-bottom:14px;}

body#start div#wrapper div#main div#content div.homebottom div p a.yblock {font-size:11px;}
div#linksundernav a {font-family:Georgia,Times,serif; color:#fff;font-size:12px;line-height:16px;margin:0;padding:0; display:block;}
div#linksundernav a:hover {color:#fdec4e;}
body#start div#wrapper div#main div#content div.homeright #rstarttitle{font-size:12px;font-weight:bold;color:#cccc33;}





a.yellow { color:#FDEC4E !important; font-weight:bold; }