/* redefined html tags */

a:link    { color: #66c; background-color: #fff; }
a:visited  { color: #66c; background-color: #fff; } 
a:hover  {text-decoration: none; } 
a.external { padding-right: 13px; background-image: url(/_img/external.gif); background-repeat: no-repeat; background-position: right; }


body { background-color: #fff; color: #6b6b6b; margin: 0; padding: 0; font: normal 1em Tahoma, Verdana, Arial, sans-serif; }

h1 { font: bold 1.4em Tahoma, Verdana, Arial, sans-serif; color: #576b33; background-color: #fff; padding-top: 15px; margin-top: 0px; }
h1#logo { background: url(/_img/logo.gif) left top no-repeat; width: 410px; height: 69px; margin: 0; padding: 0; }
h1#logo span { display: none; }

h2 { font: bold 1.1em Tahoma, Verdana, Arial, sans-serif; color: #576b33; } 

h3 { font: bold 0.95em Tahoma, Verdana, Arial, sans-serif; color: #576b33; }

h4 { font: bold 0.8em Tahoma, Verdana, Arial, sans-serif; color: #576b33; }

label { font: 0.8em/1.5 Tahoma, Verdana, Arial, sans-serif; display: block; margin-top: 5px; }

li {  }


p  { font: 0.8em/1.5 Tahoma, Verdana, Arial, sans-serif; }

p.right { text-align: right; }
  
ul { font: 0.8em/1.5 Tahoma, Verdana, Arial, sans-serif; }

ul li ul { font-size: 1.0em; }
  
/* basic page layout */

#topnav { width: 720px; padding-right: 10px; margin: 10px auto; font: bold 0.7em Tahoma, Verdana, Arial, sans-serif; color: #333; text-align: right; }
#topnav a:link, #topnav a:visited { color: #333; text-decoration: none; }
#topnav a:hover { text-decoration: underline; }

#container { width: 730px; margin: 10px auto; padding: 0px; }

#header { background: #5d7236 url(/_img/backgrounds/header.gif) top left no-repeat; }
        
img.logo { padding-top: 20px; display: block; }

#photobar { margin-top: 20px; }

.maincontent { padding: 2% 0% 2% 2%; float: left; width: 64%; }

.portfoliocontent { padding: 0% 0% 0% 2%; float: left; width: 64%; }

.leftcontent { float: left; width: 505px; padding: 0px 15px 0px 0px; }
        
.rightcontent { font-size: 0.9em; margin-left: 520px ; padding: 5px; border-left: 1px dotted #666; border-bottom: 1px dotted #666; }
  
.solecontent { }

#footer {
  background: #8f8f8f url(/_img/backgrounds/footer.gif) bottom left no-repeat;
  color: #fff;
  padding: 5px 5px 10px 5px;
  font: normal 0.7em/0.7em Tahoma, Verdana, Arial, sans-serif;
  clear: both;
}


#clear {
  clear: both;
  height: 4px;
  
}
.clear {
  clear: both;

  
}



/* styles used in primary and secondary navigation bars */

#navbar { 
  background-color: #6b6b6b;
  color: #999;
  padding: 10px 5px 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  font: bold 0.8em Tahoma, Verdana, Arial, sans-serif;
}

#navbar a {
  color: #fff; background-color: #6b6b6b;
  text-decoration: none;
  padding: 3px;
}



#navbar a:visited {
  color: #fff; background-color: #6b6b6b;
  text-decoration: none;
  padding: 3px; }
  
#navbar a:hover {
  color: #fff; background-color: #96b858;
  padding: 2px;
  border: 1px solid #fff;
  text-decoration: none;
  }
          
#secondarynav { 
  background-color: #fff;
  padding: 7px 0px;
  border-bottom: 1px dotted #000;
  color: #576b33;
  font: normal 0.7em Tahoma, Verdana, Arial, sans-serif;
}

#secondarynav strong { color: #6b6b6b }

#secondarynav a {
    background-color: #fff; color: #6b6bb8;
  text-decoration: underline;


}

#secondarynav a:visited {
    background-color: #fff; color: #6b6bb8;
  text-decoration: underline;



}

#secondarynav a:hover {
    background-color: #fff; color: #6b6bb8;
  text-decoration: none;



}


          
#home a:link#nhome, #usability a:link#nusability, #consultancy a:link#nconsultancy, #design a:link#ndesign   { color: #6b6b6b;
          padding: 2px 2px 6px 2px;
          border-top: 1px solid #fff;
          border-left: 1px solid #fff;
          border-right: 1px solid #fff;
          background-color: #fff;
          text-decoration: none;
                  }

#home a:visited#nhome, #usability a:visited#nusability, #consultancy a:visited#nconsultancy, #design a:visited#ndesign    { color: #6b6b6b;
          padding: 2px 2px 6px 2px;
          border-top: 1px solid #fff;
          border-left: 1px solid #fff;
          border-right: 1px solid #fff;
          background-color: #fff;
          text-decoration: none;
                  }
          
#home a:hover#nhome, #usability a:hover#nusability, #consultancy a:hover#nconsultancy, #design a:hover#ndesign    { color: #6b6b6b;
          padding: 2px 2px 6px 2px;
          border-top: 1px solid #fff;
          border-left: 1px solid #fff;
          border-right: 1px solid #fff;
          border-bottom: 0;
          background-color: #fff;
          text-decoration: none;
                  }


/* styles for photos that appear in the right hand column */

.photoconsult {  height: 135px; padding: 0px; border: 1px solid #666; margin-bottom: 5px; background: url(/_img/bgphotos/consultancy.jpg) no-repeat right top; }
  
.photoabout {  height: 135px; padding: 0px; border: 1px solid #666; margin-bottom: 5px; background: url(/_img/bgphotos/about.jpg) no-repeat right top; }
  
.photodesign { height: 135px; padding: 0px; border: 1px solid #666; margin-bottom: 5px; background: url(/_img/bgphotos/design.jpg) no-repeat right top; }
  
.photoebusiness {  height: 135px; padding: 0px; border: 1px solid #666; margin-bottom: 5px; background: url(/_img/bgphotos/emarketing.jpg) no-repeat right top; }

.portfoliophoto { float: left; margin-right: 10px; }
           
.portfoliotype {margin-top: -10px; }



/* styles associated with forms */

.textfieldP70 {
  background-color: #efefef; color: #666;
  width: 80%;
  border: 1px solid #000;
  padding: 1px;
}

.textfieldP90 {
  background-color: #efefef; color: #666;
  width: 90%;
  border: 1px solid #000;
  padding: 1px;
}


.textfieldP40 {
  background-color: #efefef; color: #666;
  width: 40%;
  border: 1px solid #000;
  padding: 1px;
}



.btnSubmit {
  color: #fff;
  background-color: #96b858;
  padding: 2px;
  border: 1px solid #000;
  font: bold 1.0em Tahoma, Verdana, Arial, sans-serif;
}

.btnReset {
  color: #fff;
  background-color: #999;
  padding: 2px;
  border: 1px solid #000;
  font: bold 1.0em Tahoma, Verdana, Arial, sans-serif;
  }

/* miscellaneous styles */

.quote { font-size: 90%; line-height: 90%; font-style: italic;  }
.jobtitle {
	margin-top: -15px;
	padding-top: 0;
	color: #96b858;
	background-color: #fff;
	font-weight: bold;
}
.grey { color: #6b6b6b; }
.stoppress { padding: 5px; border: 1px solid #c00; margin-top: 1em; }

.important { border: 1px solid #c00; padding: 5px; }
.important strong { color: #c00; }