/*main.css APP*/

/*
* This is MagpieCSS v0.1 by Andy Bright
*/

/* @group General */

/* @group reset */

/*
Eric Meyer's Reset
v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/* @end */

html {
	background-image: url(http://www.capito.co.uk/assets/capito/images/bg.png);
	background-repeat: repeat-x;
	background-color: #eaeff6;
	margin: 0; padding: 0;
}

body { 
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 14px;
	line-height:  1.285em; /* 18px baseline */
}

/* @group fonts */

h1 {
	font-size: 1.4285em; /* 20px */
}
h2, h3 {
	font-size: 1.2857em; /* 18px */
}
h4 {
	font-size: 1em;
}

/* @group pagecontent */

.pagecontent {
	color: #2f2f2f;
}
.pagecontent h1 {
	line-height: 1.1em;
	margin-bottom: 0.58em;
}
.pagecontent p {
	font-size: 0.9285em;
	margin-bottom: 1.5em;
	line-height: 1.5;
}
.pagecontent h2 {
	margin-top: 0.5em;
	margin-bottom:  1em;
	line-height: 1.3em;
}
.pagecontent h3 {
	font-size: 1em;
	margin-bottom:  1em;
}
.pagecontent ul {
	margin-bottom: 1.5em;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 1.5em;
	font-size: 0.9285em;
}

/* @end */

/* @end */

/* @group links */

a {
	color: #266ab5;
	text-decoration:  none;
}
a:hover {
	text-decoration:  underline;
}

a.current {
	color: #ffffff;
	background-color: #456b9d;
}

a.register { 
	background-image: url(http://www.capito.co.uk//assets/capito/images/register.png);
	display: block;
	width: 100px;
	height: 26px;
	text-indent: -999em;
	font-size: 0.8em;
	margin-bottom: 1.5em;
}
/* @end */

/* @group header */


/* @end */

/* @group lists */

.link-list {
	border:  1px solid #d1eaf1;
	border-top: none;
	background-color:  #ffffff;
}
.link-list li {
	line-height:  1.35em;
	padding: 1px 6px;
}
.link-list a {
	padding: 2px 0;
	font-size: 0.8576em;
	text-decoration: underline;
}
.link-list a:hover {
	text-decoration: none;
}
.link-list .active {
	padding-right: 0;
}
.link-list .active a {
	font-weight: bold;
}
li.active li a {
	font-weight: normal !important;
}
li.active li.active a {
	font-weight: bold !important;
}

.smallprint li {
	display: inline;
	margin-left: 15px;
}

/* @end */

/* @group tables */

#RecruitmentTable {
	width: 100%;
}

#case-studies,
#RecruitmentTable {
	line-height:  1.25em;
	background-color: #fff3d5;
}
#case-studies thead,
#RecruitmentTable thead {
	text-align:  left;
	border-bottom:  2px solid #fff;
}
#case-studies .title {
}
#case-studies .sector {
	width: 20%;
}
#case-studies td,
#RecruitmentTable td {
	font-size: 0.8571em;
}
#case-studies .pdf {
	width: 17%;
}
#case-studies th, #case-studies td,
#RecruitmentTableth, #RecruitmentTable td {
	padding: 3px 7px;
}
#case-studies tr,
#RecruitmentTable tr {
	border-bottom: 1px solid #fff;
}

/* @end */

/* @group blockquotes */

blockquote {	
	margin: 0 3em 1.5em 1em;	
}
blockquote p {
	font-family:  Georgia, "Garamond", "Times New Roman", Times, serif;
	font-size: 0.9285em;
	margin-bottom: 0 !important;
	color: #d26217;
	border-left:  3px solid #d26217;
	padding-left: 0.5em;
}
cite {
	font-size: 0.7857em;
	padding-top: 5px;
	color:  #666;
}

/* @end */

/* @group forms */

form h4 {
	color: #D26217;
}
label {
	font-size: 0.9285em;
}
label input {
	font-size: 1em;
	font-weight: normal;
}
input.text, textarea {
	border:  1px inset #ccc;
	background-color: #f8f8f8;
	padding: 2px 3px;
	font-size: 1em;
}
input.submit {
	background-color: #89ace3;
	border:  1px solid #89ace3;
	font-size: 1em;
	padding-top: 2px; padding-bottom: 2px; 
	color:  #ffffff;
}

/* Contact Us Form */

#more-details label, #contact-us-form label, #event-reg-form label, #invite-form label, #job-form label {
	display:  block;
	clear:  both;
	margin-top: 7px;
}
#contact-us-form fieldset input {
	width:  65%;
}
#contact-us-form fieldset span {
	display:  block;
	padding-bottom: 3px;
}
#contact-us-form fieldset p {
	margin-bottom: 0;
}
#contact-us-form fieldset label.checkbox input {
	display:  inline;
	width: auto;
}
#contact-us-form fieldset label.checkbox span {
	display:  inline;
}
#contact-us-form fieldset textarea {
	float:  right;
	width:  88%;
	height: 5em;
	float: left;
}
#more-details input.submit, #contact-us-form input.submit {
	margin-top: 10px;
}
#invite-form fieldset {
	margin-bottom: 1em;
}

/* Job form */

#job-form fieldset { border: 1px solid #ccc; padding: 0.5em 15px 1.5em 15px; margin-bottom: 1.5em; width: 400px; border: 1px solid #E5BB70; background-color:#FFF3D5; }
#job-form h4 { font-weight: bold; color: #fff; background-color: #E5BB70; width: 417px; padding-left: 15px; padding-top: 2px; padding-bottom: 2px; }
#job-form textarea { height: 200px; width: 300px; }


#share-event {
	float: right;
	width: 33%;
	background-color: #FFF3D5;
}
#share-event .success {
	margin: 9px;
}
#share-event form {
	padding: 0.5em;
}

/* @end */

/* @group Event Reg Form */

#event-reg-form fieldset {
	margin-bottom: 1.5em;
	width: 47%;
	float: left;
	margin-right: 3%;
}
#event-reg-form fieldset.invite {
	margin-right: 0;
}
#event-reg-form .submit {
	clear: left;
	float: left;
}
#event-reg-form fieldset input {
	width:  90%;
}
#event-reg-form p.privacy-info, #invite-form p.privacy-info {
	font-size: 0.9285em;
	line-height: 1.2em;
	margin-top: 7px;
	margin-bottom: 0em;
}
#invite-form fieldset input {
	display: block;
	width: 90%;
}
input.friendemail {
	display: block;
	margin-bottom: 5px;
}
p.form-validation-msg {
	margin-bottom: 0;
	color: #D26217;
}
/* @end */

/* @group other */



/* @end */

/* @end */

/* @group Helpers */

/* @group icons */

a.pdf-link {
	background-image:  url(http://www.capito.co.uk/assets/capito/images/icon-pdf-small.png);
	background-repeat: no-repeat;
	padding-left:  20px;
	display: block;
}

/* @end */

/* @group buttons */

/* http://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_link_buttons_with_css/ */

.find-out-more {
	display: block;
	text-indent: -999em;
	background-image:  url(http://www.capito.co.uk/assets/capito/images/button-find-out-more.png);
	width: 124px;
	height: 27px;
	margin-top: 10px;
}

/* @end */

/* @group notifications and errors */

.error, p.notification-error {
	background-color: #FBC1B1;
	border: 1px solid #ED1C24;
	padding: 3px 5px;
}

.success {
	background-color: #C8E9BE;
	border: 1px solid #45C71C;
	padding: 3px 5px;
}

/* @end */

/* @group other */

.odd {
	background-color: #f7f7f7;
}

.content-teaser {
	color:  #9b0029;
	font-size:  0.9285em;
	line-height:  1.2em;
	margin-bottom: 0;
}

/* Blue Box */
#managed-services h4, #professional-services h4, #news-and-events h4, #sub-navigation h4, #recent-news h4, #recent-events h4 {
	color: #ffffff;
	background-color: #5e94dc;
	padding:  2px 7px;
}

/* Cream Box */


/* @end */



/* @end */

/* @group Page Structure */

/* @group container */

#container {
	position: relative;
	padding: 20px 30px;
	background-color: #ffffff;
	width: 892px;
	margin: 12px auto;
}


/* @end */

/* @group header */

#header {
	display: block;
	position:  relative;
	width:  100%;
	padding-bottom: 58px;
}
#header h2 a {
	position: relative;
	float:  left;
	display:  block;
	background-image:  url(http://www.capito.co.uk/assets/capito/images/logo.png);
	background-repeat:  no-repeat;
	text-indent: -999em;
	width: 146px;
	height: 56px;
}
#quick-contact {
	position: relative;
	float: right;
	text-align: right;
}

/* @end */

/* @group navigation */

.navigation {
	background-color: #dfebfb;
	clear: both;
	width: 952px;
	margin-top: 20px;
	padding: 5px 0px;
	position: absolute;
	left: 0px;
	top: 78px;
}
.navigation li#index {
	margin-left:  30px;
}
.navigation li {
	position: relative;
	display: inline;
	margin-right:  20px;
}
.navigation li.active span.notch {
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -6px;
	bottom: -13px;
	width: 12px;
	height: 10px;
	background-image: url(http://www.capito.co.uk/assets/capito/images/active-notch.png);
	background-repeat: no-repeat;
	background-position:  center center;
}
.navigation a {
	padding: 5px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.navigation li.active a {
	background-color:  #456B9D;
	color: #fff;
}
.navigation li.active a:hover {
	background-color:  #456B9D;
}
.navigation li a:hover {
	text-decoration: none;
	color:  #ffffff;
	background-color:  #6889C1;
}


/* @end */

/* @group banner */
#banner {
	position:  relative;
	display: block;
	color: #fff;
	margin-top: 20px;
	background-repeat: repeat-x;
}
#banner-content li {
	display:  none; /* Hide all banner content */
	position: relative;
	margin-bottom: 4px;
	padding: 30px 0 0 60px;
	background-image: url(http://www.capito.co.uk/assets/capito/images/bannerbg.png);
	background-repeat: repeat-x;
	height: 161px;
}
#banner-content h1 {
	width:  45%;
	line-height: 1.08em;
}
#banner-content p {
	width:  40%;
	margin: 1em 0;
}
#banner-content img {
	position: absolute;
	right: 0;
	top: -16px;
}
#banner-content li.current {
	display:  block; /* Show first banner content */
}
#banner-controls li {
	position:  relative;
	display:  block; /* Hide all banner content */
	cursor: pointer;
	float: left; 
	width: 220px;
	margin-right:  4px;
	margin-bottom: 20px;
}
#banner-controls li.current {
	cursor: default;
	padding-top: 4px;
	top: -4px;
	position: relative;
}
#banner-content li.product {
	overflow: hidden;
}
#banner-controls p {
	font-size: 0.8571em;
	line-height:  1.15em;
}
#banner-controls li.product {
	margin-right: 0;
}

#banner-controls li.capito,
#banner-content li.capito {
	background-color: #6F8DB4;
}
#banner-controls li.zero-touch,
#banner-content li.zero-touch {
	background-color: #6F8DB4;
}
#banner-controls li.professional,
#banner-content li.professional {
	background-color: #6F8DB4;
}
#banner-controls li.product,
#banner-content li.product {
	background-color: #6F8DB4;
}

#banner-controls h2, #banner-controls p  {
	margin-left: 60px;
	padding-right:  5px;
}
#banner-controls h2  {
	margin-top: 5px;
	font-size: 1.18em;
}
#banner-controls p  {
	margin-bottom: 5px;
}
#banner-controls img  {
	position: absolute;
	bottom: 4px;
	left: 5px;
}
#banner-controls li.capito img {
	bottom: 5px;
}

/* @end */

/* @group breadcrumb */


#breadcrumb {
	display:  block;
	margin: 20px 0;
	font-size: 0.7857em;
}
.crumb {
	display:  inline;
}

/* @end */

/* @group content */

#content {
	clear:  none;
	float:  right;
	width:  67%;
}

/* @group homepage */

#home #content {
	clear: both;
	float: none;
	width:  100%;
}

#managed-services, #professional-services {
	position: relative;
	display:  block;
	float:  left;
	width: 31%;
	margin-right:  2%;
}

#news-and-events {
	position:  relative;
	display:  block;
	float:  right;
	width:  34%;
}

#news-and-events span, #recent-events span, #recent-news span, .link-list span  {
	color: #D26217;
	font-size: 0.8571em;
}

#news-and-events p, #recent-events p, #recent-news p {
	font-size: 0.7857em; /* 11px */
	line-height: 1.1785em;
	color: #666;
	padding-bottom: 0.5em;
}
#news-and-events li, #recent-events li, #recent-news li {
	padding: 0 6px;
}
#news-and-events a, #recent-events a, #recent-news a {

}

#capito-intro {
	padding-top: 2em;
	clear: both;
	width: 70%;
}

a.news-events-archive {
	position:  absolute;
	top: 2px;
	right: 5px;
	font-size: 0.7857em; /* 11px */
	color: #fff;
}



/* @end */

/* @group product pages */


#productgallery #content {
	clear:  none;
	float:  right;
	width:  72%;
}
#productgallery #sidebar {
	width:  26%;
}

#productgallery #managed-services, #productgallery #professional-services {
	display:  block;
	float:  left;
	width: 47%;
	margin-right:  5%;
}
#productgallery #professional-services {
	margin-right:  0%;
}


#clientscasehome #content, #productsandsolutions #content,
#clientscasestudies #content {
	clear:  none;
	float:  right;
	width:  67%;
}
#related-case-studies, #contact-numbers {
	background-color: #fff3d5;
	margin-top: 2em;
}
#related-case-studies {
	float: right;
	width: 30%;
}
#clientscasestudies #related-case-studies {
	float: none;
	width: 100%;
	margin-top: 2em;
	margin-left: 0;
}
#related-case-studies ul {
	border:  1px solid #e5bb70;
	padding: 3px 5px;
	margin-bottom: 0;
}
#related-case-studies li {
	margin-bottom: 0.5em;
	list-style-type: none;
	list-style-position: outside;
	line-height: 1.1;
}
#related-case-studies li.last {
	margin-bottom: 0;
	
}
#related-case-studies a {
	font-size: 0.9285em;
	font-weight:  bold;
}
#related-case-studies a.pdf-link {
	font-size: 0.9285em;
	font-weight: normal;
}
#related-case-studies p {
	margin-bottom: 0;
}
#related-case-studies p, #contact-numbers p {
	font-size: 0.8571em;
	line-height: 1.2em;
}
#contact-numbers {
	padding-bottom: 0.1em;
}
#contact-numbers p {
	margin: 5px 0 0.7em 6px ;
}


#case-info, #key-questions, #key-people, #case-download, #related-case-studies {
	float:  right;
	width: 35%;
	background-color: #fff3d5;
	margin: 0 0 0.5em 4%;
	border: 1px solid #fff3d5;
}
#case-info {
	padding-top: 0.5em;
	clear: right;
	line-height: 1em;
}
#case-info ul {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 1.75em;
	font-size: 0.8571em;
}
#case-info li {
	margin-bottom: 0.3em;
}

#case-download {
	background: url(http://www.capito.co.uk/assets/capito/images/case-download-bg.png) repeat-x;
	border: 1px solid #cbcbcb;
}

#case-download span {
	margin: 10px 10px 10px 5px;
	display:  block;
	color: #000;
}
#case-download a {
	display:  block;
}
#case-download img {
	margin: 5px 8px 5px 5px;
	float: left
}

#case-info h4 {
	padding: 2px 6px;
	text-transform:  uppercase;
	color: #e09500;
}
#case-info p {
	font-size: 0.8571em;
	padding: 0 6px;
	margin-bottom:  1em;
}

#key-questions {
	clear: right;
}
#key-questions ul, #key-people ul {
	padding: 0.8em 6px;
	margin-bottom: 0;
	padding-bottom: 0;
}
#key-questions li {
	list-style-type: none;

	line-height: 1.2em;
	margin-bottom: 0.75em;
	list-style-position: outside;
	
}
#share-event h4, #related-case-studies h4, #key-questions h4, #key-people h4, #contact-numbers h4, #case-studies th, #RecruitmentTable th, #archived-news h4, #archived-events h4 {
	color: #fff;
	background-color: #e5bb70;
	padding: 2px 6px;
}
#newsletter {
	margin-top: 2em;
}
#newsletter h4 {
	color: #E09500;
	text-transform: uppercase;
}
#newsletter label {
	float: left;
	color: #E09500;
	text-transform: uppercase;
	font-size: 0.9285em;
	font-weight: bold;
}
#newsletter .submit {
	float: right;
	margin-right: 25px;
	padding: 1px 2px;
	font-size: 0.9285em;
}

#newsletter p {
	font-size: 0.8571em;
	margin-bottom: 0.2em;
	line-height:  1.2em;
}

/* @end */

/* @group who we are */

#gmapmarker {
	font-size: 0.8576em;
	line-height: 1.15em;
}

#map {
	overflow: hidden;
	clear: both;
}
#whoweare #sidebar {
	float: right;
	width:  29%;
}
#whoweare #content {
	float: left;
	width:  67%;
}
#whoweare-tabs, #casestudy-tabs  {
	margin-bottom:  1em;
	border-bottom:  2px solid #456b9d;
}
#whoweare-tabs li, #casestudy-tabs li {
	display:  inline;
	padding: 0 0 0 0;
	margin:  0;
}
#whoweare-tabs li a, #casestudy-tabs li a {
	color: #456b9d;
	background-color: #cfe3ff;
	text-decoration:  none;
	padding:  3px 12px 2px 12px;
	display:  block;
	float:  left;
	line-height:  1em;
	margin-right: 1px;
	border-bottom: 1px solid #fff;
}
#whoweare-tabs li.current a, #casestudy-tabs li.current a {
	color: #fff;
	background-color: #456b9d;
	border-bottom: 1px solid #456b9d;
}
#whoweare-tabs li a:hover, #casestudy-tabs li a:hover {
	color: #fff;
	background-color: #6889C1;
	text-decoration:  none;
}
#whoweare-content li.container, #casestudy-content li.container {
	display:  none;
}
#whoweare-content li.container.current, #casestudy-content li.container.current {
	display:  block;
}

#key-people ul li {
	list-style-type: none;
	clear: left;
}
#key-people ul img {
	margin: 0 0.5em 0.8em 0;
	float: left;
}
#key-people ul h3 {
	margin-bottom: 0em;


}
#key-people ul p {

	font-size: 0.9285em;
	line-height:  1.1em;
}


/* @end */

/* @group case studies */


/* @end */

/* @end */

/* @group sidebar */

#sidebar {
	float:  left;
	width:  29%;
}
#archived-news, #recent-events, #archived-events {
	margin-top: 2em;
}
#event-cta {
	margin-top: 2em;
}
#home #event-cta {
	float: right;
	clear: both;
}

/* @end */

/* @group footer */

#footer {
	clear: both;
	position: absolute;
	bottom: -48px;
	left: 30px;
	font-size: 0.7142em;
	padding-bottom: 5px;
	width: 890px;
}
#footer div.left {
	width: 600px;
	float: left;
}
#footer div.right {
	width: 200px;
	float: right;
	text-align: right;
}
#footer p, #footer a {
	color: #aaa;
	margin-bottom: 0em;
}

/* @end */

/* @group vdi pages */

#vmwarevdi #content {
	float: left;
}

#vmwarevdi #sidebar {
	float: right;
}

/* @end */

/* @end */

/* @group Page Elements */

.telephone dt {
	color: #aaa;
	font-size:  0.7142em; /* 10px */
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.telephone dd {
	color: #ED1C24;
	font-size: 2.1428em; /* 24px */
	letter-spacing: -0.04em;
}
p.find-or-email {
	padding-top: 3px;
}

/* @end */

/* @group Overrides */

/* @group news list */

#newseventshome .newsitem h1 {
	margin-bottom: 0;
}
#newseventshome .pagecontent h2.title {
	margin-bottom: 0;
}
#newseventshome .pagecontent h2 span {
	color: #D26217;
}
.pagecontent p.postinfo {
	margin-bottom: 1em;
	font-size: 0.7857em; /* 11px */
}
#newseventshome .pagecontent p.synopsis {
	margin-bottom: 1em;
}
#newseventshome .pagecontent p.eventinfo {
	margin-bottom: 1em;
}
#newseventshome .pagecontent a.continue {
	position:  relative;
	margin-top: -1em;
}
#newseventshome .newsitem, #newseventshome .eventitem {
	margin-bottom:  2.5em;
}
#newseventshome .newsitem a.readmore {
	font-size: 0.9em;
}
#newseventshome #eventitems { 
	background-color: #FFF3D5;
}
#newseventshome #eventitems.archives { 
	background-color: transparent;
}
#newseventshome #eventitems img { 
	float: right;
}
#newseventshome #eventitems .textcontent { 
	padding: 0.8em 1em 0.8em 0.8em;
}

/* @end */

/* @group banner */

#contactus #banner {
	height:  230px;
	color: #000;
}
#contactus #sidebar {
	width:  45%;
	float:  left;
}
#contactus #content {
	width:  33%;
	float:  right;
	clear:  none;
}

#client-list h2 {
	margin-bottom: 0.5em;
}
#client-list p {
	font-size: 0.8571em;
	line-height: 1.25em;
}
/* @end */

/* @end */


/* @group pages */

#innerwide #content {
	float: none;
	margin: 0 auto;
	width: 67%;
}
#innerwide #banner {
	margin-bottom: 25px;
}
#innerwide #sidebar {
	display: none;
}

/* @end */