html,body,form {
    /* Firefox needs the form tag for height=100% */
  	height: 100%;
  	margin: 0;
  	padding: 0;
	background-color: #8E8D8D;
	text-align: center;	
}

/*** Begin Background Layer 1 of 3 ***/
#bgwrapper 
{
    /* Gray Gradient */
	background:#cbcbcb url('../images/bg_graygradient.jpg') repeat-x top;
	margin-right:-86px;
}
#bgheader
{
    /* Clouds */
	background:url('../images/bg_clouds.jpg') repeat-x 60px;
	z-index:0;
	height: 350px;
	width: 100%;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
}
#bgmiddle
{
    /* City */
	position:absolute;
	bottom:115px;
	left:0px;
	right:0px;
    height:227px;
	background: url('../images/bg_city.gif') repeat-x top;
	z-index:1;
}
#bgleft, #bgright
{
    /* Scrape Design */
    background:url('../images/bg_scrape.png') repeat-y -289px 0px;
    position:absolute;
    z-index:1;
    width:289px;
    height:100%;
    top:0px;
}
#bgleft
{
    /* Right Side of Scrape Sprite */
    background-position:-289px 0px;
    left:0px;
}
#bgright
{
    /* Left Side of Scrape Sprite */
    background-position:0px 0px;
    right:0px;
}
#bgfooter 
{
    /* Grass */
	height: 115px;
	z-index:1;
	background:#525e0e url('../images/bg_middlegrass.jpg') repeat-x;
}
/*** End Background Layer 1 of 3 ***/
/*** Begin Middle Content Layer 2 of 3 ***/
#wrapper 
{
    /* Middle Layer Full Screen Wrapper */
	width: 776px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	display: table; /*** For non-IE browsers ***/
	height: 100%;
}
#container 
{
    /* Middle Layer Holder */
	width:776px;
	height: 100%;
	top:0px;
	bottom:0px;
	position: absolute;
	z-index:2;
    background:url('../images/bg_signholder.gif') repeat-x  0px 190px;  
}
#header 
{
    /* Logo and Links */
	height: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #FFFFFF;
	width: 614px;
	position:absolute;
	top:0px;
	left:90px;
	text-align:center;
	margin-left:-8px;
	z-index:3;
}
#leftsign, #rightsign
{
    /* Logo area on the left and right that holds links */
    padding-bottom:12px;
}
#leftheadlinks, #rightheadlinks
{
    /* Container for the Header Links */
    position:absolute;
    top:45px;
    text-align:left;
    width:120px;
}
#leftheadlinks a, #rightheadlinks a
{
    /* Header Links Font Design */
    color:#e7b26f;
    font:12pt Arial narrow, Arial;
    text-decoration:none;
}
#leftheadlinks a:hover, #rightheadlinks a:hover
{
    /* Header Links Hover Font Design */
    color:#fcf7ed;
    font-weight:bold;
}
#leftheadlinks{left:17px;}
.Logo{/* Main Logo */border:0px;}
#rightheadlinks{right:5px;}
.linkimg
{
    /* Header Link Sign Icons */
    width:27px;
    height:28px;
    background:url('../images/sprite_link_icons.gif') no-repeat;
    display: -moz-inline-box; /** Firefox 2 Fix **/
    display:inline-block;
    vertical-align:text-top;
    margin-right:7px;
    margin-top:7px;
}
.contact{background-position:0px 0px;}
.gallery{background-position:-27px 0px;}
.services{background-position:-54px 0px;}
.clients{background-position:-80px 0px;}
#leftcap, #rightcap
{
    /* Left and Right Column Caps */
    height:35px;
    width:100%;
}
#left, #right, #rightlinksbg, #leftlinksbg 
{
    /* Left and Right Container */
    position:absolute;
    width:106px;
    top:0px;
    bottom:0px;
	z-index:2;
}
#rightlinksbg, #leftlinksbg
{
    /* Left and Right Columns */
	background:url('../images/bg_leftcolumn.jpg') repeat-y 0px -5px;
    top:35px;
	text-align:center;
}
#left{left:0px;}
#right{right:0px;}
#leftlinks{
    margin-left:-10px;
}
#content, #footer, #links {
  	width: 552px;
  	margin-left:112px;
}
#content
{
    /* Main Content Under Logo */
    font:12pt Arial narrow, Arial;
    color:#4e3191;
}
.contentbg
{
    /* Main Content Background */
    padding:5px;	
    background:#fcf7ed url('../images/bg_content.jpg') repeat-x bottom;
    border:black solid 1px;
}
#mainContent{min-height:400px;}
.portfolio
{
    /* Portfolio */
    border:#986f3b solid 2px;
    margin:2px 2px 7px;   
    background-color:#2e8cfa;
    height:75px;
    text-align:center;
    vertical-align:middle;
}
.scroll
{
    /* Main Content Scroll (if needed) */
    overflow:auto;
    max-height:480px;   
    overflow-x:hidden; /** CSS3 **/
}
#footer 
{
    /* Copyright */
	height: 50px;
	bottom:210px;
	z-index:2;
	text-align:center;
}
#footer, #rightlinksbg, #rightlinksbg a, #leftlinksbg, #leftlinksbg a
{
    /* Container for the column links */
	font-family:arial narrow, arial;
	font-size:9pt;
	font-weight:bold;   
	text-decoration:none;
	color:#4d4c4c;   
}	
#rightlinksbg a:hover, #leftlinksbg a:hover
{
    color:Black;
    font-style:italic;
    text-decoration:underline;
}
#leftfooterholder, #rightfooterholder
{
    /* Copyright Sign Holders */
    position: absolute;
	z-index:2;
    background:url('../images/bg_signholder.gif') repeat-x 0px 5px;  
    width:6px;
}
#leftfooterholder{left:106px;}
#rightfooterholder{right:106px;}
.clear {clear: both;}
/*** End Middle Content Layer 2 of 3 ***/
/*** Begin Front Layer 3 of 3 ***/

#feheader
{
    /* Login Link on the Top-Right */
    z-index:4;
    top:10px;
    width:100px;
	position:absolute;
	top:0px;
	right:0px;
}
#login
{
    /* Login Link on the Top-Right */
    float:right;
    font:8pt arial narrow, arial;
    margin-right:10px;
}
#fefooter
{	
    /* Grass */
	height: 53px;
	z-index:4;
	background:url('../images/bg_frontgrass.png') repeat-x;
}

/*** End Front Layer 3 of 3 ***/
/*** Begin Shared Attributes ***/
#bgwrapper, #fewrapper
{
	position: absolute;
	height: 100%;
	width:100%;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}
#bgfooter, #fefooter
{
	width: 100%;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
}
#left, #right, #wrapper, #bgwrapper, #fewrapper, #container {min-height:750px;}
#wrapper, #bgwrapper, #fewrapper, #bgheader, #bgmiddle, #bgfooter{min-width:776px; /* Left + Center + Right - Left Padding */}
/*** End Shared Attributes ***/

/*** Start WYSIWYG Editor ***/
/* Toolbar */
.toolbar1   { border: 1px solid #666666; height: 26px; background-image: url(../icons/background_silver.jpg); }
.toolbar2   { border: 1px solid #666666; height: 24px; background-image: url(../icons/background_silver.jpg); border-bottom: 0px; border-top: 0px; }

/* Command Buttons */
.button     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }

/* Font Type and Size Drop Down */
.dropdown          { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px; }
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}

/* CREATE TABLE POPUP */

/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.selectColorTable  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }
.selectColorBox    { border: 1px solid #FFFFFF; font-size: 1px; height: 13px; width: 13px; }
/*** Start WYSIWYG Editor ***/