body {background-color:#dcf58d;

	font: 85% arial, hevetica, sans-serif ;
	text-align: center;
	background-color:#dcf58d; 
	}


#container
	{	width: 800px;  	 /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
		height: 600px;
		margin: auto; 	/* the auto margins (in conjunction with a width) center the page */
		background-image:url(../images/foliage-swirls-brydondale2.jpg);  
	}		


#photobox {	
		width:100%; 
		margin:auto;
		border-top:medium solid #0eb5d3;
		border-bottom:medium solid #0eb5d3;	
		margin-top: 80px;
		background:none;   /* only for setup, bg not seen in final */
	}
	
#titlebox {				/* this holds the image of the word Brydondale */
		width: 100%;
		height: auto;
		margin: 100px 0 0 0;
		text-align: right; padding-bottom: 1%;
		border-bottom:medium solid #0eb5d3; 
		background:none;
	}		

	
	
#nav {
	
	width:100%;	
	height: auto;
	margin:10px auto;
	
	
}

#nav ul  {
    display:block;
	padding:0;
	margin:0;
	background:none;
	float:left;
    width:auto;
    height:100%;
/*	color: #ddae1c;*/
	list-style:none;
  }
  
#nav ul li {
    display:inline;
    float:right;	
	width:auto;
	margin-right:25px;
	margin-left:95px;
	text-align: left;
/*	color: #ddae1c;*/ /* this is inherited*/
  }

  
#nav ul li a{
	display: block;
	padding:0; 	
	margin:auto;
	left:60px;
	font-size:16px;
	text-decoration:none;
  }
  
#nav ul li img{ 
	border:none;
	padding-top:10px;
	width: 138px;
	height: 26px;
	margin:auto;
}

a:active {
  outline:none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}