/* html tag definitions */
body {background: #fff; margin: 0 auto; padding: 0; text-align: center; color: #1B1C20; }
h1, h2 {font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: 0; }
h2 {padding-bottom: 12px;}
p {font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif ; margin-top: 0px; }
img {border: 0px; }
div {font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

/* sets page size and content */
#layout {width: 520px; height: 100%; margin: 0 auto; text-align: left;}

/* main containers */
#page_content_flash, #page_content_txt {position: absolute; width: 520px; height: 520px; top: 50%; margin-top: -260px; border: 1px solid #454C55; }

/* footer */
#botbar {background: #BBD909; height: 20px; width: 520px;}
#home {float: left; margin: 0px 15px 0px 15px;}
#portfolio {float: left; margin: 0px 15px 0px 15px;}
#contact {float: left; margin: 0px 12px 0px 12px;}
#url {float: right; margin: 0px 15px 0px 0px;}

/* user ids + classes */
#topbar {background: #454C55 url(i/logo.gif) no-repeat; height: 66px; width: 520px;}
#ads_large {height: 391px; padding: 30px 62px 13px 62px;}
#img_large {text-align: center; margin-bottom: 8px;}
.textpre {padding: 100px 100px 173px 80px;}
.text {height: 384px; padding: 50px 62px 0px 62px;}
.frame {border: 1px solid #454C55;}

/* Portfolio only */
.thumbs {float: right; border: 1px solid #454C55; }
#client {width: 182px;}
#scroll {float: right; width: 200px; height: 330px; overflow: auto; border: 1px solid #454C55; padding: 4px;
scrollbar-face-color: #7B8086;
scrollbar-highlight-color: #7B8086;
scrollbar-3dhlight-color: #C30005;
scrollbar-shadow-color: #6A7077;
scrollbar-darkshadow-color: #454C55;
scrollbar-arrow-color: #fff;
scrollbar-track-color: #BBD909;}
.left, .middle, .right {height: 15px; padding-top: 1px;}
.left {float: left; margin-right: 80px;}
.middle {float: left;}
.right {float: right;}
.box {border: solid 1px #999; padding: 1px 3px; margin: 2px 0 2px 1px;}
.port_roll {border: 1px solid #fff; width: 300px; height: 68px; margin-top: 2px;}
A.port_roll:link {text-decoration: none; background: #fff;}
A.port_roll:visited {text-decoration:none; background: #fff;}
A.port_roll:active {text-decoration:none; background: #fff;}
A.port_roll:hover {text-decoration:none; border: 1px solid #D3D4D6;}

/* standard link */
A:link {text-decoration: underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #000;}
A:visited {text-decoration:underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #000;}
A:active {text-decoration:underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #000;}
A:hover {text-decoration:none; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #000; background: #E4F09D;}

/* download pdf link */
.download {border: 1px solid #454C55; color: #000; width: 120px; text-align: center; padding-left: 17px; padding-right: 7px;}
A.download:link {text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff url(i/pointy_arrow_dwn.gif) left center no-repeat;}
A.download:visited {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff url(i/pointy_arrow_dwn.gif) left center no-repeat;}
A.download:active {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff url(i/pointy_arrow_dwn.gif) left center no-repeat;}
A.download:hover {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #E4F09D url(i/pointy_arrow_dwn_hi.gif) left center no-repeat; border: 1px solid #E4F09D;}

/* back link */
.back {background: #BBD909; border: 1px solid #454C55; color: #000; width: 120px; text-align: center; padding-left: 17px; padding-right: 7px;}
A.back:link {text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background: url(i/pointy_back_arrow.gif) left center no-repeat;}
A.back:visited {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background: url(i/pointy_back_arrow.gif) left center no-repeat;}
A.back:active {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background: url(i/pointy_back_arrow.gif) left center no-repeat;}
A.back:hover {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #E4F09D url(i/pointy_back_arrow_hi.gif) left center no-repeat; border: 1px solid #E4F09D;}

/* bottom navigation */
.main_nav {background: #BBD909; border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 0px 13px 0px 13px; height: 36px; color: #1B1C20;}
A.main_nav:link {text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
A.main_nav:visited {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
A.main_nav:active {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
A.main_nav:hover {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #454C55; }

/* location identifier */
.sub_position {background: #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 0px 13px 0px 13px; height: 36px; color: #1B1C20;}
A.sub_position:link {text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
A.sub_position:visited {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
A.sub_position:active {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
A.sub_position:hover {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}

/* changes to layout and displayed containers on print */
@media print
{ 
.left {display: none;}
.right {display: none;}
#botbar { display:none;}
#topbar {display:none;}
#page_content_flash, #page_content_txt {position: absolute; width: 520px; height: 520px; top: 50%; margin-top: -260px; border: 0px; }

}