/* ------------------------*/
/*        all pages         */
/* ------------------------*/
#topBanner { width: 800px; height: 125px; background: white; text-align: left; position: relative; }
#navContainer { width: 701px; height: 32px; float:right; margin-top: 10px;  margin-right: 4px; }
#mainBody { width: 800px; height: 600px; overflow: hidden; }
h1 { font-family: Arial; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
ul { margin-top: 5px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px; }
li { line-height: 16px; }
body a:link { text-decoration: none; font-family: Arial; color: #FFE513; }
body a:visited { text-decoration: none; font-family: Arial; color: #FFE513; }
body a:active { text-decoration: none; font-family: Arial; color: #FFE513; }
#phoneNumberEmail { position: absolute; left: 625px; top: 10px; color: #415968; font-family: Arial; font-size: 12px; width: 170px; }
#phoneNumberEmail a:link { color: #D9541E; font-family: Arial; font-size: 12px; text-decoration: none; }
#phoneNumberEmail a:visited { color: #D9541E; font-family: Arial; font-size: 12px; text-decoration: none; }
#phoneNumberEmail a:active { color: #D9541E; font-family: Arial; font-size: 12px; text-decoration: none; }
/* end all pages */
html,body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}


/* ------------------------*/
/*      home page          */
/* ------------------------*/
/* main is a box that starts after the banner */
#main { position: relative; top: 0px; left: 0px; width: 800px; height: 675px; text-align: left; }
	/* home1 is also used ont he basic-sf-website programming page */
#home1 { width: 330px; height: 359px; background: #D9541E;  position: absolute; top: 0px; left: 0px; }
#home1A { margin: 10px; font-family: Arial; font-size: 12px; color: white; }
#home2 { width: 470px; height: 358px; background-image: url(images/sf-web-design-team.jpg); position: absolute; top: 0px; left: 330px; }
/* bottom blue bar */
#bluebar { background: #415968; height: 116px; width: 800px; position: absolute; top: 358px; left: 0px; }
#bluebarLeft { margin: 15px; font-family: Arial; font-size: 12px; color: white; width: 370px; position: absolute; }
#bluebarRight { margin: 15px; font-family: Arial; font-size: 12px; color: white;  width: 370px; position: absolute; left: 400px; }
.learnMore { margin-top: 5px; margin-left: 280px; }
.learnMore a:link { text-decoration: none; font-family: Arial; font-size: 12px; color: #FFE513; }
.learnMore a:visited { text-decoration: none; font-family: Arial; font-size: 12px; color: #FFE513; }
.learnMore a:active { text-decoration: none; font-family: Arial; font-size: 12px; color: #FFE513; }

/* ------------------------*/
/*      sites page         */
/* ------------------------*/
#sites2 { width: 470px; height: 358px; position: absolute; top: 0px; left: 330px;  position: relative; background-color: white; overflow: hidden;} /* right-hand box on the sites pages */
#websiteThumb { width: 300px; height: 235px; background: white;  position: absolute; top: 15px; left: 80px; cursor: pointer; }
#fullSiteCont { position: absolute; top: 257px; left: 300px; }
#siteDescr { position: absolute; top: 280px; left: 80px; font-family: Arial; font-size: 12px; color: black; width: 300px; height: 70px; }
#previousNextButtons { position: absolute; top: 324px; left: 324px; }
#sitesList { margin-top: 100px; }
#sitesList a:link { text-decoration: none; color: white; font-family: Arial; font-size: 12px;}
#sitesList a:visited { text-decoration: none; color: white; font-family: Arial; font-size: 12px;}
#sitesList a:active { text-decoration: none; color: white; font-family: Arial; font-size: 12px;}

/* ------------ */
/*   SEO pages  */
/* ------------ */
#seo0 { width: 470px; height: 360px; position: absolute; top: 0px; left: 330px;  background-color: #39619c; overflow: hidden; } /* right-hand box on the seo pages */
.seo1 { width: 460px; height: 330px; position: relative; top: 10px; left: 10px; font-family: Arial; font-size: 12px; color: white; overflow:scroll; overflow-x:hidden; overflow-y:scroll; scrollbar-face-color: #39619c;scrollbar-track-color: #88cbf8;scrollbar-arrow-color: black;scrollbar-highlight-color: ;scrollbar-3dlight-color: #305798;scrollbar-shadow-color: ;scrollbar-darkshadow-color: ;} /* right-hand box on the seo pages */