﻿
body {
	margin: 0px;
	background: #48F;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
table {
	width: 100%;
}
p {
	margin-top: 1em;
	text-align: justify;
}
em {
	font-weight: bold;
}
a img {
	border: none;
}
a {
	padding-top: 10px; /* The effect this has on both browsers is rediculous, but necessary to fix layout on Gecko engine */
	color: #99CCFF;
}
h4,h5,h6, dl, ol,ul {
	text-align: left;
}
h1,h2,h3 {
	margin-top: .5em;
	color: #248;
	font-weight: bolder;
}
ol,ul {
	margin-top: 0px;
}


/* Heading */
#heading {
	background: #000 url("Images/HeadingBackground.jpg") top no-repeat;
	text-align: center;
}
#heading table td {
	text-align: center;
}
#heading #ShieldLogo {
	width: 72px;
	height: 80px;
	margin-bottom: -30px;
	position: relative;
}
#heading #Title {
	font-family: "Microsoft Sans Serif", sans-serif, Arial;
	font-size: x-large;
	font-weight: bolder;
	white-space: nowrap;
}
#heading #WebLogo {
	width: 160px;
	height: 50px;
}
#heading .navigation {
	white-space: nowrap;
}


/* Navigation */
.navigation .button {
	position: relative;
}
.navigation .button img {
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
}
.navigation .button.Home img { background-image: url("Images/Navigation/Home.gif"); width: 84px; }
.navigation .button.Prices img { background-image: url("Images/Navigation/Prices.gif"); width: 88px; }
.navigation .button.Services img { background-image: url("Images/Navigation/Services.gif"); width: 113px; }
.navigation .button.Portfolio img { background-image: url("Images/Navigation/Portfolio.gif"); width: 117px; }
.navigation .button.Contact img { background-image: url("Images/Navigation/Contact.gif"); width: 107px; }
.navigation .button.Blog img { background-image: url("Images/Navigation/Blog.gif"); width: 65px; }
.navigation .button.Tips img { background-image: url("Images/Navigation/Tips.gif"); width: 65px; }
.navigation .button.Home:hover img { background-image: url("Images/Navigation/Home_hover.gif"); width: 84px; }
.navigation .button.Prices:hover img { background-image: url("Images/Navigation/Prices_hover.gif"); width: 88px; }
.navigation .button.Services:hover img  { background-image: url("Images/Navigation/Services_hover.gif"); width: 113px; }
.navigation .button.Portfolio:hover img { background-image: url("Images/Navigation/Portfolio_hover.gif"); width: 117px; }
.navigation .button.Contact:hover img { background-image: url("Images/Navigation/Contact_hover.gif"); width: 107px; }
.navigation .button.Blog:hover img { background-image: url("Images/Navigation/Blog_hover.gif"); width: 65px; }
.navigation .button.Tips:hover img { background-image: url("Images/Navigation/Tips_hover.gif"); width: 65px; }


/* Content */
#content {
	padding: .5em;
}


/* Footing */
#footing {
	padding-bottom: 1em;
	font-size: small;
	font-weight: bolder;
}
#footing p {
	text-align: center;
}
#footing table {
	position: fixed;
	left: 0px;
	bottom: 0px;
	background: #CDF;
	color: #B60;
}
#footing table td {
	padding: 0em .25em;
	white-space: nowrap;
}
#footing table a {
	color: #B60;
}
