/* layout.css İFactor of 4, LLC 2009*/
/*Wendy Morris*/

body          { background-color: white; background-image: url("../images/body-bg.jpg"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; top: 0; left: 0 }
/* container */
div#container      { visibility: visible; position: absolute; top: 0; left: 0; width: 99%; height: 100% }
/* header area */
div#header               { background-image: url("../images/header-bg1.jpg"); background-repeat: no-repeat; text-align: left; visibility: visible; position: relative; z-index: 6; top: 0; left: 0; width: 850px; height: 115px }
/* main navigation area */
#mainnav             { font-style: normal; background-image: none; text-align: left; visibility: visible; position: absolute; z-index: 5; top: 95px; width: 850px; height: 20px }
#menu1              { font-style: normal; background-image: none; text-align: left; visibility: visible; position: absolute; top: 0; left: 120px; width: 80px; height: 20px }
#menu2                { font-style: normal; background-image: none; text-align: left; visibility: visible; position: absolute; top: 0; left: 200px; width: 80px; height: 20px }
#menu3               { font-style: normal; background-image: none; text-align: left; visibility: visible; position: absolute; top: 0; left: 280px; width: 100px; height: 20px }
#menu4                { font-style: normal; background-image: none; text-align: left; visibility: visible; position: absolute; top: 0; left: 380px; width: 80px; height: 20px }
#menu5               { font-style: normal; background-image: none; text-align: left; visibility: visible; position: absolute; top: 0; left: 460px; width: 150px; height: 20px }
#menu6   { font-style: normal; background-image: none; text-align: left; visibility: visible; position: absolute; top: 0; left: 620px; width: 80px; height: 20px }
#menu7   { font-style: normal; background-image: none; text-align: left; visibility: visible; position: absolute; top: 0; left: 700px; width: 150px; height: 20px }
/* main content area */
div#maincontent          { text-align: left; visibility: visible; position: relative; top: -3px; width: 850px; height: 100% }
.bg-home    { background-image: url("../images/main-bg-home.jpg"); background-repeat: no-repeat }
.bg-dark     { background-image: url("../images/main-bg-darkblue.jpg"); background-repeat: no-repeat }
.bg-blue     { background-image: url("../images/main-bg-blue.jpg"); background-repeat: no-repeat }
.bg-roots     { background-image: url("../images/main-bg-roots.jpg"); background-repeat: no-repeat }
.bg-blank  { background-image: url("../images/main-bg-blank.jpg"); background-repeat: no-repeat }
.bg-services { background-image: url("../images/main-bg-services.jpg"); background-repeat: no-repeat }
.bg-works  { background-image: url("../images/main-bg-works.jpg"); background-repeat: no-repeat }
.bg-alia { background-image: url("../images/main-bg-alia.jpg"); background-repeat: no-repeat }
.bg-banff { background-image: url("../images/main-bg-banff.jpg"); background-repeat: no-repeat }
.bg-clients { background-image: url("../images/main-bg-clients.jpg"); background-repeat: no-repeat }
.bg-news { background-image: url("../images/main-bg-news.jpg"); background-repeat: no-repeat }
.bg-contact { background-image: url("../images/main-bg-contact.jpg"); background-repeat: no-repeat }
div#main-strut-vertical     { position: relative; top: 0; height: 100%; float: left }
div#clear-main-area   { margin: 0; position: relative; top: 0; width: 100%; height: 100%; clear: both }
/*left sidebar*/
div#leftsidebar         { text-align: left; visibility: visible; position: relative; top: 40px; left: 0; width: 200px; height: 100%; float: left }
/* centercontent area */
div#centercontent         { text-align: left; visibility: visible; position: absolute; top: 40px; left: 210px; width: 640px }
/*right sidebar*/
div#rightsidebar    { text-align: left; visibility: visible; position: absolute; top: 0; left: 850px; width: 150px; height: 500px; float: right }
/* toolbar area */

div#toolbar         { text-align: left; visibility: visible; position: relative; top: 10px; width: 700px; height: 25px }

/* footer area */

div#footer         { text-align: center; visibility: visible; position: relative; top: 5em; left: 0; width: 850px; height: 50px; float: left }
.darkbluebg { background-color: #036 }
.bluebg { background-color: #acc0cd }