/* HTML styles */

body {
 background:#31302e;
 font:1em/1.2em Arial, Verdana, sans-serif;
 margin:0;
 padding:0;
 }

h1,h2,h3,h4,h5,h6 {margin:0;}

h3,h4 {margin-bottom:12px;}

hr {display:none; visibility:hidden;}



/* Sticky Footer */

html, body {height:100%;}

#main {min-height:100%;}

#wrapper {
 overflow:auto;
 padding-bottom:13em;
 }

#footer {
 clear:both;
 height:8.5em;
 margin-top:-8.5em;
 position:relative;
 }



/* Layout styles */

.wrapper {
 margin:0 auto;
 width:952px;
 }

#main {background:#f9f9f7 url(../img/background.jpg) repeat-x top center fixed;}

#skip a {
 position:absolute;
 top:-10em;
 }

#skip a:focus {top:0;}

#header {background:url(../img/background-header.jpg) 0 0 no-repeat;}

#header h1 {
 display:inline-block;
 margin:32px 0 24px 0;
 }

#header h1 a {
 background:url(../img/logo-header.png) 0 0 no-repeat;
 display:block;
 height:42px;
 text-indent:-9999em;
 width:361px;
 }

#header p {
 color:#695e57;
 float:right;
 margin-top:30px;
 text-align:right;
 width:576px;
 }

#navigation {clear:both;}

#navigation ul {
 margin:0;
 padding:8px 0;
 white-space:nowrap;
 }

#navigation li {
 display:inline;
 list-style:none;
 }

#navigation a:link,
#navigation a:visited {
 color:#776b63;
 font-size:1.1em;
 padding:6px 12px 10px 12px;
 position:relative;
 text-decoration:none;
 }

#navigation a.inactive:hover {
 color:#f9a500;
 text-decoration:underline;
 }

#navigation a.active {
 background:url(../img/background-banner.jpg) 0 -95px no-repeat;
 color:#fff;
 text-shadow:#f58e00 0 0 4px;
 }

#banner {
 background:url(../img/background-banner.jpg) top center repeat;
 /*background:url(../img/background-banner.jpg) top center repeat-y;*/
 padding:12px 0;
 }

#banner h2 {
 color:#fff;
 font-weight:normal;
 margin:0;
 text-shadow:#f58e00 0 0 4px;
 }

#content h2 {
 color:#f9a500;
 font-size:1.4em;
 font-weight:normal;
 margin:6px 0 12px 0;
 }

#content p,
#content li {font-size:0.8em;}

#footer {
 background:#31302e url(../img/background-footer.jpg) 0 0 repeat-x;
 color:#aaa;
 }

#footer p {
 clear:both;
 font-size:0.7em;
 line-height:1.4em;
 }

#footer  ul {
 font-size:0.7em;
 margin:0 0 0 2em;
 }

#footer a:link,
#footer a:visited {color:#aaa;}

#footer a:hover,
#footer a:focus {color:#fbfbfb;}

#footer .footeroverview {
 float:left;
 padding:18px 0 12px 0;
 width:66%;
 }

#footer .footeroverview h5 {
 display:block;
 background:url(../img/logo-footer.png) 0 0 no-repeat;
 height:18px;
 margin-bottom:9px;
 text-indent:-9999em;
 width:153px;
 }

#footer .copyright {
 color:#666;
 margin:0;
 }

#footer .footercontact {
 border-left:1px solid #444;
 float:left;
 margin:16px 0 0 19px;
 padding:0 0 4px 12px;
 width:30%;
 }



/* Component styles */

.row {
 margin:24px 0;
 padding:0 12px;
 overflow:auto;
 }

.row img {border:1px solid #999;}

.panel {
 background:#fff;
 border:1px solid #ddd;
 box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd;
 margin:24px 0;
 overflow:auto;
 padding:12px;
 }

.panel img {border:1px solid #999;}

.panel .description img, .panel .details img {border:none;}

.quicklink {
 float:left;
 min-height:11em;
 /*min-height:16em;*/
 margin-bottom:0;
 margin-right:16px;
 width:280px;
 }

.quicklink.last {margin-right:0;}

.quicklink h3 {
 font-size:1em;
 margin:0 0 12px 0;
 }

.quicklink img {
 display:block;
 margin:12px 0;
 }

.quicklink p {margin:0;}

.quicklink h3:hover a {
 color:#00b3fe;
 text-decoration:none;
 }

.more {
 display:block;
 margin-top:12px;
 }

.externallink {
 background:url(../img/icon-externallink.gif) no-repeat right center;
 padding-right:14px;
 }

.pdflink a {
 background:url(../img/icon-pdf.gif) no-repeat left center;
 padding-left:20px;
 }

.pdflink em {
 color:#888;
 font-size:0.9em;
 font-style:normal;
 }

.newline {
 display:block;
 margin-bottom:12px;
 }




/* Home */

body#home #banner h2 {
 background:url(../img/introduction-title.png) 0 0 no-repeat;
 height:66px;
 margin:6px 0 12px 0;
 text-indent:-9999em;
 width:306px;
 }

body#home #content h2 {margin:24px 0 0 0;}

#banner .panel {
 border-color:#d6b400;
 box-shadow:0 0 10px #c9a000; -moz-box-shadow:0 0 10px #c9a000; -webkit-box-shadow:0 0 10px #c9a000;
 margin:0 auto;
 width:952px;
 }

#banner p {
 float:left;
 font-size:0.9em;
 line-height:1.4em;
 width:32%;
 }

#banner img {
 float:right;
 margin:-84px 0 0 12px;
 }

#banner a:link {color:#fff;}
#banner a:visited {color:#fff;}
#banner a:hover {color:#fff; text-decoration:none;}
#banner a:active {color:#fff;}


/*body#services #banner a {*/
 /*float:right;*/
 /*font-size:1.1em;*/
 /*margin-top:-19px;*/
 /*}*/

/* # Services */

.mobileappdev {
 float:left;
 width:49%;
 }

.webappdev {
 float:right;
 width:49%;
 }

.description {overflow:auto;}

/*Put back for adding images to services.*/

#tddtraining .description.primary p {
 float:left;
 width:90%;
 }

.description.primary p {
 float:left;
 width:66%;
 }

.description.primary img {
 float:left;
 margin:4px 12px 0 0;
 }


.details {margin-top:14px;}

.details ul {
 float:right;
 margin:-4px 0 0 24px;
 width:48.5%;
 }

.softwareconsultancy {
 float:left;
 width:49%;
 }

.training {
 float:right;
 width:49%;
 }

.technologies {
 float:left;
 width:43%;
 }

.technologies li {
 float:left;
 width:33%;
 }

.processestechniques {
 float:left;
 width:31%;
 }

.philosophies {
 float:right;
 width:25%;
 }

/* # Case Studies */

.casestudy {overflow:auto;}

body#casestudies .panel .casestudy p,
body#casestudies .row1 .casestudy p {width:80%;}

.casestudy h4 small {
 color:#999;
 font-weight:normal;
 margin-left:2px;
 }

.casestudy p {
 float:left;
 width:48%;
 }

.casestudy img {
 border:none;
 float:left;
 margin:3px 18px 0 0;
 }

.casestudy .quote {
 float:right;
 font-size:1em !important;
 line-height:1.35em;
 margin-bottom:0;
 position:relative;
 width:30%;
 }


.casestudy .quote q {margin-left:-4px;}

.casestudy .quote strong {
 display:block;
 font-size:0.85em;
 margin-top:6px;
 }

/* # About */

.biography {overflow:auto;}

.biography p {
 float:left;
 margin-bottom:3px;
 width:56%;
 }

.biography img {
 float:left;
 margin:4px 14px 0 0;
 }

.elsewhere {
 float:right;
 width:17%;
 }

.elsewhere strong {
 display:block;
 font-size:0.8em;
 }

.elsewhere ul {margin:12px;}

.elsewhere li {
 line-height:2em;
 list-style:none;
 }

.elsewhere a {
 background-position:left center;
 background-repeat:no-repeat;
 padding-left:22px;
 }

.elsewhere .linklinkedin {background-image:url(../img/icon-linkedin.png);}
.elsewhere .linkblog {background-image:url(../img/icon-blog.png);}
.elsewhere .linktwitter {background-image:url(../img/icon-twitter.png);}
.elsewhere .linkreader {background-image:url(../img/icon-reader.png);}
.elsewhere .linkdelicious {background-image:url(../img/icon-delicious.png);}

body#about .row1 {margin-bottom:-12px;}

.partnerships {
 float:left;
 width:76%;
 }

.partnerships p {margin-bottom:16px;}

.partnerships ul {
 float:left;
 margin:0;
 }

.partnerpeople {width:58%;}

.partnercompanies {width:40%;}

.partnerships li {list-style:none;}

.partnerships .partner {
 float:left;
 margin-bottom:16px;
 }

.partnerpeople .partner {width:68%;}

.partnerships img {
 float:left;
 margin:0 12px 12px 0;
 }

.partnerships h4 {margin:-4px 0 6px 0;}

.accreditation {
 float:right;
 width:22%;
 }

.accreditation img {
 border:none;
 margin-bottom:12px;
 }

body#about .row2 {overflow:visible;}

body#about .row2 ul {margin:0;}

body#about .row2 li {
 line-height:1.6em;
 list-style:none;
 }

body#about .row2 img {
 float:left;
 margin:0 12px 0 0;
 }

body#about .row2 h2 {margin:24px 0 0 0;}

.book {
 float:left;
 margin-left:5px;
 position:relative;
 left:-5px;
 width:45%;
 }

.book h3 small {
 display:block;
 font-size:0.75em;
 font-weight:normal;
 }

.book h3 em {
 color:#999;
 font-style:normal;
 }

.book p {margin:12px 0 0 0;}

.articles {
 float:right;
 margin-top:37px;
 width:50%;
 }

.article {
 background:url(../img/icon-article.png) no-repeat 0 0;
 float:left;
 margin-bottom:12px;
 padding-left:18px;
 width:81%;
 }

.article h4 {margin:-2px 0 12px 0;}

.article h4 small {
 color:#999;
 display:inline-block;
 font-size:0.9em;
 font-weight:normal;
 }

.article p {font-size:1em !important;}

/* # Contact */

.getintouch {
 float:left;
 position:relative;
 width:58%;
 }

.contactaddress a {vertical-align:top;}

.contactdetails {
 font-size:1.4em !important;
 line-height:1.5em;
 margin:0;
 }

.contactdetails li {list-style:none;}

.contactdetails span {display:block;}

.contactdetails span em {
 display:inline-block;
 font-size:0.75em;
 font-style:normal;
 margin:0 2px 1px 0;
 text-align:right;
 vertical-align:top;
 width:4em;
 }

.contactdetails .skype a {
 background:url(../img/icon-skype.png) no-repeat left center;
 padding-left:20px;
 }

.sendmessage {
 background:#f7f5f2;
 border:1px solid #eae8e5;
 float:right;
 padding:12px;
 width:37%;
 }

.sendmessage legend {display:none; visibility:hidden;}

.sendmessage label {
 display:inline-block;
 margin-right:12px;
 text-align:right;
 vertical-align:top;
 }

.sendmessage .textinput label {width:24.5%;}

.sendmessage .textinput input,
.sendmessage textarea {
 padding:3px;
 width:68%;
 }

.sendmessage .checkbox {
 float:right;
 vertical-align:bottom;
 width:69%;
 }

.sendmessage button {
 clear:both;
 cursor:pointer;
 display:block;
 margin-left:31%;
 padding:3px 16px;
 }

.sendmessage .validationerror {
 color:#da0000;
 font-size:0.85em;
 margin-left:30%;
 }

.sendmessage .messagesent {
 background:#dcfeb8;
 color:green;
 font-size:0.7em !important;
 margin-bottom:16px;
 padding:3px 4px;
 }

.location {
 float:left;
 width:59%;
 }

.location img {
 float:left;
 margin:2px 12px 0 0;
 }

.workingtogether {
 float:right;
 width:38.5%;
 }


.logos img {
    display:none;
}

.logos {
    min-height:100px;
}

/* training */

#tddtraining .quote {
    font-size:0.9em !important;
    line-height:1.35em;
    margin-bottom:0;
    font-style: italic;
}

#tddtraining .quote .role {
    font-style:normal;
}

.trainingblurb {
 float:left;
 width:59%;
 }

.buytraining {
 float:right;
 width:39%;
 }

.buytraining .time {
    font-size:0.8em;
}

.buytraining .date{
    font-size:1em;
}

.attendbutton {
border-bottom-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-style: solid;
border-width: 2px;
border-top-left-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-top-right-radius: 5px 5px;
cursor: pointer;
font-size: 14px;
font-weight: bold;
padding: 8px 16px;
text-align: center;
    background-color: #F8B116;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F6B720), to(#F19421));
border-color: #F7BB52;
color: white !important;
text-shadow: #EE7B21 1px 1px 1px;
}

.attendbutton:hover {
    background-color: #F09A13;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EDA81B), to(#DB791A));
    border-color: #F5AD42;
    color: white !important;
    text-decoration: none;
    text-shadow: #EE7819 1px 1px 1px;
}

.attendbutton:link {text-decoration: none;}
.attendbutton:visited {text-decoration: none;}
.attendbutton:active {text-decoration: none;}


/* /end */