<!--
@import "typo-home.css";
/* ----- */
body {background:#630 url(/images/home/bg.gif);} 

/* ---flash styles--- */
#home {position:absolute; top:0; margin:0; padding:0; width:820px; z-index:98; background:transparent; }
#flashcontent {text-align:left; margin:0; padding:0; width:820px;}
/* ----- */
#topbanner, #search {display:none;}
#page {background:transparent url(/images/home/bg-grad.jpg) repeat-x top; width:820px;} 

#maincontent.home {background:transparent url(/images/bg-bytesofdesign.jpg) no-repeat top left; min-height:900px;}
/* ----- */
#rightCol {float:right; margin:115px 0 0 0; padding:0 5px; width:475px; text-align:left;}

#rightCol #content {width:475px;}
#rightCol #content div.top {padding:0; width:475px; height:10px; vertical-align:bottom; text-align:center; background:transparent url(/images/home/bg-home-content-top.png) scroll no-repeat bottom right;}

#rightCol #content div.mid {padding:0; width:475px; text-align:center; background:transparent url(/images/home/bg-home-content-mid.png) repeat-y top right;}

#rightCol #content div.bottom {width:475px; position:relative; height:10px; vertical-align:top; background:transparent url(/images/home/bg-home-content-btm.png) scroll no-repeat top right;}
/* -- */
#rightCol a.graphic, #rightCol a.graphicFooter {background-color:transparent;}

#rightCol #mid {float:left; width:200px; vertical-align:top; margin:0; padding:0 10px 0 15px; border-right:1px solid #000; text-align:right;}
#rightCol #mid p {color:#fff; padding:0 5px;}
#rightCol #right {float:right; width:200px; vertical-align:top; margin:0; padding:0 25px 0 3px; text-align:left;} 
#rightCol #bottom {clear:both; width:450px; text-align:right; padding:0 30px 0 25px;}

#rightCol #bottom div.btmnav {text-align:right;}

#rightCol #bottom div.btmnav ul {padding:0; margin:0; list-style-type:none;}
#rightCol #bottom div.btmnav ul li {display:inline; padding:0; margin:0;}
#rightCol #bottom div.btmnav ul li a:hover {background-color:#630; color:#ffc;}

#rightCol #bottom div.banners p a.graphic:hover, #rightCol #bottom div.banners p a.graphicFooter:hover {background-color:transparent;}
/* ----- */
#leftCol {float:left; margin:0; padding:0; width:192px; text-align:right;} 

#leftCol h3 span, #leftCol li a span {display:none;}
#leftCol ul {padding:260px 0 0 0; margin:0; list-style-type:none;}
#leftCol ul li {display:list-item; width:190px; height:41px; padding:3px 0 0 0;}
#leftCol ul li a.design {background:transparent url(/images/home/bg-menu-web-design.png) no-repeat; width:190px; height:41px; padding:0; margin:0;}
#leftCol ul li a.redesign {background:transparent url(/images/home/bg-menu-website-redesign.png) no-repeat; width:190px; height:41px; padding:0; margin:0;}
#leftCol ul li a.programming {background:transparent url(/images/home/bg-menu-web-programming.png) no-repeat; width:190px; height:41px; padding:0; margin:0;}
#leftCol ul li a.flash-design {background:transparent url(/images/home/bg-menu-flash-website.png) no-repeat; width:190px; height:41px; padding:0; margin:0;}
#leftCol ul li a.contact {background:transparent url(/images/home/bg-menu-contact.png) no-repeat; width:190px; height:41px; padding:0; margin:0;}
#leftCol li a {display:block; width:190px; height:41px; line-height:41px; padding:0; margin:0;}
#leftCol li a:hover, #leftCol li a:active, #leftCol li a:visited {background-color:transparent;}
#leftCol ul li a.design:hover {background:transparent url(/images/home/bg-menu-web-design-over.png) no-repeat;}
#leftCol ul li a.redesign:hover {background:transparent url(/images/home/bg-menu-website-redesign-over.png) no-repeat;}
#leftCol ul li a.programming:hover {background:transparent url(/images/home/bg-menu-web-programming-over.png) no-repeat;}
#leftCol ul li a.flash-design:hover {background:transparent url(/images/home/bg-menu-flash-website-over.png) no-repeat;}
#leftCol ul li a.contact:hover {background:transparent url(/images/home/bg-menu-contact-over.png) no-repeat;}

#leftCol ul li a.design:visited {background:transparent url(/images/home/bg-menu-web-design-visited.png) no-repeat;}
#leftCol ul li a.redesign:visited {background:transparent url(/images/home/bg-menu-website-redesign-visited.png) no-repeat;}
#leftCol ul li a.programming:visited {background:transparent url(/images/home/bg-menu-web-programming-visited.png) no-repeat;}
#leftCol ul li a.flash-design:visited {background:transparent url(/images/home/bg-menu-flash-website-visited.png) no-repeat;}
#leftCol ul li a.contact:visited {background:transparent url(/images/home/bg-menu-contact-visited.png) no-repeat;}
-->
