home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Business2 / css / mainStyle.css
Encoding:
Cascading Style Sheet File  |  2007-11-20  |  3.3 KB  |  162 lines
  1. /*----------------------------------------------------------------------------------------------------------------------------------*/
  2.   *{
  3.     margin: 0;
  4.     padding: 0;
  5.   }
  6.   body{
  7.     background: #ccc url(../images/top_bg.gif) repeat-x;
  8.     font: normal 11px Trebuchet MS, Trebuchet, Arial, sans-serif;
  9.     color: #ccc;
  10.     text-align: center;
  11.   }
  12.   #bgContainer{
  13.     padding-bottom: 40px;
  14.     background: #333 url(../images/middle_bg.gif) left bottom repeat-x;
  15.   }
  16.   #wrapper{
  17.     margin: 0 auto;
  18.     margin-top: 65px;
  19.     width: 690px;
  20.     text-align: left;
  21.   }
  22.   h2{
  23.     font-size: 18px;
  24.   }
  25.   h3{
  26.     font-size: 12px;
  27.   }
  28.   h2, h3{
  29.     color: #fff;
  30.     font-weight: normal;
  31.   }
  32.   a{
  33.     text-decoration: none;
  34.   }
  35.   
  36. /*----------------------------------------------------------------------------------------------------------------------------------*/
  37.   #header{
  38.     margin: 0 auto;
  39.     width: 690px;
  40.     text-align: left;
  41.   }
  42.   h1#logo{
  43.     margin-top: 30px;
  44.     font-size: 0;
  45.   }
  46.   h1#logo a{
  47.     display: block;
  48.     width: 225px;
  49.     height: 30px;
  50.     background: transparent url(../images/template_logo.gif) no-repeat;
  51.   }
  52.   ul#mainNav{
  53.     float: right;
  54.     position: relative;
  55.     margin-top: -110px;
  56.     list-style: none;
  57.   }
  58.   ul#mainNav li{
  59.     float: left;
  60.     font-size: 18px;
  61.   }
  62.   ul#mainNav a{
  63.     display: block;
  64.     padding: 125px 0 0 20px;
  65.     width: 90px;
  66.     height: 40px;
  67.     color: #666;
  68.   }
  69.   a.about{
  70.     background: transparent url(../images/a_about.jpg) no-repeat;
  71.   }
  72.   a.security{
  73.     background: transparent url(../images/a_security.jpg) no-repeat;
  74.   }
  75.   a.services{
  76.     background: transparent url(../images/a_services.jpg) no-repeat;
  77.   }
  78.   a.contact{
  79.     background: transparent url(../images/a_contact.jpg) no-repeat;
  80.   }
  81.   ul#mainNav a:hover{
  82.     color: #ccc;
  83.   }
  84.   a.about:hover, a.security:hover, a.services:hover, a.contact:hover{
  85.     background-position: right top;
  86.   }
  87.   ul#mainNav h2 a{
  88.     color: #fff;
  89.   }
  90.   
  91. /*----------------------------------------------------------------------------------------------------------------------------------*/
  92.   #shortInfo{
  93.     float: left;
  94.     width: 220px;
  95.   }
  96.   #shortInfo ol{
  97.     list-style: none;
  98.   }
  99.   #shortInfo li, #content p{
  100.     margin-bottom: 10px;
  101.   }
  102.   #shortInfo h2{
  103.     margin: 15px 0;
  104.   }
  105.   h3 a{
  106.     color: #c66;
  107.   }
  108.   h3 a:hover{
  109.     text-decoration: underline;
  110.   }
  111.   .data{
  112.     color: #666;
  113.     font-size: 9px;
  114.     font-weight: bold;
  115.   }
  116.   #content{
  117.     margin-left: 250px;
  118.   }
  119.   #content a{
  120.     color: #69c;
  121.   }
  122.   #content a:hover{
  123.     text-decoration: underline;
  124.   }
  125.   
  126. /*----------------------------------------------------------------------------------------------------------------------------------*/
  127.   #footer{
  128.     clear: both;
  129.     padding-top: 4px;
  130.     height: 40px;
  131.     background: transparent url(../images/footer_bg.gif) repeat-x;
  132.     color: #888;
  133.     font-size: 9px;
  134.   }
  135.   #footer ul{
  136.     list-style: none;
  137.   }
  138.   #footer a{
  139.     color: #888;
  140.   }
  141.   #footer a:hover{
  142.     color: #777;
  143.     text-decoration: underline;
  144.   }
  145.   ul#footerLink{
  146.     margin: 0 auto;
  147.     width: 690px;
  148.     text-align: left;
  149.   }
  150.   li.validate{
  151.     padding-right: 10px;
  152.     float: left;
  153.   }
  154.   li.copyright{
  155.     float: right;
  156.   }
  157.   
  158. /*----------------------------------------------------------------------------------------------------------------------------------*/
  159.   .clearFix{
  160.     clear: both;
  161.   }
  162.