/*** www.asqanalytics.co.uk/ by subtleasafish.com 16.02.06 v1 ***/

/* colour scheme: logo green #3a7770   orange #ff3600   dark gray #292F33 light gray #b6b6ba red #d12b2f dark red #850914 */

/* Stylesheet Structure:

                    1. Accessibility
                    2. Main Structure and Layout
                    3. Other Layout
                    4. Navigation
                    5. Search
                    6. Headings
                    7. Lists
                    8. Forms
                    9. Links
                    10.Images
                    11.Misc
                    12.Bugs and Hacks

*/

                              /*** 1. Accessibility ***/
                              
.hide {
    display: none;
    }                               
                              
                              /*** 2. Main Structure and Layout ***/

body {
    font: 75% tahoma, verdana, arial, helvetica, sans-serif;
    background:#292F33;
    width: 100%;
    height: 100%;
    }            
    
/* ===== set all elements to 0 - padding, border and margin ===== */
* {
    padding: 0;
    margin: 0;
    border: 0;
    }          
ul, ol {
    margin: 0;
    padding: 0;
    }            

#wrapper {
    width: 746px;
    background: #fff url(../img/faux_02.gif) repeat-y top left;
    color: #292F33;
    margin: 20px auto;
    overflow: hidden;
    }      
     
#sidebar {
    float: left;
    width: 160px;
    background: #fff;
    }  
    
#content {
    float: right;
    width: 585px;
    background: #fff url(../img/faux.gif) repeat-y top left;    
    }
    
#photobar {
    float: left;
    width: 140px;
    background-color: #292F33;
    }
    
#main {
    float: right;
    width: 445px;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #fff;
    }          
          
p {
    padding: 0 35px 20px 45px;
    font-size:1.1em;
    line-height:1.4em;    
    }       
    
#footer {
    float: right;
    width: 746px;
    color: #b6b6ba;
    background-color: #292F33;
    }         
    
                              /*** 3. Other Layout ***/  
                              
#footer p {
    text-align: right;
    padding: 5px 1px 10px;
    } 
    
body#index div#main {
    padding-top: 50px;
    }     
                                        
  
                              /*** 4. Navigation ***/
          
/* ===== main navigation ===== */
#mainmenu {
    margin: 0;
    padding: 0 10px 30px;
    list-style-type: none;
    }
      
#mainmenu a {
    display: block;    
    width: auto;
    padding: 0;
    color: #3a7770;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    }   
    
#mainmenu a:hover {
    color: #d12b2f;
    }      
 
/*===== current page ===== */ 
body#index li#navIndex a,
body#analytics li#navAnalytics a,
body#analytics_CaseStudies li#navAnalytics a,
body#analytics_Analysis li#navAnalytics a,
body#database li#navDatabase a,
body#database_contactsASQ li#navDatabase a,
body#ASQworld li#navASQworld a,
body#about li#navAbout a,
body#about_MoreInfo li#navAbout a,
body#about_Policies li#navAbout a,
body#contact li#navContact a
    {
    color: #fff;
    cursor: default;
    background: #3a7770;
    }  
    
    
/* ===== Analytics page submenu ===== */
#AnalyticsMenu {
    margin: 0;
    padding: 0 10px 5px 20px;
    list-style-type: none;
    }
      
#AnalyticsMenu a {
    display: block;    
    width: auto;
    padding: 0;
    color: #b6b6ba;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    }   
    
#AnalyticsMenu a:hover {
    color: #d12b2f;
    } 
       
 
 /*===== current page on Analysis and Consultancy submenu ===== */ 
ul#mainmenu li ul#AnalyticsMenu li#navCaseStudiesOn a,
ul#mainmenu li ul#AnalyticsMenu li#navAnalysisOn a {
    color: #292f33;
    cursor: default;
    }      

    
    /* ===== Database page submenu ===== */
#DatabaseMenu {
    margin: 0;
    padding: 0 10px 5px 20px;
    list-style-type: none;
    }
      
#DatabaseMenu a {
    display: block;    
    width: auto;
    padding: 0;
    color: #b6b6ba;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    }   
    
#DatabaseMenu a:hover {
    color: #d12b2f;
    } 
    
 
     
/*===== current page on database submenu ===== */ 
ul#mainmenu li ul#DatabaseMenu li#navContactsASQon a {
    color: #292f33;
    cursor: default;
    }   

/* ===== About Us page submenu ===== */
#AboutMenu {
    margin: 0;
    padding: 0 10px 5px 20px;
    list-style-type: none;
    }
      
#AboutMenu a {
    display: block;    
    width: auto;
    padding: 0;
    color: #b6b6ba;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    }   
    
#AboutMenu a:hover {
    color: #d12b2f;
    } 
       
 
 /*===== current page on About Us submenu ===== */ 
ul#mainmenu li ul#AboutMenu li#navMoreInfoOn a,
ul#mainmenu li ul#AboutMenu li#navPoliciesOn a {
    color: #292f33;
    cursor: default;
    }   
                              /*** 5. Search ***/

                              /*** 6. Headings ***/

#logo {
    background: url(../img/logo.jpg) no-repeat;
    text-indent: -10000px;
    height: 202px;
    width: 135px; 
    text-align: center;
    }	
    
#sidebar ul {
    text-align: left;
    }    
    
h1 a {
    display: block;
    height: 202px;
    text-decoration: none;
    }    
	
h2 { 
    padding: 0 35px 20px 45px;
    font-weight: bold; 
    line-height: 1.2em;
    font-size: 1.75em;
    color: #3a7770;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-transform: uppercase;
    }
body#index h2 {
    font-size: 180%;
    color: #850914;
    background: #fff;
    text-align: center;
    font-family: "trebuchet ms", helvetica, sans-serif;
    }          
    
h3 { 
    padding: 0 35px 20px 45px;
    font-weight: bold; 
    font-size: 1.5em;
    line-height: 1.2em;
    color: #850914;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    }
h3.asq {
    text-transform: none;
    font-size: 1.2em;
    margin-bottom: -10px;
    color: #3a7770;
    background: #fff;
    }    
    
h4 { 
    padding: 0 35px 20px 45px;
    font-weight: bold; 
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: -10px;
    color: #666;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    }        

p em {
    font-weight: bold;
    }    
/* ===== company name ===== */
em.asq {
    font-weight: bold;
    font-style: normal;
    color: #3a7770;
    }    

                              /*** 7. Lists ***/
          
ul {
    list-style-type: none;
    line-height: 1.5em;
    padding: 0;
    } 
    
.contactList {
    list-style-type: none;
    list-style-position: outside;
    line-height: 1.5em;
    padding: 0 35px 20px 65px;
    } 
    
ul.contactList li {
    padding-bottom: 10px;
    }        
    
#content #main ul.contentList, ul.list, ol.list {
    list-style-type: disc;
    list-style-position: outside;
    line-height: 1.5em;
    padding: 0 35px 20px 65px;
    color: #3a7770;
    }
ol.list {
    list-style-type: lower-roman;
    }    
ul.list li {
  margin-bottom: 5px;
  }    
    
#about ul.contentList {
    padding-left: 65px;
    } 
    
#contact ul.contentList {
    list-style-type: none;
    padding-left: 65px;
    }       
    
ul.contentList li {
    padding-bottom: 10px;
    } 
    
ul.list, ul.contentList li span {
    color: #292F33;
    }    
    
ul.list li ul.sublist li {
    list-style-type: circle;
    line-height: 1.5em;
    margin-left: 20px;
    padding: 0;
    list-style-position: outside;
    }
ul.list li ul.sublist li ul li {
    list-style-type: square;
    line-height: 1.5em;
    margin-left: 30px;
    padding: 0;
    list-style-position: outside;
    }
    
ul.subList li {
    padding: 10px 0 0;
    }   
    
ul.subList li span{
    color: #292F33;
    }

/* ===== In order to get stop everything being underlined on the page!!! ===== */
body#services #main a {
    color: #292F33;
    border-bottom: none;
    text-decoration: none;
    }  
    
body#services #main a:hover {
    color: #3a7770;
    text-decoration: none;
    }       
           
                   
                              /*** 8. Forms ***/
                              
form {
    padding: 0 35px 0 45px;
    }

input { 

    width: 15em;
    margin: 0 0 15px;
    } 
input, fieldset { 
    border: 1px solid #3a7770;
    }     
input#submit {
    width: 7em;
    } 
legend {
    padding: 0 10px;
    } 
fieldset {
    margin: 0 0 10px;
    }                           

                              /*** 9. Links ***/

/* ===== footer links ===== */    
#footer p a {
    color: #b6b6ba;
    text-decoration: none;
    font-weight: bold;
    } 
    
#footer p a:hover {
    text-decoration: underline;
    } 
    
#main a {
    color: #292F33;
    border-bottom: 1px dotted #666;
    text-decoration: none;
    } 
    
#main a:hover {
    color: #3a7770;
    text-decoration: none;
    }     
    
ul.contentList li a:hover span {
    color: #3a7770;
    }                          

                              /*** 10. Images ***/

img {
    border: 0;
    }
    
#logo {
    margin: 0 auto;
    }  
img#monica {
    float: right;
    margin: 5px 30px 10px 10px;
    padding: 3px;
    border: 2px solid #3a7770;
    }        
img#jill{
    float: right;
    margin: 5px 30px 10px 10px;
    padding: 3px;
    border: 2px solid #3a7770;
    }                   

                              /*** 11. Misc ***/

/* ===== acronyms and abbreviations ===== */
acronym, abbr {
    cursor:help;    
    }

blockquote.index p {
    margin: 0;
    padding: 5px;
    }
    
blockquote.index {
    font-style: italic;
    font-weight: bold;
    margin: 5px 55px 25px 65px;
    padding: 5px;
    font-size:1.25em;
    line-height:1.4em;  
    color: #292F33;
    border: 2px solid #3a7770;
    }
    
span.bold {
    color: #3a7770;
    } 
    
.contentList span.highlight {
    font-weight: bold;
    }
    
span#smaller {
    font-style: italic;
    font-size: 0.8em;
    }
    
       
    
                              /*** 12. Bugs and Hacks ***/

/* ===== hasLayout ===== */          

/* Hides from IE5-mac \*/
* html #servicemenu {height: 1%;}
/* End hide from IE5-mac */