/*
 * print.css
 *
 * contains layout and content placement information for riccodesigns.com
 *
 * history:
 *    11 Jul 06: file created - sjr             
 *
 */

/* **************************************************************** */
/* main */

   body {      
      margin: 0; 
      padding: 0;
      text-align: center;
      background-color: #005DC7; 
      background-image: url(../../background.gif);  
      }
 
   p {
      font: 12px Arial;
      }
 
   #wrapper {
      position: relative; 
      top: 0px; 
      width: 750px; 
      height: 196px;
      margin-left: auto; 
      margin-right: auto; 
      background-image: url(../../top.jpg); 
      background-repeat: no-repeat;  
      }

   #centercontent {
      position: relative; 
      top: 196px; 
      width: 750px; 
      background-image: url(../../center_background.gif); 
      background-repeat: repeat-y; 
      text-align: left;
      }
   #centercontent a:link, #content a:visited {
      color: #005DC7;
      }
   #centercontent a:hover {
      text-decoration: none;
      }
      
   #centertop {
      height: 42px;
      background-image: url(../../top2.jpg); 
      background-repeat: no-repeat;
      }

   #leftcontent {
      float: left;
      width: 38.5em; 
      margin: -1.2em 0 0 0; 
      padding: 0; 
      }
   #leftcontent p { 
      margin: -0.1em 0.5em 1em 2.5em;
      }
   #leftcontent p.thirdp {
      margin-left: 12em;
      }
   #leftcontent p.tagline {
      text-indent: -999em; 
      margin: 2.5em 0 0 14em; 
      height: 17px; 
      background-image: url(../../only_limit.gif); 
      background-repeat: no-repeat;
      }
   #leftcontent h1 {
      text-indent: -999em; 
      margin: 0; 
      padding: 0;       
      }
   #leftcontent h1.welcome {
      background-image: url(../../left_header.gif);
      background-repeat: no-repeat;
      }
   #leftcontent h1.portfolio {
      background-image: url(../../left_header_portfolio.gif);
      background-repeat: no-repeat;
      }  
   #leftcontent h1.services {
      background-image: url(../../left_header_services.gif);
      background-repeat: no-repeat;
      }       
   #leftcontent .laptop {
      position: absolute; 
      top: 8.5em; 
      left: 0.15em; 
      background-image: url(../../laptop.gif); 
      background-repeat: no-repeat; 
      height:190px; 
      width: 247px;
      }

   #rightcontent {
      width: 132px; 
      float: right; 
      background-image: url(../../right_background.gif); 
      background-repeat: repeat-y;
      }
   #rightcontent h2 {
      text-indent: -999em; 
      margin: 0.4em 0 0 0; 
      padding: 0;
      }
   #rightcontent h2.news {
      background-image: url(../../latest_news.gif); 
      background-repeat: no-repeat;
      }
   #rightcontent p {
      margin: 0 0.65em 0.5em 0.9em;
      }
   #rightcontent #bottomright {
      background-image: url(../../bottom_right.gif); 
      background-repeat: no-repeat; 
      background-position: bottom center; 
      height: 18px;
      }

   #centerbottom {
      background-image: url(../../bottom.gif); 
      background-repeat: no-repeat; 
      /*width: 750;*/
      height: 74px; 
      clear: both;
      }

   #topnav {
         position: absolute;
         text-align: left;
         top: -2em !important;
         top: -1.25em;
         left: 28em;
   }
   #topnav ul {
      list-style: none;
      line-height: 1;
      font: 12px verdana, arial, sans-serif;
      color: #000000;
      }
   #topnav a {
      display: block;
      }
   #topnav li a:link, #topnav li a:visited{
      text-decoration: none;
      color: #FFFFFF;
      }
   #topnav li a:hover{
      color: #000000;
      }
   #topnav li {
      float: left;
      margin: 0px 5px 0px 0px;
      padding-right: 5px;
      border-right: 1px solid white;
      }
   #topnav li.bnone {
      border-right: 0px;
      }

   #footer {
      position: relative;
      top: 3.6em;
      left: 25em;
   }
   #footer p {
      font: 10px verdana, arial, sans-serif;
   }