/*  Copyright 2011 by Balanced Environmental Services Inc.	*/

body
 {
 background-image:url('images/background55.jpg');
background-repeat:repeat-x;
 }

a img { border: none; }

a, a:visited {
	color: rgb(0,96,166);
	text-decoration: none;
}

a:hover {
	color: rgb(0,96,166);
	text-decoration: underline;
}


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

#headeranimation  {
	position: absolute;
	top: 133px;
	left: -400px;
	width: 800px;
	height: 133px;
}

#sfbackground    {
	position: absolute;
	top: 00px;
	left: -400px;
	width: 800px;
	height: 720px;
}

#background     {
	position: absolute;
	top: 00px;
	left: 00px;
}

/* Buttons										*/

#topnav1          {position: absolute;		          top: 110px; left: 62px}
#topnav2          {position: absolute; 			  top: 110px; left: 130px}
#topnav3          {position: absolute; 			  top: 110px; left: 220px}
#topnav3dd        {position: absolute; 			  top: 140px; left: 175px}
#topnav4          {position: absolute; 			  top: 110px; left: 253px}	
#topnav5          {position: absolute; 			  top: 110px; left: 310px}	

/* Spacers										*/

#stopnav2          {position: absolute; 			  top: 110px; left: 120px}
#stopnav3          {position: absolute; 			  top: 110px; left: 178px}
#stopnav4          {position: absolute; 			  top: 110px; left: 242px}	
#stopnav5          {position: absolute; 			  top: 110px; left: 321px}	


#bottomnav1       {
	position: absolute;
	top: 803px;
	left: 160px;
	height: 24px;
}	
#bottomnav2       {
	position: absolute;
	top: 803px;
	left: 220px;
	height: 24px;
}	

#bottomnav4       {
	position: absolute;
	top: 803px;
	left: 280px;
	height: 21px;
}	
#bottomnav5       {
	position: absolute;
	top: 803px;
	left: 340px;
	height: 24px;
}

#sidenavigator       {
	position: absolute;
	top: 320px;
	left: -388px
}



#sidetitle        {
	position: absolute;
	top: 630px;
	left: -395px
}

#title    {
	position: absolute;
	width: 161px;
	top: 267px;
	left: -401px
}

#quicklinks   {
	position: absolute;
	width: 300px;
	top: 720px;
	left: -385px
}

#quicklinks2   {
	position: absolute;
	width: 300px;
	top: 720px;
	left: -80px
}


#quicklinks3   {
	position: absolute;
	width: 300px;
	top: 720px;
	left: 180px
}


#disclamer   {
	position: absolute;
	width: 770px;
	top: 830px;
	left: -385px;
	color: rgb(129,152,206);
}

/* Text Content	*/
/*Home Page*/


#quote         {
	position: absolute;
	width: 200px;
	top: 310px;
	left: -387px;
	height: 398px;
	color: rgb(0,96,166);
}

#biophysical         {
	position: absolute;
	width: 200px;
	top: 425px;
	left: -380px;
	height: 400px;
	color: rgb(0,96,166);
}
#monitor         {
	position: absolute;
	width: 200px;
	top: 425px;
	left: -180px;
	height: 400px;
	color: rgb(0,96,166);
}
#sediment         {
	position: absolute;
	width: 200px;
	top: 425px;
	left: 10px;
	height: 400px;
	color: rgb(0,96,166);
}

#whatsnew         {
	position: absolute;
	width: 580px;
	top: 540px;
	left: -380px;
	height: 400px;
	color: rgb(76,79,77);
}



#maintext         {
	position: absolute;
	width: 175px;
	top: 321px;
	left: -226px;
	height: 235px;
}

#maintext2        {
	position: absolute;
	width: 571px;
	top: 636px;
	left: -221px;
	height: 144px;
}

#maintextback     {
	position: absolute;
	width: 590px;
	top: 627px;
	left: -228px;
	height: 164px;
}

#maintextback2    {
	position: absolute;
	width: 619px;
	top: 637px;
	left: -259px;
	height: 147px;
}

#mainphoto        {
	position: absolute;
	top: 308px;
	left: -235px;
	width: 317px;
	height: 230px;
}

#latest       {
	position: absolute;
	top: 317px;
	left: -383px;
	width: 130px;
}

/*Quote*/

#disclamer4   {
	position: absolute;
	width: 770px;
	top: 800px;
	left: -385px;
	color: rgb(129,152,206);
}
#PIX   {
	position: absolute;
	width: 770px;
	top: 300px;
	left: -160px;
	color: rgb(129,152,206);
}



/*Profile*/


#whoweare        {
	position: absolute;
	top: 380px;
	left: -380px;
	width: 460px;
	height: 300px;
	color: rgb(76,79,77);
}
#history        {
	position: absolute;
	top: 610px;
	left: -380px;
	width: 200px;
	height: 300px;
	color: rgb(76,79,77);
}
#message        {
	position: absolute;
	top: 950px;
	left: -380px;
	width: 200px;
	height: 300px;
	color: rgb(76,79,77);
}


#disclamer3   {
	position: absolute;
	width: 770px;
	top: 1265px;
	left: -385px;
	color: rgb(129,152,206);
}



/*Planning*/

#planningmain     {
	position: absolute;
	width: 302px;
	top: 325px;
	left: -227px;
	height: 137px;
}
#planningleft     {
	position: absolute;
	width: 287px;
	top: 511px;
	left: -217px;
	height: 274px;
}	

#planningback     {
	position: absolute;
	width: 307px;
	top: 499px;
	left: -229px;
	height: 253px;
}

#planningphoto1    {
	position: absolute;
	top: 325px;
	left: 92px
	width: 229px;
	height: 190px;
	left: 90px;
	width: 265px;
}

#planningphoto2   {
	position: absolute;
	top: 575px;
	left: 92px
	width: 229px;
	height: 215px;
	left: 95px;
	width: 264px;
}

/*Project Management*/

#projmanmain     {
	position: absolute;
	width: 323px;
	top: 328px;
	left: -224px;
	height: 197px;
}

#projmanback  {
	position: absolute;
	width: 322px;
	top: 534px;
	left: -225px;
	height: 262px;
}

#projmanleft  {
	position: absolute;
	width: 296px;
	top: 547px;
	left: -214px;
	height: 234px;
}

#projmanphoto1    {
	position: absolute;
	top: 481px;
	left: 112px;
	width: 199px;
	height: 143px;
}

#projmanphoto2    {
	position: absolute;
	top: 323px;
	left: 112px;
	width: 199px;
	height: 146px;
}

#projmanphoto3    {
	position: absolute;
	top: 639px;
	left: 112px;
	width: 235px;
	height: 153px;
}
/*Design Services*/

#designmain       {
	position: absolute;
	width: 318px;
	top: 325px;
	left: -224px;
	height: 137px;
}

#designback       {
	position: absolute;
	width: 325px;
	top: 533px;
	left: -229px;
	height: 253px;
}

#designleft       {
	position: absolute;
	width: 292px;
	top: 549px;
	left: -219px;
	height: 234px;
}	

#designphoto1    {
	position: absolute;
	top: 642px;
	left: 110px;
	width: 199px;
	height: 96px;
}

#designphoto2    {
	position: absolute;
	top: 321px;
	left: 110px;
	width: 242px;
	height: 136px;
}

#designphoto3    {
	position: absolute;
	top: 480px;
	left: 110px;
	width: 213px;
	height: 100px;
}
	
/*services*/



#whatwedo         {
	position: absolute;
	width: 390px;
	top: 370px;
	left: -10px;
	height: 400px;
}

#dfoapprovals        {
	position: absolute;
	width: 600px;
	top: 1080px;
	left: -380px;
	height: 400px;
}

#moeapprovals        {
	position: absolute;
	width: 600px;
	top: 1080px;
	left: -160px;
	height: 400px;
}
#otherapprovals        {
	position: absolute;
	width: 600px;
	top: 1080px;
	left: 50px;
	height: 400px;
}
#disclamer2   {
	position: absolute;
	width: 770px;
	top: 1510px;
	left: -385px;
	color: rgb(129,152,206);
}


/*resources*/

#jobs        {
	position: absolute;
	top: 390px;
	left: -370px;
	width: 740px;
	height: 500px;
	color: rgb(76,79,77);
}
#companies        {
	position: absolute;
	top: 570px;
	left: -370px;
	width: 700px;
	height: 500px;
	color: rgb(76,79,77);
}
#FTI       {
	position: absolute;
	top: 630px;
	left: -370px;
	width: 700px;
	height: 500px;
	color: rgb(76,79,77);
}
#OT        {
	position: absolute;
	top: 630px;
	left: -200px;
	width: 700px;
	height: 500px;
	color: rgb(76,79,77);
}
#SF        {
	position: absolute;
	top: 635px;
	left: 50px;
	width: 700px;
	height: 500px;
	color: rgb(76,79,77);
}
#links        {
	position: absolute;
	top: 800px;
	left: -370px;
	width: 300px;
	height: 500px;
	color: rgb(76,79,77);
}


/*Contact Us*/

#contacttoptext   {
	position: absolute; 
	width: 535px; 
	top: 350px; 
	left: -210px
}	
#contactbottomtext{

	position: absolute;
	width: 198px;
	top: 640px;
	left: -30px;
	height: 103px;

}

#contactphoto     {
	position: absolute;
	top: 340px;
	left: -135px;
	width: 317px;
	height: 230px;
}



/*Job Postings*/

#jobsmain       {
	position: absolute;
	width: 321px;
	top: 325px;
	left: -227px;
	height: 141px;
}

#jobstext       {
	position: absolute;
	width: 500px;
	top: 550px;
	left: -190px;
	height: 400px;
}


#jobstextback         {
	position: absolute;
	top: 318px;
	left: -230px;
}

#jobsupdatetext     {
	position: absolute;
	top: 278px;
	left: 210px;
	width: 200px;
}

/*Habitat Database*/

#hdlinks   {
	position: absolute;
	width: 740px;
	top: 400px;
	left: -350px;
	color: rgb(129,152,206);
}


/*Species Pages*/

#speciestext   {
	position: absolute;
	width: 740px;
	top: 400px;
	left: -350px;
	color: rgb(76,79,77);
}