/*

	*	safi design			*

	*	19 Jan 2006				*

	*	Andy Bridge				*

	

*/





/*body*/

body{

  margin: 0px;

  background-image:  url(../images/bg.gif);

  background-position: top left;

  background-repeat: repeat-x;

  text-align: center;

}



#box{

width: 760px;

margin: auto;

}





#logo{

  width: 760px;

  height: 76px;

  background-image:  url(../images/logo.gif);

  background-position: bottom;

  background-repeat: no-repeat;

}



/*header*/



#headerhome{

  width: 760px;

  height: 258px;

  background-image:  url(../images/headerhome.jpg);

  background-position: top;

  background-repeat: no-repeat;

}





#headermethod{

  width: 760px;

  height: 258px;

  background-image:  url(../images/headermethod.jpg);

  background-position: top;

  background-repeat: no-repeat;

}





#headerwhoweare{

  width: 760px;

  height: 258px;

  background-image:  url(../images/headerwhoweare.jpg);

  background-position: top;

  background-repeat: no-repeat;

}





#headerportfolio{

  width: 760px;

  height: 258px;

  background-image:  url(../images/headerportfolio.jpg);

  background-position: top;

  background-repeat: no-repeat;

}





#headercontact{

  width: 760px;

  height: 258px;

  background-image:  url(../images/headercontact.jpg);

  background-position: top;

  background-repeat: no-repeat;

}







/*top logo + nav*/

#logo{

  width: 760px;

  height: 76px;

  background-image:  url(../images/logo.gif);

  background-position: top;

  background-repeat: no-repeat;

}



#nav{

  text-align: right;

  vertical-align: bottom;

  margin: 0px;

  padding-top: 40px;

}





#nav a:link, #nav a:visited, #nav a:hover{

font: 12px Arial, Verdana;

color: #90A5B2;

text-decoration: underline;

}	





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



#content{

padding: 10px;

background-color: #fff;

}


#content p{

font: 12px Arial, Verdana;

color: #90A5B2;

text-align: left;

}


#content h2{

font: 18px Arial, Verdana;

color: #5A7F48;

text-align: left;


}

#content h3{

font: 15px Arial, Verdana;

color: #5A7F48;

text-align: left;

}




/*----footer----*/



#footer{

  width: 760px;

  height: 45px;

  background-image:  url(../images/footer.gif);

  background-position: bottom;

  background-repeat: no-repeat;
  
  font: 12px Arial, Verdana;

	color: #90A5B2;
	text-align: center;

}





/*---content for split pages----*/



#contentarea{

padding: 10px;

background-color: #fff;

}



#contentsplit{

margin-right: 39%;

}





#contentsplit p{

font: 12px Arial, Verdana;

color: #90A5B2;

text-align: left;

}

#generictable {
padding:4px;
}

#generictable td{

font: 12px Arial, Verdana;
color: #5A7F48;
text-align: left;

}


#contentsplit h2{

font: 18px Arial, Verdana;

color: #5A7F48;

text-align: left;

}

#contentsplit h3{

font: 15px Arial, Verdana;

color: #5A7F48;

text-align: left;

}



/*---right hand side----*/

#right{

margin-top: 15px;

margin-right: 5px;

float:right;

width: 35%;

font: 12px Arial, Verdana;

color: #5A7F48;

text-align: left;

}





#blueline{

border: 1px solid #90A5B2;

padding: 2px;

font: 12px Arial, Verdana;

color: #90A5B2;

text-align: left;

}



#blueline p{

font: 12px Arial, Verdana;

color: #90A5B2;

text-align: left;

padding: 4px;

}



#blueline a:link, #blueline a:visited, #blueline a:hover{

font: 12px Arial, Verdana;

color: #90A5B2;

text-align: left;

text-decoration: underline;

}





#portfolio{

text-align: center;

}



#portfolio{

border: 1px solid #90A5B2;

padding: 2px;

font: 12px Arial, Verdana;

color: #90A5B2;

text-align: center;

}



#portfolio p{

font: 12px Arial, Verdana;

color: #90A5B2;

text-align: center;

padding: 4px;

}



#portfolio a:link, #portfolio a:visited, #portfolio a:hover{

font: 12px Arial, Verdana;

color: #90A5B2;

text-align: center;

text-decoration: underline;

}