/*Standard settings to normalize document from the start */

/* Normalizes margin, padding */


/* Removes list-style from lists */
ol, ul {
	list-style:none;
	margin:0;
	padding:0;
}

/* container div */
div#container{
width: 960;
border-right: 1px solid #EEEEEE;
}

/* #3. Button placement */
div#button{
float:left;
margin: 10px 0 0 10px;
z-index:99;
}

div#images{
	width:745px;
	height:550px;
	overflow:hidden;
}

/* #3. Navigation buttons to the left of disjointed images */
div#button li{
	position:relative;
	width:215px;
	height:66px;
	padding:4px 0;
	text-indent:-9999px;
}
	
/* #3. Make the Buttons Clickable */
li#scotland a, li#northwest a, li#yorkshire a, li#midlands a, li#southwales a, li#southwest a, li#southeast a,{
	width:215px;
	height:66px;
	display:block;
	cursor:pointer;
}

/* #3. Normal Button States */
li#scotland{
	background:url(../images/button_scotland.png) no-repeat;
	}
li#northwest{
	background:url(../images/button_northwest.png) no-repeat;
	}
li#yorkshire{
	background:url(../images/button_yorkshire.png) no-repeat;
	}
li#midlands{
	background:url(../images/button_midlands.png) no-repeat;
	}
li#southwales{
	background:url(../images/button_southwales.png) no-repeat;
	}
li#southwest{
	background:url(../images/button_southwest.png) no-repeat;
	}
li#southeast{
	background:url(../images/button_southeast.png) no-repeat;
	}		
	
/* #3. Hover Button States */
li#scotland:hover{
	background:url(../images/button_scotland_hover.png) no-repeat;
	}
li#northwest:hover{
	background:url(../images/button_northwest_hover.png) no-repeat;
	}
li#yorkshire:hover{
	background:url(../images/button_yorkshire_hover.png) no-repeat;
	}
li#midlands:hover{
	background:url(../images/button_midlands_hover.png) no-repeat;
}
li#southwales:hover{
	background:url(../images/button_southwales_hover.png) no-repeat;
	}
li#southwest:hover{
	background:url(../images/button_southwest_hover.png) no-repeat;
	}
li#southeast:hover{
	background:url(../images/button_southeast_hover.png) no-repeat;
	}