img, div, td, body, span, a{ behavior: url('iepngfix.htc'); }

body,html{
    margin: 0px;
    height:100%;
    min-height:100%;
    color:#e1e5cc;
    background-color: #d9dec1;
    font-family: sans-serif;
}

#pageContainer {
    margin: 0px auto;
    width:900px; 
}


#pageTop{
    width:900px;
    height:149px;
    background: rgb(209,214,179);
    background: -moz-linear-gradient(top, rgba(209,214,179,1) 0%, rgba(197,203,165,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,214,179,1)), color-stop(100%,rgba(197,203,165,1)));
    background: -webkit-linear-gradient(top, rgba(209,214,179,1) 0%,rgba(197,203,165,1) 100%);
    background: -o-linear-gradient(top, rgba(209,214,179,1) 0%,rgba(197,203,165,1) 100%);
    background: -ms-linear-gradient(top, rgba(209,214,179,1) 0%,rgba(197,203,165,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d6b3', endColorstr='#c5cba5',GradientType=0 );
    background: linear-gradient(top, rgba(209,214,179,1) 0%,rgba(197,203,165,1) 100%);
}
#pageLogo{
    width:347px; height:149px;
    background-image: url('graphics/Body-Logo.png'); background-repeat: no-repeat;
    background-position: left center;
    float:left;
}

#pageTopInfo{
    float: right;
    color: #635144;
    padding: 105px 30px 0px 0px;
    font-size: 20px;
    text-align: right;
    font-family: Georgia, serif;
}

#pageHeader{  width:900px; height:308px; background-color: #8db9ab;  }

#photoBlockWebDev{ background-image: url('graphics/Frame-WebDev.jpg'); background-repeat: no-repeat; width:900px; height:308px; background-position:center;}
#photoBlockMarketing{ background-image: url('graphics/Frame-Marketing.jpg'); background-repeat: no-repeat; width:900px; height:308px; background-position:center;}
#photoBlockPhotography{ background-image: url('graphics/Frame-Photography.jpg'); background-repeat: no-repeat; width:900px; height:308px; background-position:center;}
#photoBlockGFX{ background-image: url('graphics/Frame-GFX.jpg'); background-repeat: no-repeat; width:900px; height:308px; background-position:center;}


/* New Slideshow */
#photoBlockSkyline{ background-image: url('graphics/Frame-Skyline-Photo.jpg'); background-repeat: no-repeat; width:900px; height:308px; background-position:center;}

.photoBlock{
    width:900px; height:308px;
    position:absolute;
}
.photoBlockText{
    text-shadow: 2px 2px 4px #000;
    font-size: 35px;
    position: absolute;
    bottom: 20px;
    left: 30px;
    font-family: Georgia , serif;
}


#pageMenu{
    width:100%;
    height:52px;  
    background: rgb(124,165,163);
    background: -moz-linear-gradient(top, rgba(124,165,163,1) 0%, rgba(107,152,150,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,165,163,1)), color-stop(100%,rgba(107,152,150,1)));
    background: -webkit-linear-gradient(top, rgba(124,165,163,1) 0%,rgba(107,152,150,1) 100%);
    background: -o-linear-gradient(top, rgba(124,165,163,1) 0%,rgba(107,152,150,1) 100%);
    background: -ms-linear-gradient(top, rgba(124,165,163,1) 0%,rgba(107,152,150,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca5a3', endColorstr='#6b9896',GradientType=0 );
    background: linear-gradient(top, rgba(124,165,163,1) 0%,rgba(107,152,150,1) 100%);
}

#pageMenu a{
    color: #e1e5cc;
    text-decoration:none;
}
#pageMenu a:hover{
    color: #e1e5cc;
}
.menuButton{
    height: 52px;
    font-size: 19px;
    text-align: center;
    line-height: 53px;
    font-weight: normal;
    cursor: pointer;
    font-family: Georgia, serif;
}


#pageContent{
    width:800px;
    background-color:#5a7d80;
    padding: 20px 50px 20px 50px;
    line-height: 22px;
}

#pageContentCopy{ }

#pageFooter{
    width:100%;
    height:105px; 
    background: rgb(112,95,84);
    background: -moz-linear-gradient(top, rgba(112,95,84,1) 0%, rgba(101,85,74,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,95,84,1)), color-stop(100%,rgba(101,85,74,1)));
    background: -webkit-linear-gradient(top, rgba(112,95,84,1) 0%,rgba(101,85,74,1) 100%);
    background: -o-linear-gradient(top, rgba(112,95,84,1) 0%,rgba(101,85,74,1) 100%);
    background: -ms-linear-gradient(top, rgba(112,95,84,1) 0%,rgba(101,85,74,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#705f54', endColorstr='#65554a',GradientType=0 );
    background: linear-gradient(top, rgba(112,95,84,1) 0%,rgba(101,85,74,1) 100%);
}
#pageFooterContent{
    margin: 0px auto;
    height:105px;
    line-height:105px;
    text-align: center;
}



.pageButton{
    -moz-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -webkit-border-radius:10px;
    float:right; clear:right; margin:5px 10px 8px 5px; width:200px;height:30px;font-size:18px;line-height:30px;background-color:#5f8d8b;padding:4px;text-align:center;cursor:pointer;
}
.pageButton:hover { background-color: #80aba9; }

.bigcommerceButton{
    -moz-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -webkit-border-radius:10px;
    float:right; clear:right; margin:5px 10px 8px 5px; width:200px;
    background-color:#fff;
    padding:8px 4px 3px 4px;
    cursor:pointer;
    text-align: center;
}
.bigcommerceButton:hover { background-color: #FFFFD0; }

.otherpageButton{
    width:auto; background-color:#5f8d8b;line-height:34px;font-size:18px;text-align:center;cursor:pointer;
}

#pageBox{ clear:none;float:left; width:320px; margin:5px 20px 10px 0px;}
.pageBoxHeader{
    width:auto; height:34px;background-color:#cbd1ad;color:#55797e;font-size:23px;line-height:35px;padding-left:10px;
}
.pageBoxDiv{ clear:both; width:auto; height:5px;background-color:#f0a53c; }
.pageBoxContent{
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    background-color:#537073;padding:6px 0px 25px 15px;
}

.pageDiv{background-color:#6b9896;height:5px;width:auto;margin-bottom:10px;}
.servicesBox{ padding:5px 0px 5px 120px;line-height:22px; }

.portfolioBox{float:left;width:257px;margin: 10px 9px 2px 0px;}
.portfolioBoxDiv{float:left;width:14px;margin:10px 0px 10px 0px;}
.portfolioBoxHeader{
    text-align:center;
    width:auto;
    height:34px;
    background-color:#cbd1ad;
    color:#55797e;
    font-size:17px;
    line-height:35px;
}
.portfolioBoxContent{
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    background-color:#537073;
    padding:6px;
    text-align:center;
    font-size: 15px;
}


.textFooter { font-size:14px;}
.textHeader { font-size:25px; color:#a4c9bc;}
.textSubHeader { font-size:28px; }
.textBreadCrumb{ font-size:18px; line-height:30px;}
.textList{ font-size:18px; }

.newsHeader { font-size:20px; color:#a4c9bc;}
.newsSubHeader { font-size:18px; color:#a4c9bc;}
.newsDate { font-size:16px; color:#87afa1; font-style: italic;}
.newsSubDate { font-size:14px; color:#87afa1; font-style: italic;}
.newsDesc { font-size:18px; }
.newsSubDesc { font-size:16px; }
.newsDiv{background-color:#6b9896;height:2px;width:auto;}

.newsBox{float:left;width:385px;margin:5px 0px 10px 0px;}
.newsBoxDiv{float:left;width:14px;margin:5px 0px 10px 0px;}
.newsImageBox{width:150px; height:100px;float:left; margin:10px 10px 10px 0px;}
.newsSubBox{width:640px;float:left; margin:10px 0px 10px 0px;}

.newsFullBox{ margin:10px 0px 10px 0px;}
.newsFullBoxImage{ float:right; width:250px;height:250px;margin:5px 0px 10px 10px;}

.newMiniBox { line-height:25px;}
.newMiniHeader{ font-size:16px;}
.newMiniDate{ font-size:14px;font-style: italic;}

a:link {color: #a4c9bc;text-decoration: none;}
a:visited {color: #a4c9bc;text-decoration: none;}
a:hover {color: #a4c9bc;text-decoration: underline;}
a:active {color: #a4c9bc;text-decoration: none;}

a.BreadCrumb:link {color: #e1e5cc;text-decoration: none;}
a.BreadCrumb:visited {color: #e1e5cc;text-decoration: none;}
a.BreadCrumb:hover {color: #e1e5cc;text-decoration: underline;}
a.BreadCrumb:active {color: #e1e5cc;text-decoration: none;}