/*There are layout.css and style.css, otherwise have only 1 single css file. */

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: grey;
	/* background-image: Some stoney texture. */
}


/*Website Navigation Buttons*/
div.desktop_nav ul, div.mobile_nav ul, {
	/*border-top: medium solid #b09294;*/
	/*padding-top: 15px;*/
	list-style: none; 
	/* The list bullet points do not appear even without this. How are they being removed? The answer is in the li display inline.*/
}
div.desktop_nav ul li, div.mobile_nav ul li {
	/* display: inline; */
	display: inline-block; 
	/* When the list items are set to display inline then the bullet point ares are removed. */
    width: 150px; 
	/* From Firefox Inspector: width has no efect on this element since it has a display of inline. */
}
div.desktop_nav ul a, div.mobile_nav ul a {
	/* This test border is of no effect as there is the border styling below. */
	width: 100px;
	/* From Firefox Inspector: width has no efect on this element since it has a display of inline. */
	/* Even though the a element is nested inside the li element it does not inherit the display inline-block style from the li. So have to set it individually. */
	display: inline-block;
	border: medium outset #525252;
	padding: 5px 5px 5px 5px;
	border-radius: 25px;
	background: #525252;
	text-decoration: none;
	color: #cbcbcb;
	outline: 0; 
	/*The 0 in outline removes the default dotted border, but the following properties style the "hover" and "focus" states*/
}
div.desktop_nav ul a:active {
	border: medium inset #525252;
}
div.desktop_nav ul li a:hover {
	background: #7e7e7e;
}
div.desktop_nav ul li a:focus {
	background: #7e7e7e;
}

a#current-page {
  background: #7e7e7e;
}

/*Prices Table*/
div.services-block {
  background: rgb(255, 255, 255);
}
div.services-block h3 {
  text-align: center;
}
div.services-block th {
	text-align: left;
}

table.prices-table th {
  /*border: thin solid black;	
  background-color: rgb(150, 150, 150);*/
  padding: 5px;
}

table.prices-table td {
  padding: 5px;
}
table.prices-table .right-column {
  
}
table.prices-table .right-column {
  width: 20%;
}
/* SLOT-ONS */
/* Copy CSS from Slot-ons and past here. */