/**
 * Raw Design Studio Ltd
 * Mike Stephens <mike.stephens@rawdesignstudio.co.uk>
 * http://www.rawdesignstudio.co.uk
 * 
 * Code Think Ltd
 * http://www.codethink.co.uk
 */
 
 /** General Declarations **/
 html, body, p, h1, h2, h3, h4, h5, h6, address, ul, li, input, form, textarea, select { color: #58595b; margin: 0px; padding: 0px; font: normal 14px "Arial";  }
 body { text-align: center; background: #e8f2d9 no-repeat url("/assets/images/bg.gif") top center; }
 img { border: none; }
 a { color: #579200; }
 .margin { margin: 0 10px 0 0; }
 b { color: #579200;}
 
 /** Header **/
 #header { width: 100%; height: 128px; background: #a7d239; }
 #header div { width: 875px; margin: auto; }
 #header img { float: left; margin: 58px 0 0 33px; }
 #header h1 { float: left; margin: 75px 0 0 298px; font-size: 21px; font-family: "Arial"; color: #ffffff; width: 85px; text-align: left; line-height: 20px; }
 
 /* Main Navigation */
 #main-nav { width: 100%; background: #64a800; border-top: 2px solid #e9f3cd; }
 #main-nav ul { width: 875px; margin: auto; list-style: none; height:36px; }
 #main-nav li { float: left; line-height: 36px; }
 #main-nav li a em { font-style: normal; text-decoration: underline; }
 #main-nav li a { display: block; color: #ffffff; text-decoration: none; font-size: 13px; font-weight: bold; padding: 0 9px; }
 #main-nav li.first { margin: 0 0 0 35px; }
 #main-nav li a.selected { background: #a6d139; }
 #main-nav li a:hover { background: #dcedb0; color: #64a800; }
 
 /** Main Content Container **/
 #main-container { margin: auto; text-align: left; width: 795px; background: #ffffff; border-left: 3px solid #a7d239; border-right: 3px solid #a7d239; padding: 25px 40px; }
 
 /* Welcome Text **/
 #welcome { margin: 0 0 22px 0;}
 #welcome h1 { color: #64a800; font-weight: bold; font-size: 28px; font-family: "Arial"; }
 #welcome h2 { color: #938674; font-weight: normal; font-size: 22px; width: 800px; font-family: "Arial";}
 #welcome h2 a { color: #64a800; font-weight: bold; text-decoration: none; }
 
 #welcome-more { width: 800px; }
 #welcome-more .one { float: left; width: 245px; }
 #welcome-more .two { float: left; width: 520px; margin: 0 25px 0 0; }
 #welcome-more h2 { border-top: 2px solid #cac3ba; border-bottom: 2px solid #cac3ba; padding: 8px 0 8px 37px; font-weight: bold; font-size: 16px; color: #58595b; margin: 0 0 18px 0; } 
 #welcome-more p { margin: 0 0 20px 0; }
 #welcome-more p a#backUp { padding: 0 35px 0 0; height: 30px; line-height: 30px; display: block; font-weight: bold; text-decoration: none; font-size: 14px; background: no-repeat url("/assets/images/icoArrowBig.gif") right center;  }
 
 /* Call To Action Boxes */
 .cta { float: left; width: 250px; margin: 0 0 10px 22px; }
 .ctaFirst { margin: 0px; }
 .cta h2 { border-top: 2px solid #cac3ba; border-bottom: 2px solid #cac3ba; padding: 8px 0 8px 35px; font-weight: bold; font-size: 16px; color: #58595b; margin: 0 0 5px 0; } 
 .cta p { color: #58595b; width: 240px; margin: 8px 0 0 2px; }
 .cta a { text-decoration: none; }
 .cta p a { text-decoration: underline; }
 img.followus {float: right; position: relative; top: 83px; }
 
 /* Heading Icons */
 h2.studies { background: no-repeat url("/assets/images/icoStudies.gif") 2px 2px; }
 h2.projects { background: no-repeat url("/assets/images/icoProjects.gif") 2px 2px; }
 h2.people { background: no-repeat url("/assets/images/icoPeople.gif") 2px 2px; }
 h2.news { background: no-repeat url("/assets/images/icoNews.gif") 2px 2px; }
 h2.tweet { background: no-repeat url("/assets/images/icoTwitter.gif") 2px 2px; }
 h2.blog { background: no-repeat url("/assets/images/icoBlog.gif") 2px 2px; }
 h2.address { background: no-repeat url("/assets/images/icoAddress.gif") 2px 2px; }
 h2.telephone { background: no-repeat url("/assets/images/icoTelephone.gif") 2px 2px; }
 h2.linkedin { background: no-repeat url("/assets/images/icoLinkedIn.gif") 2px 2px; }
 h2.email { background: no-repeat url("/assets/images/icoEmail.gif") 2px 2px; }
 h2.info { background: no-repeat url("/assets/images/icoInfo.gif") 2px 2px; }
 h2.touch { background: no-repeat url("/assets/images/icoTouch.gif") 2px 2px; }
 h2.commit { background: no-repeat url("/assets/images/icoCommit.gif") 2px 2px; }
 
 /* Colours */
 .grey { background: #ebe8e2; }
 .lightGreen { background: #dcedb0; }
 .darkGreen { background: #d1e5b2; }
 
 /** Boxes **/
 .box { width: 761px; border-top: 8px solid #64a800; margin: 15px 0 30px 0; padding: 22px 17px; }
 
 /* Two Cols */
 .box .two-col { float: left; width: 500px; margin: 0 15px 0 0; }
 .box .two-col h1 { border-top: 2px solid #f6faeb; border-bottom: 2px solid #f6faeb; padding: 8px 0 8px 0; font-weight: bold; font-size: 16px; color: #58595b; margin: 0 0 18px 0; } 
 .box .two-col h2 { border-top: 2px solid #f6faeb; border-bottom: 2px solid #f6faeb; padding: 8px 0 8px 35px; font-weight: bold; font-size: 16px; color: #58595b; margin: 0 0 18px 0; } 
 .box .two-col h4, .box .one-col h4 { color: #666666; font-weight: bold; font-size: 16px; }
 .box .two-col h4 strong, .box .one-col strong { color: #64a800; }
 .box .two-col h4 a, .box .one-col h4 a { color: #64a800; font-weight: bold; font-size: 16px; text-decoration: underline; }
 .box .two-col img { margin: 0px 18px 18px 0px; }
 .box .two-col p { margin: 0 0 20px 0; }
 .box .two-col p.dtm { font-size: 12px; margin: 0 0 6px 0; }
 .box .two-col p.dtm img { margin: 0 5px 0 0; }
 .box .two-col ul { margin: 10px 0 10px 40px; }
 .box .two-col li { line-height: 20px; }

 /* One Col */
 .box .one-col { float: left; width: 245px; }
 .box .one-col h2 { border-top: 2px solid #f6faeb; border-bottom: 2px solid #f6faeb; padding: 8px 0 8px 35px; font-weight: bold; font-size: 16px; color: #58595b; margin: 0 0 18px 0; } 
 .box .one-col h3 { border-top: 2px solid #f6faeb; border-bottom: 2px solid #f6faeb; padding: 8px 0 8px 0px; font-weight: bold; font-size: 16px; color: #58595b; margin: 0 0 5px 0; }  
 .box .one-col p { margin: 0 0 20px 0; }
 .box .one-col p.dtm { font-size: 12px; margin: 0 0 6px 0; }
 .box .one-col p.dtm img { margin: 0 5px 0 0; }
 .box .one-col ul { list-style: none; margin: 15px 0 0 0; }
 .box .one-col ul li { line-height: 19px; }
 .box .one-col ul li a { text-decoration: underline; }

  /* Profile Col */
 .box .profile-col { float: left; width: 245px; }
 .box .profile-col h2 { background: #ffffff; padding: 10px 0 10px 10px; font-weight: bold; font-size: 16px; color: #64a800; margin: 0 0 6px 0; } 
 .box .profile-col div { background: #ffffff; padding: 16px; }
 .box .profile-col img { margin: 0 0 15px 0; }
 
   /* Project Col */
 .box .project-col { float: left; width: 245px; }
 .box .project-col h2 { background: #ffffff; padding: 10px 0 10px 10px; font-weight: bold; font-size: 16px; color: #64a800; margin: 0 0 6px 0; } 
 .box .project-col div { background: #ffffff; padding: 16px; }
 .box .project-col img { margin: 0 0 15px 0; }
 
 /* Mini Versions */
 .box .mini { border-bottom: 2px solid #f6faeb; height: 155px; overflow: hidden; }
 .box .mini p a { text-decoration: none; color: #64a800; }
 .box .mini h2 { margin: 0 0 8px 0; }
 .box .mini h4 { font-size: 14px; color: #64a800; }
 .box .mini h4 a { font-size: 14px; text-decoration: none; }
 
 /** Contact Box **/
 .one-col .contact { width: 240px; margin: 0 0 10px 0; float: left; }
 .one-col .contact h2 { border-top: 2px solid #cac3ba; border-bottom: 2px solid #cac3ba; padding: 8px 0 8px 35px; font-weight: bold; font-size: 16px; color: #58595b; margin: 0; } 
 .one-col .contact p { color: #58595b; margin: 10px 0 10px 0; }
 .one-col .contact p strong { color: #58595b; }
 .one-col .contact p a { text-decoration: none; font-size: 14px; }
 .one-col .contact p a#linkedIn { word-wrap: break-word; }
 
 /** Google Map **/
 .box .two-col h2.maps { background: no-repeat url("/assets/images/icoMaps.gif") 2px 2px; border-top: 2px solid #cac3ba; border-bottom: 2px solid #cac3ba; margin: 0 0 0 10px; width: 465px; }
 #map { width: 500px; height: 500px; border: 2px solid #cac3ba; margin: 10px 0 0 10px; }
 
 /** Footer **/
 #footer { border-top: 8px solid #64a800; margin: 20px 0 0 0; }
 #footer p { font-size: 12px; margin: 8px 0 0 0; float: left; }
 #footer p.links { float: right; }
 #footer p.links a { text-decoration: none; }
 #footer p.links a:hover { text-decoration: underline; }