body
{
 margin: 0;
 padding: 0;
 font-family: "Trebuchet MS", Helvetica, "Bitstream Vera Sans", sans-serif;
 font-size: 8px;
 text-align: center;
 color: #006;
 /* background-color: #89dddd; */
 /* background: url('img/gradient_bk.png') repeat-x #7ac4c4; */
 background: url('img/gradient_bk_d6d9ff_b2b8ff.png') repeat-x #b2b8ff;
}

#header
{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 80px;
 margin: 0;
 padding: 0;
 /* background-color: #89dddd; */
}

#img-title
{
 position: absolute;
 top: 13px;
 left: 35px;
}

.container
{
 position: relative;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0;
 border: none;
}

#navpane-container
{
 position: absolute;
 bottom: -1px;
 left: 250px;
 /* right: 0; */
 padding: 0;
 /* background-color: #89dddd; */
 /* z-index: 0; */
}

#navpane
{
 margin: 0;
 padding: 0;
 position: relative;
 top: 0;
 left: 0;
 height: 38px;
 /* background-color: #89dddd; */
 /* z-index: 2; */
}

.navpane-overlay
{
 position: absolute;
 top: 46px;
 left: 0;
 right: 0;
 margin: 0;
 height: 1px;
 border-bottom: solid 1px #6aa;
}

.navtab
{
 position: absolute;
 top: 0;
 background: transparent;
 font-family: Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
}

.navtab-sel { z-index: 5 }
.navtab-unsel { z-index: 3 }

.navtab-center
{
 height: 38px;
 margin: 0 28px 0 19px;
}

.navtab-sel-center { /* background-color: #9cf; */ background-image: url('img/tab_bk_99ccff_48x48.png');  }
.navtab-unsel-center { /* background-color: #d3e9f6; */ height: 37px; background-image: url('img/tab_bk_d3e9f6_48x48.png'); cursor: pointer; }

.navtab-text
{
 position: absolute;
 top: 13px;
 left: 18px;
}

.navtab-l
{
 position: absolute;
 top: 0;
 left: 0;
 width: 19px;
 height: 38px;
}

.navtab-r
{
 position: absolute;
 top: 0;
 right: 0;
 width: 28px;
 height: 38px;
}

.navtab-sel-l { background-image:url('img/tab_l_99ccff.png'); }
.navtab-sel-r { background-image:url('img/tab_r_99ccff.png'); }
.navtab-unsel-l { height: 37px; background-image:url('img/tab_l_d3e9f6.png'); cursor: pointer; }
.navtab-unsel-r { height: 37px; background-image:url('img/tab_r_d3e9f6.png'); cursor: pointer; }

.navtab a
{
 text-decoration: none;
 color: #006;
 cursor: pointer;
}

.navtab a:link { color: #006 }
.navtab a:visited { color: #006 }
.navtab a:hover { color: #006 }
.navtab a:active { color: #006 }

/* .tab-sel
{
 height: 48px;
 background-color: #9cc
}	*/

#content
{
 position: absolute;
 top: 80px;
 left: 0;
 width: 820px;
 padding: 0;
}

#content-top
{
 width: 820px;
 height: 20px;
 margin: 0;
 padding: 0;
 background-image: url("img/content_top_820_99ccff.png");
 z-index: 4;
}

#content-center
{
 width: 820px;
 margin: 0 auto;
 padding: 0;
 /*border-left: solid 1px #6aa;
 border-right: solid 1px #6aa;
 border-bottom: solid 1px #6aa;	*/
 /* background-color: #9cf; */
 background-image: url("img/background_820_99ccff.png");
}

#content-bottom
{
 position: relative;
 top: 0;
 left: 0;
 width: 820px;
 margin: 0 auto 20px;
 padding: 0;
 height: 30px;
 background-image: url("img/content_bottom_820_99ccff.png");
}

#content-inner
{
 position: relative;
 top: 0;
 margin: 0 26px 0 20px;
 border: solid 1px #006;
 text-align: left;
 font-size: 16px;
 line-height: 1.2;
 background-color: #e0f0ff;
 z-index: 2;
}

#content a
{
 text-decoration: none;
 color: #00c;
 cursor: pointer;
}

#content a:link { color: #00f }
#content a:visited { color: #009 }
#content a:hover { color: #00c; background-color: #8dcef7 }
#content a:active { color: #fc7dff }

#leftcol
{
 width: 386px;
 margin: 0 auto 0 0;
 padding: 0;
}

#rightcol
{
 position: absolute;
 top: 0;
 left: 386px;
 right: 0;
 width: 386px;
 padding: 0;
}

.inner-box
{
 margin: 22px 20px 22px 8px;
 padding: 8px;
 border: solid 1px #008;
 /* background-color: #f0e0ff; */
 background-color: #d3e9f6;
}

h1, h2 { margin: 5px auto; text-align: center; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }

ul { list-style-image: url("img/bullet_006_5.png") }
ul li { margin-bottom: 15px }
li ul { list-style-image: url("img/bullet_669_5.png") }
li ul li { margin-bottom: 4px; font-size: smaller; }

ul.ul-parent li { font-weight: bold }
ul.ul-parent li ul li { font-weight: normal }


.textblock
{
 width: 30em;
 margin: 0 auto;
 text-align: left;
}

.copyright
{
 margin-top: 15px;
 /* border-top: solid 2px #00f; */
}

#content .link-img:hover { background-color: #7dbee7; }
.img-link { border: none; }

.portfolio-item { clear:both; height:133px; margin: 20px 0 }
.pf-screenshot { float:left; width:233px; margin: 0 10px 0 0 }