/*
     
        CSS style

        Medium: Screen
        Version: 1.0
        Author: (c) 2008 ugtec.com

     */


     * { 
         margin: 0;
         padding: 0;
     }
     body {
         background: #fff;
         font: .85em Tahoma, Arial, Sans-Serif;
         color: #000;
         cursor: default;
     }

     a {
         color: #89236D;
         text-decoration: none;
     }
     a:hover {
         color: #89236D;
         text-decoration: underline;
     }
     
     h2 {
         font-size: 1.2em;
         margin-bottom: 8px;
     }
     
     #container {
         width: 950px;
         position: relative;
         margin: 0 auto;
     }

     #header {
         width: 950px;
         height: 140px;
         color: #fff;
         font-size: .65em;
         background: url(../img/hqsl-header.png) no-repeat bottom left;
     }
     #header h1 {
         width: 950px;
         height: 40px;
         background: url(../img/bg_top.png) repeat-x;
         padding: 10px 0 0 0;
     }
     #header span.hqsl {
         color: #bbb;
     }
     
     ul#nav {
         width: 950px;
         height: 30px;
         list-style-type: none;
         background: #89236D;
         margin: 0;
         padding: 0;
     }
     ul#nav li {
         display: inline;
         width: 130px;
         height: 26px;
     }
     ul#nav li.bigger {
         width: 160px;
     }

     ul#nav li a {
         width: 120px;
         height: 26px;
         margin: 0;
         padding: 8px 0 0 0;
         color: #fff;
         float: left;
         text-align: center;
         text-transform: uppercase;
         font-size: .8em;

     }
     ul#nav li a:hover {
         background-color: transparent;
     }
     ul#nav li a.bigger {
         width: 180px;
     }
     
     #belownav {
         width: 938px;
         height: 25px;
         background:  #333;
         border-top: 1px dotted #fff;
         padding: 8px 0 0 12px;
     }
     
     #content {
         width: 580px;
         float: left;
         text-align: justify;
         padding: 8px;
         font: 1em "Trebuchet MS", Tahoma, Arial, Sans-serif;
     }
     #content span.pics {
         text-align: left;
     }    
     
     #right {
         width: 336px;
         height: 60px;
         float: right;
         background: url(../img/hqsl-right.png) no-repeat top left;
         margin: 10px 0 0 0;
         padding: 70px 0 0 0;
         font: 1.3em "Trebuchet MS", Tahoma, Arial, Sans-serif;
         color: #eee;
         border: 3px solid #333;
     }

     #rightbottom {
         width: 336px;
         height: 280px;
         float: right;
         margin: 10px 0 40px 0;
         border: 3px solid #333;
     }
     
     span.p {
         float: right;
     }