body, html {
   z-index: 0;
   background-color: white;
   margin: 0px;
   border: 0px;
   padding: 0px;
   font-size: 100%;
   height: 100%;
   font-family: Tahoma, sans serif;
}

table {
   font-size: 0.875em;
}

#caseStudy {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	background-color: #eaf7ff;
	border: 1px solid white;
}

#caseStudy tr.notLast {
   border: 5px solid #cde6f6;
}

#caseStudy td {
   padding-right: 5px;
   vertical-align: top;
}

.tablefill {
   width: 100%;
}

.firstParagraph {
   font-weight: bold;
}

a img {
   border: none;
}

a:link, a:visited {
   text-decoration: none;
}

a:hover {
   color: yellow;
}

a:active, a:focus, input:active, input:focus {
   outline: 0;
}

#wrapper {
   position: absolute;
   top: 0px;
   bottom: 0px;
   height: 100%;
   width: 100%;
   min-height: 600px;
   min-width: 960px;
   font-size: 100%;
   overflow: hidden;
   background-color: white;
}

#header {
   position: absolute;
   height: 148px;
   width: 100%;
   top: 0px;
   left: 0px;
   z-index: 1;
}

#logo {
   position: absolute;
   left: 1%;
   top: 8px;
   height: 132px;
   width: 209px;
}

#logo img {
   height: 100%;
   width: 100%;
}

#pictureHeader {
   position: absolute;
   top: 7px;
   height: 124px;
   left: 24%;
   width: 72%;
   text-align: center;
   z-index: 1;
}

#testimonialTicker {
   position: absolute;
   bottom: 0%;
   left: 24%;
   width: 75%;
   height: 4em;
   text-align: right;
   overflow: hidden;
   z-index: 9;
   background: url('../images/components/fadeDown.png') repeat-x bottom;
}

#ticker {
	position: absolute;
	right: 0px;
	bottom: 0.25em;
   display: block;
   overflow: hidden;
}

#ticker a {
	font-size: 0.8em;
   font-style: italic;
   color: #4ab5ee;
}

#ticker a:hover {
   color: #8ad0f4;
}

#ticker a:hover span {
   color: #5f6fab;
}

#ticker a span{
   color: #2a3c82;
}

#testimonialTicker img {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 9;
}

.topPicture {
   float: left;
   width: 31%;
   height: 100%;
   margin-left: 1.2%;
   margin-right: 1%;
}

.topPicture a {
   display: block;
   height: 100%;
   width: 100%;
}

.topPhoto {
   height: 100%;
   width: 100%;
   z-index: 5;
   font-size: 0px;
}

#bodyArea {
   position: absolute;
   top: 148px;
   width: 100%;
   bottom: 0px;
   left: 0px;
   z-index: 2;
}

#contentAreaCentral a:link, a:visited {
   color: #287fc2;
   font-weight: bold;
}

#contentAreaCentral a:hover {
   color: red;
   font-weight: bold;
}

#menuBar {
   position: absolute;
   height: 1.8em;
   top: 0%;
   left: 0%;
   width: 100%;
   /*line-height: 0em;*/
   border-top: 0.2em solid #4ab5ee;
   border-bottom: 0.16em solid #4ab5ee;
   z-index: 2; 
   overflow: hidden;
}

#menuBar img {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: -1;
}

#menu {
   position: relative;
   width: 100%;
   height: 1.8em;
   top: -1em;
   left: 0px;
   float: left;
   /*bottom: 100%;*/
   padding: 0em;
   list-style-type: none;
   line-height: 1.58em;
   text-align: center;
   vertical-align: middle;
   font-family: Tahoma, sans-serif;
   font-weight: bold;
   color: #4ab5ee;
   z-index: 9;
}

#menu li {
   height: 100%;
   display: inline;
   margin-left: 0.3em;
   margin-right: 0.3em;
   font-size: 1.3em;
   color: #2a3c82;
   position: relative;
   /*padding-top: 0.1em;
   padding-bottom: 0.18em;*/
}

#menu li a:link, #menu li a:visited {
   color: #fff;
   text-decoration: none;
}

#menu li a:hover {
   color: navy;
   text-decoration: none;
}

/*
#menu li a {
   position: relative;
   top: 0.08em;
   padding-top: 0.1em;
   padding-bottom: 0.1em;
}

#menu li a img {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: -1;
   visibility: hidden;
}

#menu li a:hover img {
   visibility: hidden;
}

}*/

#mainArea {
   position: absolute;
   left: 0%;
   top: 2.4em;
   bottom: 2.0em;
   width: 100%;
   background-color: #2389cc;
   z-index: 0;
}

#mainAreaInnerWrap {
   /* Content supplied by lt-IE7 CSS for transparency issue */
}

#mainAreaBlend {
   position: absolute;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   z-index: 0;
}

#sideMenu {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 40%;
   height: 100%;
   z-index: 1;
}

#sideMenu a:link, #sideMenu a:visited, #sideMenu a:hover {
   font-weight: normal;
}

#ticker a:link, #ticker a:visited, #ticker a:hover {
   font-weight: normal;
}

#sideCurveHolder {
	position: absolute;
	top: 0px;
	left: 0px;
   float: left;
   height: 100%;
   width: 100%;
}

#sideCurve {
   position: absolute;
   height: 100%;
   width: 100%;
}

.sideMenuArrow {
   vertical-align: middle;
}

.sideMenuHolder {
   position: absolute;
   left: 0px; 
   color: #2a3c82;
   height: 14%;  
   display: table;
   z-index: 9;
   background-repeat: no-repeat;
   background-position: 0% 50%;
}

.sideMenuHolder a:link, .sideMenuHolder a:visited {
   color: #374c9f;
}

.holderFrame {
   position: absolute;
   left: 0px;
   height: 3px;
   background-color: #4ab5ee;
   z-index: 2;  
   overflow: hidden;
}

#holderTopFrameTop {
   top: 4.6%;
   width: 79.8%;
}

#holderTopFrameBottom {
   top: 18.75%;
   width: 58.5%;
}

#holderTop {
   top: 4.8%; 
   width: 61%;
   background-image: url('../images/components/advertPricing.png');
   z-index: 1;
}

#holderMiddleFrameTop {
   top: 22%;
   width: 55.4%;
}

#holderMiddleFrameBottom {
   top: 36.6%;
   width: 46.5%;
}

#holderMiddle {
   top: 22.5%;
   width: 47%;
   background-image: url('../images/components/advertServices.png'); 
   z-index: 1;
}

#holderBottomFrameTop {
   top: 39.5%;
   width: 45.3%;
}

#holderBottomFrameBottom {
   top: 54.25%;
   width: 41.7%;
}

.holderLinkFill {
   height: 14%;
   display: block;
   position: absolute;
}

#holderLinkTop {
   width: 65%;
}

#holderLinkMiddle {
   width: 55%;
}

#holderLinkBottom {
   width: 45%;
}

#holderBottom {
   top: 40%;
   width: 40%; 
   background-image: url('../images/components/advertWarranty.png');
   z-index: 1;
}

#holderGuild {
   bottom: 0%; 
   width: 48%; 
   height: 11%; 
   font-size: 0.7em; 
   left: 10px;
}

.sideMenu {
   display: table-cell; 
   vertical-align: middle;
   width: 100%;
   height: 100%;
   font-size: 1.25em;
}

.sideMenuInner {
   display: block;
   vertical-align: middle;
   overflow: visible;
   text-align: center;
}

.sideMenuInner a {
   height: 1.25em;
}

#guildContainer {
   position: absolute;
   bottom: 11%;
   height: 34.75%;
   left: 0%;
   width: 41.5%;
   margin-top: 25%;
   display: table;
}

#guildPositioner {
   display: table-cell; 
   vertical-align: middle; 
   position: static;
   width: 100%;
   text-align: center;
}

#guildFilter {
   height: 127px;
   width: 112px;
   margin-left: auto;
   margin-right: auto;
}

#guildFilter img {
   display: block;
   height: 100%;
   width: 100%;
}

#guildText {
   display: table-cell; 
   vertical-align: middle;
   width: 100%;
   height: 100%;
}

#pageTitle {
   position: absolute;
   right: 2.5%;
   top: 0%;
   height: 5em;
   font-size: 100%;
   line-height: 5em;
}

#pageTitle h1 {
   text-align: right;
   font-size: 4em;
   margin: 0em;
   font-family: Times New Roman, serif;
   font-weight: normal;
   color: #287fc2;
}

.mainContent p#sectionTitle {
   font-size: 1.5em;
   margin-bottom: 0.583em;
}

#contentArea {
   position: absolute;
   left: 30.625%;
   width: 67.5%;
   top: 5em;
   bottom: 2.5em;
   z-index: 2;
}

#contentAreaTop {
   position: absolute;
   top: 0em;
   width: 100%;
   height: 1.5em;
   z-index: 2;
}

#contentAreaTop *, #contentAreaTop {
   padding: 0px;
   margin: 0px;
}

#contentAreaCentral {
   position: absolute;
   top: 1.4em;
   bottom: 1.4em;
   left: 0em;
   right: 0em;
   overflow: hidden;
   color: #2a3c82;
   background-color: #cde6f6;
   padding: 0 52px 0em 1.5em;
   z-index: 8;
}

#contentAreaCentral p, #contentAreaCentral ul {
   margin: 0 0 1.5em;
   font-size: 0.875em;
   text-align: justify;
}

#backlink {
   position: absolute;
   bottom: 0.8em;
   left: 0.8em;
   width: 200px;
   height: 1.5em;
   z-index: 8;
}

#backlink img {
   position: relative;
   top: 7px;
   width: 19px;
   height: 27px;
}

.centered, #contentAreaCentral p.centeredPara {
   text-align: center;
}

.centeredPara img {
   width: 184px;
   height: 140px;
}

.mainContent {
   width: 100%;
}

#testimonialText {
   width: 38%;
   text-align: left;
   float: right;
}

#testimonialText a {
   text-decoration: none;
   color: #2a3c82;
   font-weight: bold;
}

#testimonialText a:hover {
   color: #4ab5ee;
}

.TestimonialPage #contentAreaCentral p {
   text-align: left;
}

.testimonialDetail {
   float: left ;
   width: 50%;
}

.testimonialDetail p {
   margin: 0.375em;
}

#testimonialView {
	position: relative;
	display: block;
   padding: 1em;
   font-style: italic;
   text-align: center;
}

#testimonialView img {
   height: 30%;
}

.quoteImage {
   position: absolute;
   z-index: 0;
   width: 100%;
   height: 79px;
}

.quoteImage img {
   height: 100%;
}

#openQuote {
   top: 0px;
   text-align: left;
}

#closeQuote {
   bottom: 0px;
   text-align: right; 
   right: 1em;  
}

#testimonial {
   display: block;
   height: 100%;
   overflow: hidden;
   z-index: 5;
   position: relative;
   width: 100%;
}

.testimonialOuter {
   position: absolute;
   display: table;
   height: 100%;
   width: 100%;
   top: 0px;
   left: 0px;
   /*background-color: green;*/
}

.testimonialHolder {
   display: table-cell;
   height: 100%;
   vertical-align: middle;
   z-index: 1;
   /*background-color: blue;*/
}

.testimonialInner {
	text-align: center;
	/*background-color: green;*/
}

#testimonialsStartPage {
   display: block;
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   z-index: 0;
}

#testimonialsStartImage {
   position: absolute;
   top: 0px;
   width: 100%;
   bottom: 2.8em;
   left: 0px;
   z-index: 8;
   text-align: center;
}

#testimonialsStartImageHolder {
   position: absolute;
   height: 100%;
   width: 100%;
}

#testimonialsStartImage img {
   position: relative;
   height: 100%;
   margin: 0 auto;
}

#testimonialsStartCaption {
   position: absolute;
   bottom: 0px;
   left: 1%;
   width: 98%;
   z-index: 9;
   height: 2.5em;
   font-style: italic;
}

#contentAreaBottom {
   position: absolute;
   bottom: 0em;
   height: 1.5em;
   width: 100%;
   z-index: 2;
}

#mainScroll {
   position: absolute;
   bottom: 1.5em;
   right: 5px;
   width: 37px;
   line-height: 1em;
   z-index: 9;
   height: 62px;
   overflow: visible;
   background-image: url(../images/components/buttonBackground.png);
   visibility: hidden;
}

#upButton img, #downButton img {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   cursor: pointer;
}

#upButton, #downButton {
   position: relative;
   width: 100%;
   height: 50%;
   float: left;
   visibility: hidden;
   display: block;
   cursor: pointer;
   z-index: 1;
}

.corner {
   height: 100%;
   width: 1.5em;
   position: relative;
}

.corner img {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
}

#topLeftCorner, #bottomLeftCorner {
   float: left;
}

#topRightCorner, #bottomRightCorner {
   float: right;
}

.middleSegment {
   position: absolute;
   top: 0px;
   height: 100%;
   left: 1.4em;
   right: 1.4em;
   background-color: #cde6f6;
}

#quoteButton {
   position: absolute;
   right: 124px;
   bottom: 0px;
   height: 46px;
   width: 205px;
   z-index: 12;
   line-height: 0px;
}
.contactPage #quoteButton {
   display: none;
}

#quoteButtonOffset{
   position: relative;
   top: 50%;
   height: 46px;
   width: 205px;
}

#quoteButtonOffset img {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
}

#quoteButtonOffsetInner {
}

#quoteButtonOffsetInner a {
}
   
#bottomLine {
   position: absolute;
   bottom: 1.6em;
   width: 100%;
   background-color: #4ab5ee;
   height: 0.2em;
   overflow: hidden;
   z-index: 9;
}

#bottomText {
   position: absolute;
   width: 100%;
   bottom: 0.75em;
   height: 1em;
}

#bottomText div {
   line-height: 1.75em;
   font-size: 1em;
   vertical-align: middle;
   color: #4d4d4d;
}

#bookmark {
   position: relative;
   float: left;
   width: 20%;
   padding-left: 0.5em;
}

#bookmark img, #email img, #printOption img {
   position: relative;
   width: 25px;
}

#printOption {   
   position: relative;
   float: left;
   width: 20%;
   height: 100%;
   line-height: 1.5em;
}

#printOption a {   
   color: #4d4d4d;
}

#email {
   float: left;
   width: 30%;
   text-align: center;
}

#designBy {
   position: relative;
   height: 100%;
   line-height: 1.5em;
   float: right;
   vertical-align: middle;
   padding-right: 0.5em;
}

.bottomItem a img {
   vertical-align: middle;
}

.bottomItem a span, #designBy a img {
   height: 1.5em;
   display: inline;
   vertical-align: middle;
   color: #4d4d4d;
   overflow: hidden;
   font-weight: normal;
}

#designBy a img {
   position: relative;
   top: 0.11em;
}

#invisibleSizer {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 1em;
   height: 1em;
   z-index: -9;
}

#submitButton {
}

#servicesContent, #portfolioContent {
   height: 100%;
   width: 100%;
   /* Needed to stop buttons being cut off in Firefox */
   overflow: visible;
   z-index: 7;
}

#servicesContent a:link, #servicesContent a:visited, #servicesContent a:hover,  #portfolioContent a:link, #portfolioContent a:visited, #portfolioContent a:hover {
   font-weight: normal;
}

.servicesLinkFill {
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   text-align: center;
   z-index: 9;
}

.menuImageBacker {
	float: right;
	height: 100%;
	text-align: right;
}

.menuImageBacker img {
	height: 100%;
	display: inline;
	position: relative;
}

.servicesLink {
   position: relative;
   height: 20%;
   width: 48%;
   display: inline;
   background-color: #eaf7ff;
   text-align: right;
   cursor: pointer;
   border: 2px solid white;
}

.portfolioLink {
   position: relative;
   height: 20%;
   width: 100%;
   display: inline;
   background-color: #eaf7ff;
   text-align: center;
   cursor: pointer;
   border: 2px solid white;
}

#commercialServices {
}

.slLeft {
	float: left;
}

.slRight {
	float: right;
}

.servicesSeparator {
   width: 100%;
   height: 3%;
   float: left;
}
   
.servicesMenuHolder {
	position: absolute;
	left: 0px;
	top: 0px;
   display: table;
   height: 100%;
   width: 100%;
}

.servicesMenu {
   display: table-cell;
   vertical-align: middle;
}

.servicesMenuInner a, .servicesMenuInner a:visited, .servicesMenuInner a:hover {
   font-size: 1.5em;
   display: block;
   text-align: left;
   padding-left: 2em;
   color: #374c9f;
}

.pageInsertRight {
	padding-left: 20px;
	padding-bottom: 10px;
	width: 35%;
   float: right;
}

.pageInsertLeft {
   /*align: left;*/
   padding-right: 20px;
   padding-bottom: 10px;
   width: 35%;
   float: left;
}

.formError {
   color: red;
}

.fieldError {
   color: red;
}

.warn {
   color: maroon;
}

.invalid {
   background-color: #FFE0E0;
   border-color: red;
   border-style: solid;
}

.checked {
   background-color: #E0FFE0;
   border-color: green;
   border-style: solid;
}

td {
	vertical-align: bottom;
}

#submitCell {
   vertical-align: middle;
}

.formFill {
   width: 80%;
}

#squashCell {
   width: 15%;
}

#servicesText {
   vertical-align: middle;
}

.mainContentProcess {
   position: absolute;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
}

.processBox {
	display: block;
   height: 3.5em;
   position: absolute;
   top: 1%;
   width: 10%;
   overflow: hidden;
   cursor: pointer;
   padding: 5px;
   text-align: center;
   color: white;
}

.processBox img {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: -1;
}

#processbox1 {
	left: 2%;
}
		
#processbox2 {
	left: 16%;
}
		
#processbox3 {
 	left: 30%;
}

#processbox4 {
   left: 44%;
}

#processbox5 {
   left: 58%;
}

#processbox6 {
   left: 72%;
}

#processbox7 {
   left: 86%;
}

#processText {
   height: 100%;
   width: 100%;
}

#processView {
	position: absolute;
   top: 43%;
   width: 90%;
}

#arrowContainer {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 3.5em;
   width: 100%;
   display: table;
   z-index: -1;
}

.processArrow {
   position: absolute;
   top: 1.75em;
   width: 14px;
   height: 7px;
}

#arrow1 {
   left: 14%;
}

#arrow2 {
   left: 28%;
}

#arrow3 {
   left: 42%;
}

#arrow4 {
   left: 56%;
}

#arrow5 {
   left: 70%;
}

#arrow6 {
   left: 84%;
}

#improvementsNotice {
   display: block;
   border: 1px solid #fae22f;
   background-color: #ffffcc;
   text-align: center;
   padding: 5px;
   margin-bottom: 10px;
}

.testimonialQuoteHolder {
   position: relative;
   display: block;
   background-color: #eaf7ff;
   border: 2px solid white;
   width: 95%;
   font-size: 0.875em;
   margin-bottom: 0.4em;
   padding: 0.25em;
   height: 10%;
   font-weight: bold;
   color: #4ab5ee;
}

.testimonialQuoteHolder span {
   color: #374c9f;
}

.testimonialQuoteLink {
   position: absolute;
   height: 100%;
   width: 25%;
   top: 0px;
   left: 0px;
   background-color: white;
}

#lastImages {
   width: 100%;
   text-align: center;
}

#lastImages img {
   width: 40%;
   margin-left: 3%;
   margin-right: 3%;
}

.testimonialLinkOuter {
   position: absolute;
   display: block;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 9;  
}

.testimonialLocation {
   font-weight: normal;
}

.testimonialLinkInner, .testimonialLinkInner:visited, .testimonualLinkInner:link {
   display: inline;
   position: relative;
   color: #4ab5ee;
}

.mainContentTestimonials {
   position: absolute;
   top: 1.4em;
   bottom: 1.4em;
   left: 2%;
   width: 56%;
   z-index: 9;
   border-right: 1px solid #4ab5ee;
   color: #374c9f;
   font-size: 0.875em;
   overflow: hidden;
}

.sideAdvertPic {
   position: absolute;
   top: 0px;
   right: 0px;
}

.transPicHolder {
   height: 100%;
   width: auto;
   background-color: red;
}

#currentDate {
   font-weight: bold;
}

#portfolioAdvert {
   height: 300px;
}

#propertyAdvertPage {
   text-align: center;
}