<!--

/* This code is copyright © 2009 Michael Cutter and may not be reused or distributed in any form without written permission.
   Contact mtc@mcutter.com 
   
*/

/* reset */ 
html, body, blockquote, pre, abbr, acronym, address, code,
em, img, dl, dt, dd, ol, ul, li,
div,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: baseline;
}

ul {
 list-style: none;
}
 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* end reset */

/* default formatting */

body {background-color: #ffffff; color: #767769; line-height: 140%; 
font-family: Tahoma,Helvetica, Arial, san-serif; font-size:13px;
margin:0;padding:0;}

a:link { color:#333366; font-weight:bold;}
a:visited,a:active { color:#505050; font-weight:bold;}
a:hover {text-decoration:none; color:#333333; font-weight: bold;}

p {margin-top:0px;margin-bottom:0px;}

/* structure for ALL pages */
#sitebody {width:1020px;margin-left:auto;margin-right:auto;margin-top:0;padding:0;}

#spacerlhs {float:left; width:40px;}
#content {float:left; width:940px;}
#spacerrhs {float:left; width:40px;}

#header {background: none; width:940px; padding:0; margin:0;}
#headerlogo {float:left; background: url('images/logo.gif') no-repeat 0 0; width:230px; height:250px; padding:0; margin:0;}
#headerintro {float:left; background-color: white; width:410px; height:200px; padding:0; margin-top:70px;margin-left:50px;margin-right:20px; font-size:18px; line-height:150%;}
/* #headerphoto {float:left; background: url('images/photo.jpg') no-repeat 0 0; width:230px; height:250px; padding:0; margin:0;} */
#headerphoto {float:left; background: #fff no-repeat 0 0; width:230px; height:250px; padding:0; margin:0;}

p.headeralttext {display:none;}

#footerbox {width:1020px;margin-left:auto;margin-right:auto;margin-bottom:50px;color:#707070; font-size:10px;}  
/* #footerbox p {text-align:center;} */
#footerbox p {width:100%;text-align:center;}

#sections {float:left;width:710px;}
.sectionholder {width: 940px; margin-bottom:40px; line-height: 170%;}
.sectionimage {float:left; padding-bottom:20px;}
.sectiontext {float:left; margin-left:50px; width:430px; padding: 0px;}
.sectiontext p {max-width: 390px; margin-top:6px;}
.sectiontext img {margin-bottom:5px;}

#rhsbox {float:left; width:230px;}

.quotetext {margin-left: 50px; text-indent: -1em;}
.quoteattrib {margin-left: 50px; color:#9599a5; margin-top:10px;margin-bottom:30px;}

.question {margin-left: 50px;font-weight:bold;}
.answer {margin-left: 50px; margin-top:10px;margin-bottom:30px;}


a.ba {
	background: url(img/arrow.gif) no-repeat 100% 0.30em;
	font-size: 12px;
	padding: 0 13px 0 0;
	white-space: nowrap;
}
a.babigger {
	background: url(img/arrow.gif) no-repeat 100% 0.30em;
	font-size: 15px;
	padding: 0 13px 0 0;
	white-space: nowrap;
}


.greytext {color:#aaaaaa;}

.indenttext {padding-left:10px;}


/* --------------- menubar --------------- */
#menubarbox {
    background: url(images/menubg.gif) repeat-x 0 0;
    width: 100%;
    height:57px;
    padding:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;
}

 #menubar {
    width: 1020px; height: 57px;
    /* background: url(images/menubar.gif) no-repeat 0 0; */
    margin: 0 auto; padding: 0 0;
    position: relative;}
  #menubar li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #menubar li, #menubar a {
    height: 57px; display: block;
    }

/* adjust the left values to change positions, or remove items */
  #m_home {left:462px; width: 81px;}
  #m_about {left:543px; width: 185px;}
/* 
    #m_home {left:327px; width: 81px;}
  	#m_about {left:408px; width: 185px;}
	#m_testimonials {left:593px; width: 135px;}
*/
  #m_portfolio {left:728px; width: 107px;}
  #m_contactme {left:835px; width: 185px;}

/* set the standard menu background */

   #m_home a  {
    background: transparent url(images/menubar.gif)
    -327px 0px no-repeat;}
  #m_about a  {
    background: transparent url(images/menubar.gif)
    -408px 0px no-repeat;}
  #m_testimonials a   {
    background: transparent url(images/menubar.gif)
    -593px 0px no-repeat;}
  #m_portfolio a  {
    background: transparent url(images/menubar.gif)
    -728px 0px no-repeat;}
  #m_contactme a   {
    background: transparent url(images/menubar.gif)
    -835px 0px no-repeat;}

/* set the standard menu hover */

   #m_home a:hover  {
    background: transparent url(images/menubar.gif)
    -327px -57px no-repeat;}
  #m_about a:hover  {
    background: transparent url(images/menubar.gif)
    -408px -57px no-repeat;}
  #m_testimonials a:hover   {
    background: transparent url(images/menubar.gif)
    -593px -57px no-repeat;}
  #m_portfolio a:hover  {
    background: transparent url(images/menubar.gif)
    -728px -57px no-repeat;}
  #m_contactme a:hover   {
    background: transparent url(images/menubar.gif)
    -835px -57px no-repeat;}

/* ---------------end menubar --------------- */