/*

Layout
*/
html {
   background: url(images/gradient.jpg) repeat-x;
   background-color: #1e1e1e;
   height: 100%;
}
body {
   background: url(images/body_bkgd.jpg) no-repeat left bottom;
   font-family: Arial, Helvetica, sans-serif;
   height: 880px;
   margin: 0;
   padding: 0;
   text-align: left;
   z-index: 0;
}
#tiny {
   font:  Arial, Helvetica, sans-serif;
   font-size:7px;
   list-style: none;
   margin: 0;
   padding: 5px 0 0 5;
}
div#shell {
   margin: 0 0 0 30px;
   padding: 20px 0 0 0;
   position: relative;
   width: 1000px;
   z-index: 50;
}
div#head {
   margin: 0;
   padding: 0;
   overflow: hidden;
   width: 1000px;
   height: 80px;
}
#head h1 {
   
   margin: 0;
   padding: 0;
   position: absolute;
   left: 0;
   top: 38px;
   width: 212px;
   height: 38px;
}
#head h1 span {
   color: #003A66;
   display: block;
   font: normal normal 0px/0px Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   height: 100%;
}
/*#head h1 a {
   color: #003A66;
   cursor: pointer;
   display: block;
   font: normal normal 0px/0px Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   height: 100%;
   text-decoration: none;
}*/
div#previewerHidden {
   /*used on pages to avoid positioning shells*/
   float: left;
   margin: 15px 0 0 0;
   padding: 0 8px;
   width: 204px !important;
   width /**/: 220px;
   height: 220px;
}
div#leftContentShell {
   float: left;
   margin: 0 0px;
   padding: 0;
   overflow: hidden;
   width: 710px;
   height: 100%;
}
div#leftCntTop {
   margin: 0;
   padding: 0;
   width: 700px;
   height: 12px;
}
#leftCntTop img {
   border: none;
   width: 700px;
   height: 12px;
}
div#leftCntBody {
   background: url(images/leftCntBody_bkgd.png) repeat-x;
   background-color: #4e4d49;
   clear: both;
   margin: 0;
   padding: 0px 0px;
   overflow: hidden;
   width: 700px !important;
   width /**/: 700px;
   min-height: 420px;
   height: expression(this.scrollHeight < 420 ? "420px" : "auto");
}
#leftCntBody h1, #leftCntBody h1.smallIcons, #leftCntBody h1.bigIcons, #leftCntBody h1.glossIcons {
   font: normal normal 1.5em/1.7em Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0 0 0 40px;
   height: 50px;
}
#leftCntBody h1.smallIcons {
   padding: 0 0 0 35px;
}
#leftCntBody h1.bigIcons {
   padding: 0 0 0 45px;
}
#leftCntBody h1.glossIcons {
   line-height: 2.8em;
   padding: 0 0 0 62px;
}

ul#leftCntList1, ul#leftCntList3 {
   border-bottom: 1px dotted #CED7CD;
   margin: 0 0 15px 0;
   padding: 0 0 15px 0;
   width: 100%;
}
#leftCntList1 li, #leftCntList3 li {
   background: url(images/navarrow.png) no-repeat 0 0;
   font: normal normal 1em/1.4em Arial, Helvetica, sans-serif;
   list-style: none;
   margin: 5px 0 0 0;
   padding: 0 0 0 15px;
   width: 400px !important;
   width /**/: 420px;
}
ul#leftCntList3 {
   border: none !important;
}
img#latestNews {
   border: none;
   float: left;
   width: 174px;
   height: 38px;
}
div#view_rss {
   float: right;
   margin: 0;
   padding: 0;
   color: #CED7CD;
}
a.rss {
   margin: 0;
   padding: 0;
}
a.rss img {
   border: none;
   width: 31px;
   height: 12px;
   vertical-align: bottom; /* IE 6 */
   vertical-align /**/: middle; /* ie7, firefox, opera */
}
ul#leftCntList2 {
   clear: both;
   margin: 0;
   padding: 5px 0 0 0;
   width: 420px;
}
#leftCntList2 li {
   font: normal normal 1em/1.4em Arial, Helvetica, sans-serif;
   list-style: none;
   margin: 0;
   padding: 5px 0 0 0;
}
div#leftCntBottom {
   margin: 0;
   padding: 0;
   width: 700px;
   height: 12px;
}
#leftCntBottom img {
   border: none;
   width: 700px;
   height: 12px;
}
div#foot {
   background: url(images/foot_bkgd.png) no-repeat;
   margin: 5px 0 0 0;
   padding: 0 15px;
   width: 300px !important;
   width /**/: 330px;
   height: 50px;
}
#foot p {
   color: #34424d;
   /*color: #233340;*/
   font: normal normal 0.9em/1.5em Arial, Helvetica, sans-serif;
   margin: 5px 0 0 0 !important;
   padding: 0 !important;
}
div#rightContentShell {
   float: left;
   margin: 0;
   padding: 0;
   overflow: hidden;
   width: 160px;
}
div.infoHolderTop {
   margin: 0;
   padding: 0;
   width: 160px;
   height: 6px;
}
.infoHolderTop img {
   border: none;
   width: 160px;
   height: 6px;
}
div.infoHolderBody {
   background: url(images/infoHolderBody_bkgd.png) repeat-y;
   margin: 0;
   padding: 0 8px;
   width: 144px !important;
   width /**/: 160px;
}
.infoHolderBody img {
   border: none;
}
img.distribution, img.webDesign {
   width: 135px;
   height: 35px;
}
img.graph {
   width: 55px;
   height: 51px;
   float: right;
   margin-top: 15px;
}
img.question3 {
   width: 55px;
   height: 51px;
   float: right;
   margin-top: 18px;
}
img.mediaStreaming {
   width: 133px;
   height: 41px;
}
.infoHolderBody p {
   font-size: 0.9em;
}
.infoHolderBody a {
   background: url(images/navArrow.png) no-repeat 0 4px;
   padding: 0 0 0 8px;
}
div.infoHolderBottom {
   margin: 0 0 5px 0;
   padding: 0;
   width: 160px;
   height: 6px;
}
.infoHolderBottom img {
   border: none;
   width: 160px;
   height: 6px;
}
img.roadSign {
   border: none;
   cursor: pointer;
   margin: 0;
   padding: 0;
   position: absolute;
   left: 54px;
   top: 560px;
   width: 186px;
   height: 326px;
}
/*

Interior Pages
*/
img.section {
   width: 113px;
   height: 20px;
}
img.related {
   width: 99px;
   height: 21px;
}
img.portfolio {
   width: 36px;
   height: 31px;
}
img.house {
   width: 32px;
   height: 31px;
}
/*

Portfolio Page
*/
div#previewer {
   background: url(images/previewer_bkgd.png) no-repeat;
   float: left;
   margin: 15px 0 0 0;
   padding: 0 8px;
   width: 204px !important;
   width /**/: 220px;
   height: 220px;
}
#previewer h1 {
   font: normal bold 1.1em/2em Arial, Helvetica, sans-serif;
   margin: 5px 0 0 0;
   padding: 0;
   width: 200px;
   height: 26px;
}
#previewer img {
   border: none;
   margin: 5px 0;
   padding: 0;
   width: 200px;
   height: 160px;
}
#previewer a {
   background: url(images/navArrow.png) no-repeat 0 1px;
   display: block;
   font: normal normal 0.8em/1em Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0 0 0 8px;
   width: 60px;
}
div.portfolio_thumb_list {
   margin: 0;
   padding: 0;
}
.portfolio_thumb_list a {
   margin: 0;
   padding: 0;
   width: 50px;
   height: 50px;
   text-decoration: none !important;
}
.portfolio_thumb_list img {
   border: 1px solid #FFF;
   margin: 0 15px 15px 0;
   padding: 0;
}
/*ul#portfolioThumbs {
   margin: 0;
   padding: 0;
   width: 420px;
}
#portfolioThumbs li {
   display: inline;
   float: left;
   list-style: none;
   margin: 10px 20px 10px 0;
   padding: 0;
   width: 52px;
   height: 52px;
}
a.portThumb {
   cursor: pointer;
   display: block;
   margin: 0;
   padding: 0;
   width: 50px;
   height: 50px;
}
a:hover.portThumb {
   border: 1px solid #FFF;
}
*html a:hover.portThumb {
   border: 1px solid #FFF;
}
a.portThumb img {
   border: none;
   width: 50px;
   height: 50px;
}
/*

Previewer Expandable Version (currently not in use)
*/
div#previewerShell {
   float: left;
   margin: 20px 0 0 0;
   padding: 0;
   width: 220px;
   height: 26px;
}
div.previewerTop {
   background: url(images/previewerTop_bkgd.png) no-repeat;
   margin: 0;
   padding: 0 8px;
   width: 204px !important;
   width /**/: 220px;
   height: 26px;
}
.previewerTop h1 {
   color: #FFF;
   font: normal normal 1em/2em Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   width: 220px;
   height: 26px;
}
div.previewerMid {
   background: url(images/previewerMid_bkgd.png) repeat-y;
   margin: 0;
   padding: 0 8px;
   width: 204px !important;
   width /**/: 220px;
}
.previewerMid img {
   border: none;
   width: 200px;
   height: 160px;
}
.previewerMid a {
   color: #FFF !important;
   font: normal normal 0.8em/1em Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   text-decoration: underline !important;
}
div.previewerBtm {
   background: url(images/previewerBtm_bkgd.png) no-repeat;
   margin: 0;
   padding: 0;
   width: 220px;
   height: 10px;
}

/*

Generic Tables
*/
table {
   border-collapse: collapse;
   width: 100%;
}

table thead th {
   border-bottom: solid 1px #fff;
   color: #F0C56A;
}

table td {
   color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.4em;
}

/*

Services List
*/
ul#servicesList {
   margin: 0;
   padding: 4px 0 0 0;
   width: 100%;
}
#servicesList li {
   display: block;
   font: normal normal 1em/1.4em Arial, Helvetica, sans-serif;
   list-style: none;
   margin: 10px 0;
   padding: 0;
   width: 420px;
}
#servicesList li a {
   display: block;
   margin: 0;
   padding: 0;
   border: none;
   text-decoration: none;
}

#servicesList img {
   border: 0;
   float: left;
   margin: 0 5px 0 0;
   width: 58px;
   height: 55px;
}