* {margin: 0; padding: 0}
body {background: #fffaee; font-family: verdana; color: #666666; font-size: 62.5%}
h1 {font-family: "ff-enzo-web", verdana, sans-serif; font-size: 17px; font-weight: bold; color: #277bd1}
h2 {font-family: "ff-enzo-web", verdana, sans-serif, sans-serif; font-size: 1.5em; color: #277bd1}
p {font-family: "ff-enzo-web", verdana, sans-serif; font-size: 1.4em; line-height: 1.3; margin-top: 0px; padding-bottom: 6px}

p b {color: #888}

#holder {width: 320px;  position: absolute; left: 50%; margin-left: -160px; margin-top: 5px; z-index: 1}
@media (min-width: 610px) and (max-width: 910px) {#holder {width: 600px;  position: absolute; left: 50%; margin-left: -300px; margin-top: 5px; z-index: 1}} 
@media (min-width: 910px) {#holder {width: 900px; position: absolute; left: 50%; margin-left: -450px; margin-top: 5px; z-index: 1}} 
#companylogo {
	position: absolute;
	left: 1%;
	top: -.1em;
	width: 40%;
	z-index: 3;
}
#companylogo img {width:123%; height: auto}
@media (min-width: 610px) and (max-width: 910px) {#companylogo img {width:78%; height: auto}}
@media (min-width: 910px) {#companylogo img {width:60%; height: auto;}}
#socialmedia {position: absolute; top:13.7em; left: 2.2%; z-index: 5;}
@media (min-width: 610px) and (max-width: 910px) {#socialmedia {position: absolute; top:12.5em; left: 54%; z-index: 5;}}
@media (min-width: 910px) {#socialmedia{position: absolute; top:14em; left: 64.5%; z-index: 5;}}

#socialmedia p {font-size:1.4em}
@media (min-width: 610px) and (max-width: 910px) {#socialmedia p {font-size:1.3em}}
@media (min-width: 910px) {#socialmedia p{font-size:1.49em}}

#strapline h1 {font-weight: bold;
font-size: 1.5em}
#strapline {
	position: absolute;
	left: 54%;
	top: 3.3em;
	width: 30em;
	height: 3em;
	z-index: 3;
	font-size: 0.8em
	}
@media (min-width: 610px) and (max-width: 910px) {#strapline {top:5.1em; left: 23.2em}}
@media (min-width: 910px) {#strapline {top:3.5em; left: 30%; font-size: .9em }}

#strapline img{width: 60%}
@media (min-width: 610px) and (max-width: 910px) {#strapline img {width: 53%
	}}
@media (min-width: 910px) {#strapline img{width: 80%}}

#strapline h1{visibility: hidden}
@media (min-width: 610px) and (max-width: 910px) {#strapline h1 {visibility: visible}}
@media (min-width: 910px) {#strapline h1{visibility: visible}}
#text ul {font-family: "ff-enzo-web", verdana, sans-serif; font-size: 1.4em; line-height: 1.5; margin-top: 0px;}

.fadeinindex { position:absolute; left: 2%; top: 15em; width:96%; z-index: 3; visibility: hidden}
@media (min-width: 610px) and (max-width: 910px) {.fadeinindex{left: 41.1%; visibility: visible; top: .2em; width: 59%}}
@media (min-width: 910px) {.fadeinindex{left: 56%; top: .2em; width: 42%; visibility: visible}}


.fadeinindex img {position:absolute; right: 0em; top: 0em; width:80%; height: auto;}
@media (min-width: 910px) {.fadeinindex img {width:80%; height: auto}}


.subgroup li{font-size: 1em}
a:link {font-family: "ff-enzo-web", verdana, sans-serif; font-size: 1em; font-weight: bold; color: #000; text-decoration: underline;}
a:visited {font-family: "ff-enzo-web", verdana, sans-serif; font-size: 1em; font-weight: bold; color: #000; text-decoration: underline;}
a:hover {font-family: "ff-enzo-web", verdana, sans-serif; font-size: 1em; font-weight: bold; color: #277bd1; text-decoration: none;}
a:active {font-family: "ff-enzo-web", verdana, sans-serif; font-size: 1em; font-weight: bold; color: #000000; text-decoration: underline;}

#text {position: absolute; left: 2%; top: 17.5em; padding: .8em .5em .5em 2em; width: 88%}
@media (min-width: 610px) and (max-width: 910px) {#text {top:16em; left: 10%; width: 75%; padding: 1em .5em .5em 3em;}}
@media (min-width: 910px) {#text {top:18em; left: 18%; width: 60%; padding: 1.8em 1em 1.5em 4em}}

#pic {float: right; padding-right: 1em}
#midmenu {position: absolute; right: 5%; top: 150px}
#midmenu ul {line-height: 1.5; list-style-type: none; text-align: right; padding: 8px 8px; background-color: #1774ff}
.column2 {position: absolute; left: 45%; width: 50%}
.column3 {position: absolute; left: 58%; width: 45%}
.column4 {position: absolute; left: 35%; width: 250px}
.indexslabs {
		width: 100%px;
		background-color: #fff; 
		border: solid 1px #3da1ed;
		padding: .6em;
		padding-top: .4em;
		padding-bottom: 0px;
		height: auto;
		border-radius: 5px;
	z-index: 5
}
html { font-size: 16px; -webkit-text-size-adjust: 16px; }
 .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading p, .wf-loading a, .wf-loading #text li {
    visibility: hidden;
  }

  .wf-active h1, .wf-active h2, .wf-active h3, .wf-active p, .wf-active #text li, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive p, .wf-inactive #text li {
    visibility: visible;
  }
a:link, a:visited {font-family: "ff-enzo-web", verdana, sans-serif; font-weight: bold; font-size: 1em; color:#277bd1; text-decoration: underline}
a:hover, a:active {font-family: "ff-enzo-web", verdana, sans-serif; font-weight: bold; font-size: 1em; color:#4db1fd; text-decoration: underline}
@media (min-width: 610px) and (max-width: 910px) {a:link, a:visited {text-decoration: underline}}
@media (min-width: 910px) {a:link, a:visited {text-decoration: underline}}