/*
	*	  Zanzara			*
	*	  24 Jan 2006		*
	*	  Andy Bridge		*
	
*/


/*body*/
body{
  margin: 0px;
  background-color: #fff;
  text-align: center;
}



/*puts everything in the middle of the browser window*/
#mid{
    width: 760px;
	margin-left: auto;
	margin-right: auto;
}


/*---outside grey border----*/

#outerborder{
border: 1px solid #A2A1A1;
}



/*top nav*/

#topnav{
  text-align: right;
  margin: 0px;
  padding: 10px 0px 10px 0px;
}


#topnav a:link, #topnav a:visited{
	font: 11px Verdana, Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px;
}	


#topnav a:hover{
	background-color: #F0DD6F;
	padding: 4px;
}

#topnav p{
	background-color: #F0DD6F;
	padding: 4px;
}

.yellowbg{
  background-color: #F0DD6F;
  	font: 11px Verdana, Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px;
}

/*----header home------*/

#headerhome{
  width: 760px;
  height: 306px;
  background-image:   url(../images/headerhome.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  }
  
 #headercasestudies{
  width: 760px;
  height: 187px;
  background-image:   url(../images/headercasestudies.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  }
  
  #headercontact{
  width: 760px;
  height: 187px;
  background-image:   url(../images/headercontact.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  }
  
  #headernews{
  width: 760px;
  height: 187px;
  background-image:   url(../images/headernews.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  }
  
  #headerpeople{
  width: 760px;
  height: 187px;
  background-image:   url(../images/headerpeople.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  }
  
  #headerpublications{
  width: 760px;
  height: 187px;
  background-image:   url(../images/headerpublications.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  }
  
  #headerservices{
  width: 760px;
  height: 187px;
  background-image:   url(../images/headerservices.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  }
  
  #headertestimonials{
  width: 760px;
  height: 187px;
  background-image:   url(../images/headertestimonials.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  }
  
  
  /*defines content area*/
  
 #contentarea{
 width: 760px;
 }
  
  
  
 /*--yellow headers home page---*/
 .yellow{
    font: 11px Verdana, Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	background-color: #F0DD6F;
	border-top: 1px solid #A2A1A1;
	border-left: 1px solid #A2A1A1;
	border-bottom: 1px solid #A2A1A1;
 }
  
  

/*-------content home------*/

.content{
padding: 10px 10px 10px 10px;
}


.content p, ul{
font: 11px Verdana, Arial, sans-serif;
color: #333333;
}

.content h1{
font: 11px Verdana, Arial, sans-serif;
color: #000;
}
.content h2{
font: 16px Verdana, Arial, sans-serif;
color: #000;
}


/*--test of new link behavior----*/
A:visited{
	color: #633B72;
}

A:hover{
	color: #1987D1;
}

A:active{
	color: #D25400;
}





/*
.content a:link, .content a:visited, .content a:hover{
 font: 11px Verdana, Arial, sans-serif;
  color: #15659A;
  text-decoration: underline;
}
*/


/*--inside headers----*/

#headerservice{
  width: 760px;
  height: 187px;
  background-image:   url(../images/headerservices.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}


/*-------content inside------*/

.contentin{
  padding: 10px 10px 40px 10px;
  background-image:   url(../images/hori-dots.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

/*where I put the line height experiment*/
.contentin p{
line-height: 16px;
font: 11px Verdana, Arial, sans-serif;
color: #333333;
}


.contentin h2{
font: 16px Verdana, Arial, sans-serif;
color: #000;
}

.contentin h3{
font: 14px Verdana, Arial, sans-serif;
color: #000;
}

/*--test of new link behavior----*/
A:visited{
	color: #633B72;
}

A:hover{
	color: #1987D1;
}

A:active{
	color: #D25400;
}





/*
.contentin a:link, .contentin a:visited, .contentin a:hover{
  font: 11px Verdana, Arial, sans-serif;
  color: #666;
  text-decoration: underline;
}
*/

.contentinright{
  background-image:   url(../images/insideright.gif);
  background-position: top right;
  background-repeat: no-repeat;
  text-align: right;
}	


/*hairylemon + copyright*/

.hl p{
font: 11px Verdana, Arial, sans-serif;
color: #333333;
padding-top: 7px;
}


.hl a:link, .hl a:visited, .hl a:hover{
font: 11px Verdana, Arial, sans-serif;
color: #444;
text-decoration: underline;
}