*	{ /* this part removes all default padding which browsers do, no need for that*/
	margin: 0;
	padding: 0;
	}

body	{ /* set the background color*/
	background-color: #99AABB;
	}
	
h1 	{ /* configure how your headers look */
	background-color: #668899;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 5px;
	}

h2 	{ /* configure how your headers look */
	font-size: 13px;
	font-weight: bold;
	}

div.content	{ /* this is how everything beneath the headers looks */
	background-color: #FFFFFF;
	color: #668899;
	padding: 16px;
	}

img	{ /* images have an icky border by default, this removes that */
	border: none;
	}

#layout	{ /* the entire body is within this tag, sets a couple of global settings like fontsize */
	margin: 0 auto;
	width: 880px;
 	font-family: Comic Sans MS; 
	font-size: 18px;
	}

#menu	{ /* this is your menu's container, adds color and stuff */
	height: 1%; /* IE6 bugfix */
	overflow: hidden;
	color: #ffffff;
	background-color: #668899;
	}

#menu ul	{ /* this is the list inside your menu (the menu options), also adds padding so your menu doesn't touch the edge */
	float: left;
	list-style: none;
	padding: 5px;
	}
    
#menu ul li	{ /* puts a bit of padding between menu items so they aren't too close together */
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	}
    
#promo { /*this is where it says clock, you can add anything here, aligns to the right (opposite side of the menu)*/
	float: right;
	margin-right: 2px;
	padding: 5px;
	}

#logo	{ /* something nice to top of your page */
	display: block;
	width: 880px;
	height: 80px;
	text-indent: -9999px;
	background:url(../images/site-header.jpg) no-repeat 0 0;
	}
	
#image1	{ /* something nice to top of your page */
	display: block;
	width: 294px;
	height: 263px;
	text-indent: -9999px;
	background:url(../Images/smaller_dish.jpg) no-repeat 0 0;
	}

#image2	{ /* something nice to top of your page */
	display: block;
	width: 320px;
	height: 359px;
	text-indent: -9999px;
	background:url(../Images/smaller_aerial.jpg) no-repeat 0 0;
	}
	
#image3	{ /* something nice to top of your page */
	display: block;
	width: 400px;
	height: 225px;
	text-indent: -9999px;
	background:url(../Images/smaller_telephone.jpg) no-repeat 0 0;
	}
	
#footercontainer	{ /* same as the menu but on the bottom */
	height: 1%; /* IE6 bugfix */
	overflow: hidden;
	color: #ffffff;
	background-color: #668899;
	}

#copyright { /* same as promo but on the bottom */
	float: right;
	margin-right: 2px;
	padding: 5px;
	}

#counter	{ /* this is the counter I hope works cause henk is gone */
	float: left;
	margin-left: 2px;
	margin-top: 3px;
	padding: 5px;
	}


/*hyperlinks*/
a:link 	{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
	}

a:visited	{
	text-decoration: none;
	}

a:hover	{
	color: #000000;
	border-bottom: 0px;
	text-decoration: underline;
	}

a.linkheader {
	font-family: Comic Sans MS;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	}

a.linkimage {
	font-family: Comic Sans MS;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	border-bottom:0px;
	}

div.ad	{ /* this is how the ads google kindly provides us with look */
	background-color: #FFFFFF;
	padding: 20px;
	text-align: center;
	}

div.g-plusone	{ /* Lets hope I can center the Google plus 1 */
	background-color: #FFFFFF;
	padding: 20px;
	text-align: center;
	}