html,
body
{
	width: 100%;
	display: block;
}
	
body
{
	background: black url("../images/binaryBackgroundFaded.png") 0 0;	
}
	
#all
{
    background: transparent url("../images/logoLarge.png") no-repeat 50% 50%;	
}

br
{ 
  clear: both;
}

abbr 
{
  cursor: help;
  border-bottom: 1px dotted;
}

strong
{
  font-weight: bold;
}

#top
{
    font-size: 500%;
	padding: 0;
	margin: 0;
 	background: #69a7db url("../images/headerBackground.jpg") no-repeat 0% 0%;
	border-top: 2px solid #246;
	border-bottom: 3px solid #246;
	height: 1.75em;
	cursor: default;
}

#top>div
{
  text-align: center;
}

#top .companyName
{
  font-family: "Times New Roman";
  text-transform: lowercase;
  line-height: 0.75em;
  margin-bottom: 0.1em;
}

#top .companyName .firstWord
{
  font-style: italic;
  color: white;  
  vertical-align: top;
  letter-spacing: -3px;
}

#top .companyName .secondWord
{
  letter-spacing: 5px;
  color: black;
  line-height: 1.3em;
  vertical-align: bottom;
  margin-left: -0.2em;
}

#top .slogan
{
 float: right;
 padding: 0.1em 0.2em;
 margin-right: 2%;
	font-size: 50%; 
	font-family: Arial;
 color: white;
	text-shadow: 0 0 10px; 
   letter-spacing: 2px;
   
 background: transparent url("../images/sloganBackground.jpg") repeat-y 0 0;
 border: 3px solid #246;
}

#top .slogan .firstWord
{
  font-weight: bold;
  letter-spacing: 3px;
}

#main
{
   clear: both;
   padding: 0 2%;  
}

#main h2
{
  font-style: normal;
  letter-spacing: 2px;
  padding: 0.5em 0;
  font-size: 150%;
  color: #6988d7;
  background: transparent url("../images/headingUnderline.png") no-repeat 50% 100%;
}
  
#main h2 .firstWord
{
  color: #3958a7;
  text-transform: lowercase;
  font-style: italic;
  font-size: larger;
}

#main footer
{
  clear: both;
}

#whoWeAre, #contactUs
{
  margin-bottom: 2em;
}

#whatWeDo .spiel
{
  padding-left: 0;
}
  
#whatWeDo li
{
  margin: 0.25em 0;
  padding: 1.5em 0;
  padding-left: 105px;
  line-height: 1.25em;
}

#whatWeDo #li1
{
  background: transparent url("../images/windowsIcon.png") no-repeat 1% 50%;
  margin-top: 1em;
}


#whatWeDo #li2
{
  background: transparent url("../images/designColourTransparentGlowSmall.png") no-repeat 1% 50%;
}

#whatWeDo #li3
{
  background: transparent url("../images/viewpoints.png") no-repeat 1% 50%;
}

#whatWeDo #li4
{
  background: transparent url("../images/securityAndPerformance.png") no-repeat 0 50%;
}

#contactUs a
{
  text-decoration: none;
  color: #6988d7;
  font-family: "Courier New", Courier;
}

#contactUs a:hover
{
  color: #99b8F7;
  text-decoration: underline;
}

#bottom
{
	color: white;
 	background: #69a7db url("../images/footerBackground.jpg") no-repeat 0% 100%;
	border-top: 3px solid #246;
	border-bottom: 2px solid #246;
 	float: left;
	width: 100%;
	min-height: 6em;
	font-size: 110%;
	font-family: Arial;
}

#bottom footer
{
	padding: 0 2%;
}

#companyDetails
{
  width: 70%;
  float: left;
}

#standardsAndSite
{
  width: 30%;
  float: right;
}

.spiel
{
  font-size: 150%;
  color: #eee;
  letter-spacing: 2px;
  margin-top: 0.5em;
  font-family: Arial;
  line-height: 1.2em;
  padding-left: 1em;
}

.spiel br
{
  margin-bottom: 1.2em;
}

.spiel em
{
  font-style: italic;
}

.siteInfo, .standards, .copyright
{
  text-align: right;
  padding: 0.5em 0;
}

.siteInfo
{
  font-size: 90%;
}
  
.siteInfo>div
{
  padding: 0.25em 0;
}
  
.version
{
  font-family: "Courier New", Courier;
}

.copyright
{
  margin-left: 1em;
}

.copyright .companyName
{
  padding-right: 0;
  letter-spacing: 2px;
}

.standards abbr
{
  font-style: normal;
  letter-spacing: 2px;
  font-weight: bold;
  font-family: "Courier New", Courier;
}

address
{
  font-family: Arial;
  padding: 0.5em 0;
  font-style: normal;
  letter-spacing: 2px;
}

address p
{
  padding: 0.25em 0;
}

#top .firstWord {
    animation: glow 2s 1 forwards;
}

@keyframes glow {
    to {
        text-shadow: 0 0 10px white;
    }
}