/* Start of CMSMS style sheet 'Layout: Top menu + 1 column' */
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: verdana,arial,trebuchet ms,sans-serif;
   font-size: 75.01%;
   line-height: 1em;
   color:#4c4c4c;
}

div {
   font-size: 1em;
}

img {
   border: 0;
}
img#wordpress {
   margin-right:20px;
}
img#blogger {
   margin-left:40px;
}

a,
a:link 
a:active a:visited a:hover{
   text-decoration: none;
   color:#005e9c;
}

body {
   background: #272727 ;
   color: #4c4c4c;
}

div#pagewrapper {
   margin: 0 auto; 
   max-width: 960px;
   min-width: 960px;
}

div#header {
   height: 87px; 
   background: #F5F5F5 url(images/bgtop.jpg) repeat-x scroll 0 0;
}

div#header div#logo {
    clear:none;
    float:left;
    margin-left:10px;
    width:405px;
    height:77px;
    padding-left:10px;
}

div#header h1 a {
   background: transparent url(images/companylogo.jpg) no-repeat 0 0; 
   display: block; 
   height: 77px;             
   text-indent: -999em;  
   text-decoration:none; 
}

div#header div.ft {
    background: url(images/contenttl.jpg) no-repeat 0px 0px;
    margin-top:36px;
    height:10px;
}

div#header div.ft div.c {
    background: url(images/contenttr.jpg) no-repeat right 0px;
    height:10px;
}

div#search {
   float: right;
   width: 27em;     
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div#content {
   background-color:#F5F5F5;
   border-left:1px solid #919EA6;
   border-right:1px solid #919EA6;
}

div#main {
  padding: 20px;
}

div#bottom {
   background:transparent url(images/contentbottom.gif) repeat-x scroll 0 0;
   height:10px
}

div#bottom div.ft {
    background:url(images/contentbl.jpg) no-repeat 0px 0px ;
}

div#bottom div.ft div.c {
    background:url(images/contentbr.jpg) no-repeat right 0px ;
    height:10px;
}

div#footer {
   clear:both;       
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;     
   text-align: center; 
   margin:0;
}

div#footer div.copyright {
   clear:none;
   float:left;
   width:400px;
}

div#footer div.siteinfo {
   float:right;
   margin-right:100px;
}

div#footer div.siteinfo p a {
   color: #4C4C4C; 
   text-decoration:underline;
}

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

div#content {

}

div#content div#homebanner {
   background: transparent url(images/bulb.png) no-repeat 0 0;
   width:818px;
   height:372px;
   margin:0 auto;
   padding:100px 0 0 50px;
}

div#content div#homebanner h2 {
   font-size:32px;
   color:#F5F5F5; 
   font-weight:500;
   font-family:Arial, Geneva, Verdana, sans-serif, Helvetica;
   line-height:1em;
}

div#content div#homebanner p {
   font-size: 1.5em;
   font-family:arial,verdana,trebuchet ms,sans-serif;
   margin:10px 0 1.5em 0;  
   line-height:1.4em;
   padding: 0;
   color:#333;
   padding: 0 10px;
   width:410px;
}

div#content div#servicesintro {
   background:transparent url(images/bluedart2.png) no-repeat scroll 0 0;
   height:200px;
   margin:0 auto;
   padding:35px 0 0 20px;
   width:818px;
}

div#content div#servicesintro p {
    width:410px;
}

div#content div#services {
   margin-left:60px;
}

div#content div#services div#cmsinfobanner {
   background:transparent url(images/cmsinfo.png) no-repeat scroll 0 0;
   height:160px;
   padding:30px 20px 20px 25px;
   width:700px;
   margin: 0 auto; 
}

div#content div#services div#cmsinfobanner h3 {
   font-size:17px;
}

div#content div#services div#cmsinfobanner p {
   color:#DA830B;
   font-size:16px;
   width:220px;
}

div#content div#services div#seoinfobanner{
   background:transparent url(images/seoanalysis.png) no-repeat scroll 0 0;
   height:160px;
   padding:30px 20px 20px 25px;
   width:700px;
   margin: 0 auto; 
}

div#content div#services div#seoinfobanner h3 {
   font-size:17px;
}

div#content div#services div#seoinfobanner p {
   color:#DA830B;
   font-size:16px;
   width:220px;
}

div#content div#services div#servicesbackbutton {
   margin-top:60px;
}

div#content div#services p {
   width:750px;
}

div#content div#services ul {
   width: 650px;
}

div#content div#services ul li {
   margin-top:10px;
}
div#services div.servicesleft {
   float:left;
   clear:none;
   width:500px;
}

div#content div#services div.servicesleft p {
   width:450px;
}

div#content div#techintro {
   background:transparent url(images/techintro.png) no-repeat scroll 0 0;
   margin:0 auto;
   padding: 35px 0 0 20px;
   height:200px;
   width:818px;
}

div#content div#techintro p {
    width:410px;
}

div#technology {
   clear:none;
   float:left;
   width:440px;
   margin-left: 60px;
   margin-bottom:30px;
}

div#enclosetech {
   float:left;
   width:520px;
}
div#enclosetech div#seperator{
   margin-left:510px;
   margin-top:10px;
   width:5px;
   height:400px;
   border-right:1px dashed #809E71;
}

div#righttech {
   margin-left:570px;
   width:280px;
   height:400px;
}

div#righttech p.right {
   text-align:right;
}

div#content div#blogintro {
   background:transparent url(images/blogintro.png) no-repeat scroll 0 0;
   height:200px;
   margin:0 auto;
   padding:35px 0 0 20px;
   width:818px;
}

div#content div#blogintro p {
    width:410px;
}

div#content div#portintro {
   background:transparent url(images/portintro.png) no-repeat scroll 0 0;
   height:200px;
   margin:0 auto;
   padding:35px 0 0 20px;
   width:818px;
}

div#content div#portintro p {
    width:410px;
}


div.contactform {
   width:700px;
   margin:0 auto;
}


div#content div#contactintro {
   background:transparent url(images/contactintro.png) no-repeat scroll 0 0;
   height:200px;
   margin:0 auto;
   padding:35px 0 0 20px;
   width:818px;
}

div#content div#contactintro p {
    width:410px;
}

div#content div#contactintro span {
   line-height:1.4em;
   margin-left:20px;
}

div#content h1 {
   font-size: 2em;  
   line-height: 1em;
   margin: 0;
}

div#content h2 {
   line-height: 1.5em;
   font-family:Arial;
   font-size:1.8em;
   margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #4c4c4c; 
   font-family:Arial;
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}


p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  
   line-height:1.4em;
   padding: 0;
   color:#4c4c4c;
}
p.services {
   width:750px;
}
p.techintro {
   height:150px;
}

p.note {
   font-style:italic;
   font-size:11px;
   color:#a0a0a0;
}
p.vat {
   font-style:italic;
   font-size:11px;
   color:#a0a0a0;
   text-align:right;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}

code, pre {
 white-space: pre-wrap;       
 white-space: -moz-pre-wrap;  
 white-space: -pre-wrap;      
 white-space: -o-pre-wrap;    
 word-wrap: break-word;       
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   
}

div#main ul, div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height:1.8em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   display:block;
   list-style:none;
   margin: 0 0 0.25em 20px;
   padding-left: 25px; 
   padding-top:2px;
   background: url(images/standardbullet3.gif) 0 0 no-repeat;
}

div#main ul.blog {
   list-style-type:disc;
}

div#main ul.blog li {
   display:block;
   margin: 0 0 0.25em 20px;
   padding-left: 25px; 
   padding-top:2px;
   background: transparent;
}

div#main ul.services li {
   border-bottom:1px dashed #809E71;
   width:350px;
   padding-bottom: 5px;
   padding-top:0;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

div#subcolumns {
   padding-bottom:30px;
   font-family:verdana,arial, trebuchet ms, sans-serif;
   font-size:0.9em;
   margin-bottom:20px;
}

div#subcolumns h3 {
   font-family:Arial;
   font-size:1.8em;
}

div#enclose {
   float:left;
   width:450px;
}

div#frontnews {
   clear:none;
   float:left;
   width:350px;
   margin-left:70px;
}
div#seperator {
   margin-left:439px;
   margin-top:10px;
   margin-right:1px
   width:5px;
   height:200px;
   border-right:1px dashed #809E71;
}
div#welcome{
   margin-left:500px;
   width:330px;
}
div#welcome  p {
   
}

div#subcolumns div#enclose div#frontnews ul {
   font-size: 1.0em;
   line-height:1.8em;
   margin: 0 0 1.5em 0;
   list-style:none;
}

div#subcolumns div#enclose div#frontnews ul li {
   margin-left:0px;
   display:block;
   background: url(images/newsbullett.gif) 3px 5px no-repeat;
}

div#content div#services div.moreinfoleft {
   width:280px;
   height:213px;
   margin:70px 0 57px 510px;
   background:transparent url(images/infodivblue.gif) no-repeat scroll 0 0;
   padding:40px 0 0 20px;
}

div#content div#services div.learnmore {
   background:transparent url(images/learnmoredivblue.gif) no-repeat scroll 0 0;
   height:213px;
   margin:0 0 100px 510px;
   padding:35px 0 0 20px;
   width:280px;
}

div#content div#services div.moreinfoleft p {
   width:230px;
}

div#content div#services div.moreinfoleft p.wrap {
   width:200px;
}

div#portfolio {
   margin-left:60px;
}

div#portfolio div#portfoliobase {
   height:5px;
   clear:both;
}

div#portfolio div.portfolioitem {
   clear:both;
   width:820px;
}

.portfolioshow {
   display:block;
}

.portfoliohide {
   display:none;
}

div#portfolio div.portfolioitem div.left {
   clear:none;
   float:left;
   width:400px;
}

div#portfolio div.portfolioitem div.right {
  float:right;
  width:417px
}

div#portfolio img#cliniclogo {
   margin:0 auto;
}

div#portfolio img#jmlogo {
   margin:0 auto;
}

div#portfolio img#bdlogo {
   margin:0 auto;
}

div#portfolio img#yblogo {
   margin:0 auto;
}

div#portfolio img#bdgrab {
   margin-bottom:40px;
}

div#portfolio img#clinicgrab {
   margin-bottom:40px;
}

div#portfolio img#jmgrab {
   margin-bottom:40px;
}

div#portfolio img#ybgrab {
   margin-bottom:40px;
}

div#portfolio div.portfolioitem p.brief {
   background:transparent url(images/portfoliobrief.gif) no-repeat scroll 0 4px;
   padding-left: 28px;
}

div#portfolio div.portfolioitem p.tech {
   background:transparent url(images/portfoliotech.gif) no-repeat scroll 0 4px;
   padding-left: 28px;
}

div#portfolio div.portfolioitem p.toggle {
   border-bottom:1px dashed #809E71;
   width:380px;
}

div#portfolio div.portfolioitem p.toggle {
   font-size:15px;
}

div#portfolio div.portfolioitem p.toggle a {
   text-decoration:none;
   background:none;
   padding:0;
}

div#portfolio div#clinic {
   display:none;
}

div#portfolio div#jennymoffett {
   display:none;
}

div#portfolio div#baradoo {
   display:none;
}

div#portfolio div#ayearbouldering {
   display:none;
}

div#portfolio div.portfolioitem p a.portlink {
   background:transparent url(images/portfoliolink2.gif) no-repeat scroll 3px 0;
   padding-left: 28px;
   font-size:15px;
}

div.contactform div label {
   display:inline;
   float:left;
   width:150px;
}

div.contactform input[type=text] {
   border:1px solid #a0a0a0;
}

div.required label {
   background:transparent url(images/required.gif) no-repeat scroll 130px 0;
   line-height:16px;
}

div.required input[type=text], textarea  {
   border:1px solid #a0a0a0; /*green;*/
}

div.contactform div.required {
   color:#4C4C4C;
}

div.contactform div.prompt {
   width:450px;
   margin-left:150px;
}

div.contactform div.submit {
   width:450px;
   margin-left:150px;
}

div.contactform div.submit input[type=submit], input[type=reset] {
   cursor:pointer;
   color:#fff;
   font-weight: 600;
   background:transparent url(images/button2.gif) no-repeat scroll 0 0;
   width:84px;
   height:34px;
   border:none;

}

div.error_message {
   width:700px;
   margin: 0 auto;
}

div#main div.error_message ul {
   font-size:1em;
   line-height:1.8em;
   list-style:none;
}

div#main div.error_message ul li{
   display:block;
   background:url(images/required.gif) 3px 5px no-repeat;
}
/* End of 'Layout: Top menu + 1 column' */