/* --------------------- */	
/* DO NOT ADD ANY STYLES HERE */
/* javascript Code is set to change link1-2-3 background colours */
/* javascript Code is set to change (31,14) (32,15) (33,16) background colours */
/* --------------------- */	

body {
		font-size:70%;
		color:#000000;
		background-color:#f6f6f6;
		margin:0px;
		overflow:auto;
		}
#wrap {
		width: 802px;
	}

body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input {
		font-family:verdana,helvetica,arial,sans-serif;
		}

h1 {font-size:200%;margin-top:0px;font-weight:normal}
h2 {font-size:160%;margin-top:10px;margin-bottom:10px;font-weight:normal}
h3 {font-size:120%;font-weight:normal}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

h1,h2,h3,h4,h5,h6 {
		background-color:transparent;
		color:#000000;
		}
/* category navigation links */
#button {font: 12px/18px Arial, Tahoma, Verdana, sans-serif; color:#fff; text-transform: uppercase; font-weight: bold;}
#button ul {list-style:none; margin:0; padding:0; border:none;}
#button li {margin:0; padding: 0px;}
#button li a {display:block; background-color:#f26322; color:#fff; text-decoration:none; width:267px; }
#button li a.link1 {background-color:#f26322;padding: 8px 0px 7px 0px;}
#button li a.link2 {background-color:#f26322;padding: 8px 0px 7px 0px;}
#button li a.link3 {background-color:#f26322;padding: 8px 0px 7px 0px;}
#button li a:hover {background-color:#f2b499; color:#000;}
#button li a.active {background-color:#3e4e7c;}
#previous {
		display: inline;
		width: 160px; 
		height: 24px; 
		border: none;
}
#next {
		display: inline;
		width: 160px; 
		height: 24px; 
		border: none;
}


/* --------------------- */	
/* DO NOT ADD ANY STYLES ABOVE HERE */
/* javascript Code is set to change link1-2-3 background colours */
/* --------------------- */	


	
.img1 	{
		margin: 0px; 
		border: 1px solid #000;
		padding: 0px;
		width: 800px;
		z-index: 1;
	}
.img1 a:link	{
		border: 0px;
}
#img2 	{
		background-image: url(../images/DOG/DSC_0093.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-attachment:scroll;
		width: 800px;
		height: 535px;
		padding: 0px;
		margin: 0px;
		border: 0px solid #000;
		z-index: 100;
	}

#imgnumber 	{
		background-image: none;
		background-repeat:no-repeat;
		background-position:right;
		width: 800px;
		height: 24px;
		vertical-align:middle;
		padding: 4px 0px 0px 0px;
		margin: 0px;
		border: 0px;
		z-index: 100;
	}
ul 	{
		list-style-type:none;
		margin:0;
		padding:0;
		overflow:hidden;
	}
li {
		float:left;
	}
	
/* --------------------- */	




/* contact info at header */
#contact 	{
		display: block;
		width: 798px;
		padding:0px;
		padding-top: 6px;
		height:18px;
		padding-bottom: 6px;
		color:#000;
		border: 4px;
	}
#contact a	{
		display: inline;
		background-color: #f6f6f6;
		color: #000;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-style: normal;
		text-decoration: none;
	}
#contact a:hover	{
		text-decoration: underline;
	}

.pipe 	{
		width: 24px;
	}
.centering 	{
		width: 126px;
	}	
/* --------------------- */	


/* statement positioning */	
.topleft, .topright,  .imagenumber	{
		z-index: 10;
		position:absolute;
		margin-top: 35px;
		font-weight:bold;
		font-size:120%;
		color:#000;
	}
.topleft 	{
		margin-left: 25px;
	}
.topright 	{
		margin-left: 650px;
	}
.imagenumber{
		margin-top: 725px;
		margin-left: 10px;
		font-size:150%;
		color: #f26322;
}


/* picture navigation */