body, html {
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background: #ffffff url(../images/bg.jpg) repeat-x;
 color: #333333;
 line-height: 1.3em;
 margin: 0;
}

body {
  /* WinIE hehaviour call - IE does not support :hover on elements other than 
  links, this fixes that - see: www.xs4all.nl/~peterned/csshover.html */
  behavior: url(includes/csshover.htc);
  padding-bottom: 120px;
}

#pagewrap {
  margin: 0 auto;
  width: 794px;
  background: #ffffff url(../images/pg_bg.jpg) 0 0 repeat-y;
}

#shadowleft {
  width: 7px;
  float: left;
  margin: 0;
  padding: 0;
}

#content {
  width: 780px;
  float: left;
  background: #ffffff url(../images/rt_border.gif) top right repeat-y;
  margin: 0;
  padding: 0;
  text-align: left;
  border-bottom: 1px solid #6C9D31;
}

#content_christmas {
  width: 780px;
  float: left;
  background: #ffffff url(../images/christmas_rt_border.gif) top right repeat-y;
  margin: 0;
  padding: 0;
  text-align: left;
  border-bottom: 1px solid #6C9D31;
}

#menu {
  background: #6C9D31 url(../images/menu_bg.gif) 0 0 repeat-x;
  height: 27px;
  width: 737px;
  color: #ffffff;
  font-weight: bold;
  padding-top: 2px;
  margin-bottom: 0;
  text-align: right;
  padding-right: 35px;
}

ul#first {
  float: right;
  margin: -1px 0 0 0;
  padding: 0; 
  height: 28px; 
}

ul#first li {
  list-style: none;
  float: left;
  margin-left: 20px;
  height: 28px;
}

ul#first li a, ul#first li a:hover, ul#first li a:visited {
  color: #ffffff;
  text-decoration: none;
  width: 78px;
  padding: 0 0 0 3px;
}

ul#first li:hover {
  background: #6C9D31 url(../images/stripe2.gif) bottom right no-repeat;
}

ul#first li.redli:hover {
  background: #6C9D31 url(../images/stripe4.gif) bottom right no-repeat;
}


#logo {
  width: 210px;
  padding: 10px 25px 20px 35px; 
  float: left;
}

#logo img {
  border: 0;
} 

#intro {
  width: 445px;
  padding: 0 25px 20px 35px;
  float: right;
  padding-top: 20px;
}

#left {
  float: left;
  width: 485px;
  padding: 15px 0 30px 35px;
}

#right {
  float: left;
  width: 180px;
  padding: 15px 45px 30px 35px;
}

#adbox, #adbox2 {
  margin-bottom: 15px;
  padding: 7px;  
  vertical-align: middle;
  text-align: center;
}

#adbox img,#adbox2 img  {
  border: 0;
}

#adbox a, #adbox a {
  display: block;
  width: 130px;
  padding: 0;
  margin-left: 15px;
  background-position: 0 0;
}

*html #adbox a, *html #adbox2 a {
  margin-left: 0;
}

#quote {
   background-image: url(../images/freequote.gif);
   height: 21px;
}

#quote:hover {
   background-image: url(../images/freequote_over.gif);
}

#assess {
   background-image: url(../images/freeassess.gif);
   height: 36px;
}

#assess:hover {
   background-image: url(../images/freeassess_over.gif);
}

#tagline {
 text-align: center;
}

#commentbox {
  margin-bottom: 15px;
  padding: 15px 15px 0 15px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.3em;
}

.workbox, .workbox_red {
  background: url(../images/recent_bg.gif) 0 0 no-repeat;
  margin: 15px 15px 13px 15px;
  float: left;
  width: 183px;
  height: 220px;
  padding: 0;
  font-size: 9px;
  color: #666666;
  text-align: center;
}

*html .workbox, .workbox_red {
  height: 183px;
}

.workbox_red {
  background: #ffffff url(../images/recent_bg_red.jpg) 0 0 no-repeat;
}

#left ul.portfolio {
  font-size: 9px;
  padding: 0;  
  color: #666666;
  margin: 0;
}

#left ul.portfolio li {
  list-style: none;
  vertical-align: middle;
  float: left;
  margin: 0 20px 15px 20px;
  cursor: pointer;
  height: 110px;
  min-height: 110px;
  width: 180px;
  text-align: center;
  padding-top: 40px;
}

#left ul.portfolio li.buscard_large {
  list-style: none;
  vertical-align: middle;
  float: left;
  margin: 0 12px 15px 12px;
  height: 250px;
  min-height: 250px;
  width: 160px;
  text-align: center;
  padding-top: 40px;
  cursor: default;
}

#left ul.portfolio li.buscard_large {
  width: 190px;
}

#left ul.portfolio li.large {
  height: 150px;
  min-height: 150px;
  padding-top: 0; 
}

#left ul.portfolio li.larger {
  height: 170px;
  min-height: 170px;
  padding-top: 0; 
}


#left ul.portfolio li img {
  margin-bottom: 10px;
}

ul.web img {
  border: 1px solid #999999;
}

#left ul.info {
  display: none;
  position: relative;
}

#left ul.info li {
   background-color: #ffffff;
   background-position: 0 0;
   background-repeat: no-repeat;
   border: 1px solid #81AEE3;
   position: absolute;
   top: -210px;
   left: 40px;
   list-style: none;
   width: 350px;
   padding: 15px 10px 0 10px;
   min-height: 375px;
   height: 375px;
   text-align: center;  
   cursor: default;
}

/* IE Hack */
*html #left ul.info li {
  left: -70px;
}

div#left li.large ul.info li {
   top: -230px;
   min-height: 370px;
   height: 370px;
}

/* ie 5,6 hacks to bring menu & menu ul up a bit */ 
*html div#left li.large ul.info li {
   top: -230px;
   min-height: 310px;
   height: 310px;
}

/* ie 7  hack to bring menu ul up a bit */
*:first-child+html div#left li.large ul.info li {
   top: -230px;
   min-height: 310px;
   height: 340px;
}



#left ul.portfolio li:hover ul.info {
   display: block;
}

#left ul.portfolio li.large ul.info li {
   min-height: 320px;
   height: 320px;
}

#left ul.info li img {
   margin: 5px 0 5px 0;
}

.green {
  background-color: #EEFBE4;
  border: 1px solid #92DC7C;
  color: #58881E;
}

.blue {
  background-color: #E5F0FE;
  border: 1px solid #81AEE3;
  color: #58881E;
}

#shadowright {
  width: 7px;
  float: left;
  margin: 0;
  padding: 0;
}

a {
  color: #0066CC;
}

a:hover  {
  color: #336600;
}


li {
  line-height: 1.5em;
}

h2 {
  color: #58881E;
  font-weight: bold;
  font-size: 12px;
}

.red {
color: #CB2027;
font-weight: bold;
}

h3 {
  font-size: 11px;
  font-weight: bold;
  color: #037AB4;
  letter-spacing: 0.1em;
}

ul.blueul {
  letter-spacing: 0;
  color: #037AB4;
  font-weight: bold;
  font-size: 1.1em;
}

.caption {
  font-size: 9px;
  color: #999999;
}

strong, b {
   color: #58881E;
}

strong.black {
  color: #666666;
}

.clear {
clear: both;
}

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

p.bluetext {
  color: #037AB4;
  font-weight: bold;
  font-size: 1.1em;
}

img.infoimg  {
  border: 0;
  margin-bottom: -5px;
  width: 13px;
}