/*
# Author Craig Bullock
# http://www.jengnet.co.uk
# Email: craig@jengnet.co.uk
# December 2009
*/
* {
  margin:0;
  padding:0;
  outline: 0;
}
div#main:after {
  content:".";
  clear:both;
  display:block;
  height:0;
  visibility:hidden;
}
a img {
  border:none;
}
body {
  padding:0 0 30px 0;
  font-size:85%;
  color:#65727a;
  font-family:Georgia,"Times New Roman",tahoma,arial;
  background:url('/_images/bg-body.gif') repeat-x top left;
}
/* - Error Styles - */
div#main div.error,
div#main p.error,
div#main ul.errors {
  padding:15px;
  margin-bottom:15px;
  border:1px solid #feaeae;
  background:#fcdcdc;
  color:#f83c3c;
}
div#main ul.errors li {
  padding:5px 0 5px 10px;
  list-style:none;
}
div#main span.error {
  display:block;
  padding:4px;
  margin-bottom:5px;
  border:1px solid #feaeae;
  background:#fcdcdc;
  color:#f83c3c;
}
/* Success Styles - */
div#main p.success {
  padding:15px;
  margin-bottom:15px;
  border:1px solid #9ee945;
  background:#f0fdde;
  color:#66bb00;
  font-size:1.5em;
  font-style:italic;
}
div#main ul.success {
  padding:15px;
  margin-bottom:15px;
  border:1px solid #9ee945;
  background:#f0fdde;
}
div#main ul.success li {
  padding:5px 0 5px 10px;
  list-style:none;
}

div#holder {
  width:950px;
  margin:0 auto;
}
div#header {
  min-height:144px;
}
div#header a#logo {
  float:left;
  margin:10px 0 0 0;
}
div#header ul#nav {
  float:right;
  padding-top:15px;
  font-size:2em;
}
div#header ul#nav li {
  float:left;
  margin:0 0 0 5px;
  padding:0 0 0 10px;
  list-style:none;
}
div#header ul#nav li a {
  display:block;
  margin:0 10px 0 0;
  padding:5px 10px 10px 0;
  color:#FFF;
  text-decoration:none;
}
div#header ul#nav li:hover {
  background:url('/_images/bg-nav-hover-left.png') no-repeat top left;
}
div#header ul#nav li:hover a,
div#header ul#nav li a:hover {
  color:#4d5961;
  background:url('/_images/bg-nav-hover.png') no-repeat top right;
}
div#main div#heading {
  display:inline-block;
  min-height:68px;
  background:url('/_images/bg-heading-left.png') no-repeat top left;
}
div#main div#heading h1 {
  padding:15px 20px;
  margin:0 0 20px 0;
  font-weight:normal;
  font-size:2.1em;
  font-style:italic;
  background:url('/_images/bg-heading-right.png') no-repeat top right;
}
div#content {
  margin:0 0 20px 0;
  background:url('/_images/bg-content-bottom.png') no-repeat bottom left;
}
div#content div#contentInner {
  min-height:410px;
  background:url('/_images/bg-content-top.png') no-repeat top left;
}
div#content  p,
div#content ul {
  padding:0 0 20px 0;
}
div#content div.content {
  padding:40px;
}
div.myWork {
  position:relative;
}
div.myWork img#noteMyWork {
  position:absolute;
  right:0px;
  top:-50px;
}
div.myWork div#slideshow #slidesContainer {
  margin:0 auto;
  width:750px;
  height:410px;
  overflow:auto;
  position:relative;
}
div.myWork div#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:410px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
  width:674px;
  padding:40px 0;
  margin:0 auto;
}
div.myWork span.control {
  display:block;
  width:61px;
  height:46px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
div.myWork span#leftControl {
  top:160px;
  left:25px;
  background:url('/_images/arrow-left.png') no-repeat top left;
}
div.myWork span#rightControl {
  top:160px;
  right:25px;
  background:url('/_images/arrow-right.png') no-repeat top left;
}
div.myWork span#leftControl:hover {
  background:url('/_images/arrow-left-hover.png') no-repeat top left;
}
div.myWork span#rightControl:hover {
  background:url('/_images/arrow-right-hover.png') no-repeat top left;
}
/*div.myWork div#myWorkAjax {
  width:674px;
  padding:40px 0;
  margin:0 auto;
}*/
div.myWork div#myWorkImage {
  float:right;
  margin:0 20px 0 0;
}
div.myWork div#myWorkDetails h2 {
  padding:0 0 30px 20px;
  font-weight:normal;
  font-style:italic;
  font-size:2em;
}
div.myWork div#myWorkDetails h2 a {
  color:#66bb00;
  text-decoration:none;
}
div.myWork div#myWorkDetails h2 a:hover {
  color:#ff6600;
  text-decoration:underline;
}
div.myWork div#myWorkDetails ul li {
  padding:7px 0 7px 45px;
  margin:0 0 0 20px;
  list-style:none;
  font-size:1.5em;
  background:url('/_images/tick.png') no-repeat 0 3px;
}
div.content310 {
  width:310px;
  padding:0 0 10px 0;
  background:url('/_images/bg-content-310-bottom.gif') no-repeat bottom left;
}
div.content310 div.content310inner {
  min-height:275px;
  margin:0;
  background:url('/_images/bg-content-310-top.gif') no-repeat top left;
}
div#aboutMe {
  position:relative;
}
div#aboutMe img#noteAboutMe {
  position:absolute;
  left:-110px;
  top:-60px;
}
div#aboutMe p {
  padding:30px;
  font-size:1.2em;
}
div.content614 {
  width:614px;
  padding:0 0 10px 0;
  background:url('/_images/bg-content-614-bottom.gif') no-repeat bottom left;
}
div.content614 div.content614inner {
  min-height:237px;
  margin:0;
  padding:40px 35px 0 35px;
  background:url('/_images/bg-content-614-top.gif') no-repeat top left;
}
div#contactMe {
  float:right;
  position:relative;
}
div#contactMe img#noteContactMe {
  position:absolute;
  left:20px;
  top:-60px;
}
div#contactMe label {
  display:block;
  font-size:1.5em;
  padding:0 0 10px 0;
}
div#contactMe div#formRight {
  float:right;
  width:250px;
}
div#contactMe div#formRight label {
  display:block;
}
div#contactMe div#formRight textarea#message {
  width:240px;
  height:140px;
  padding:5px;
  font-size:1.5em;
  font-family:Georgia;
  color:#65727a;
  border:1px solid #dde6ee;
  background:#FFF !important;
}
div#contactMe div#formRight input#submit {
  display:block;
  float:right;
  width:211px;
  height:50px;
  padding:0 0 0 0;
  margin:20px 0 0 0;
  border:none;
  font-size:2em;
  color:#FFF;
  font-family:Gerogia;
  font-style:italic;
  cursor:pointer;
  background:url('/_images/bg-email-me.png') no-repeat top left;
}
div#contactMe div#formRight input#submit:hover {
  background:url('/_images/bg-email-me-hover.png') no-repeat top left;
}
div#contactMe div.rowLeft {
  padding:0 0 15px 0;
}
div#contactMe div.rowLeft input.text {
  width:240px;
  padding:5px;
  font-size:1.5em;
  font-family:Georgia;
  color:#65727a;
  border:1px solid #dde6ee;
  background:#FFF !important;
}
div#contactMe div.rowLeft input.text.error {
  border:1px solid #feaeae;
  background:#fcdcdc !important;
  color:#f83c3c;
 }
/*div#contactMe p.success,*/
div#contactMe ul.errors {
  width:230px;
  padding:10px;
}