/******************************************** Text styles ********************************************/
p { 
    color: black; 
    font-size: 12px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    line-height: 130%; 
    text-align: left; 
    margin: 0 0 6px; 
    padding-bottom: 3px; 
    }

li { 
    color: black; 
    font-size: 12px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    text-align: left; 
    margin: 0 0 0 -22px; 
    padding-bottom: 2px; 
    list-style-type: disc; 
    }

.producttextcentre { 
    color: #666; 
    font-size: 11px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    line-height: 11px; 
    margin: 0; 
    text-align: left; 
    padding-bottom: 0;
    }

.productcode { 
    color: #003c69; 
    font-size: 11px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    line-height: 11px; 
    text-transform: uppercase; 
    margin: 0; 
    text-align: center; 
    padding-bottom: 0; 
    }

.producttextleft {
    font-size: 11px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    line-height: 12px; 
    margin: 0; 
    text-align: left; 
    }


.footerleft { 
    color: white; 
    font-size: 10px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; 
    line-height: 11px; 
    margin: 0; 
    }

.footerright { 
    color: white; 
    font-size: 10px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    line-height: 11px; 
    text-align: right; 
    margin: 0; 
    }
h1     { 
    color: black; 
    font-size: 12pt; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    line-height: 14pt; 
    text-align: left; 
    }

h2  { 
    color: #b1b1b1; 
    font-size: 13pt; 
    line-height: 16pt;font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: lighter; 
    text-transform: uppercase; 
    text-align: left; 
    }
.h2  { 
    color: #666; 
    font-size: 13pt; 
    line-height: 16pt; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: lighter; 
    text-transform: uppercase; 
    text-align: left; 
    }

h3 { 
    color: #003c69; 
    font-size: 12px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    line-height: 14px; 
    text-align: left; 
    margin-top: 10px; 
    margin-bottom: 2px; 
    }

.casestudies { 
    color: #003c69; 
    font-size: 12px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    line-height: 14px; 
    text-align: left; 
    margin-top: 25px; 
    margin-bottom: 7px; 
    }

h4 { 
    color: gray; 
    font-size: 9pt; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    line-height: 10pt; 
    text-align: left; 
    margin-bottom: 1px; 
    }
    
.h4 { color: #003c69; 
    font-size: 11pt; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    line-height: 140%; 
    text-align: left; 
    padding-top: 2px; 
    padding-bottom: 5px; 
    }

h5 { 
    color: #666; 
    font-size: 9pt; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    text-transform: uppercase; 
    text-align: left; 
    margin-top: 26px; 
    margin-bottom: 6px; 
    }

h6 { 
    color: #000; 
    font-size: 12px; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    line-height: 130%; 
    text-align: left; 
    margin: 0; 
    padding-bottom: 3px;}


a:link   { 
    color: #b1b1b1; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    text-decoration: underline; 
    }
    
a:visited { 
    color: #b1b1b1; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    text-decoration: underline; 
    }
    
a:hover  { 
    color: #003c69; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    text-decoration: underline; 
    }
    
a:active  { 
    color: #003c69; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
    }

a.navbar:link   { 
    color: black; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
    }
    
a.navbar:visited { 
    color: black; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
    }
    
a.navbar:hover  { 
    color: white; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
    }
    
a.navbar:active  { 
    color: black; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
    }
    
a.contactus:link   { 
    color: #999; 
     font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: normal; 
    text-decoration: none; 
    }
    
a.contactus:visited { 
    color: #999; 
     font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: normal; 
    text-decoration: none; 
    }
    
a.contactus:hover  { 
    color: black; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: normal; 
    text-decoration: none; 
    }
    
a.contactus:active  { 
    color: #999; 
     font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-weight: normal; 
    text-decoration: none; 
    }
    
/******************************************** Page styles ********************************************/
body { 
    height: 100%; 
    border: none; 
    margin: 20px 0 0; 
    vertical-align: middle; 
    background-color: #aaaaaa; 
    background-image: url(../media/gradient1.jpg); 
    background-repeat: repeat-x; 
    }

.siteframe { 
    width: 800px; 
    min-height: 500px; 
    background-color: white; 
    vertical-align: middle; 
    overflow: visible; 
    }
    
.siteframebig { 
    width: 800px; 
    background-color: white; 
    vertical-align: middle; 
    overflow: visible; 
    }
    
.footer800 { 
    width: 800px; 
    height: 20px; 
    vertical-align: middle; 
    }

.footer400l { 
    width: 400px; 
    height: 20px; 
    padding-left: 13px; 
    padding-top: 6px; 
    float: left; 
    }

.footer400r { 
    width: 350px; 
    height: 20px; 
    padding-right: 13px; 
    padding-top: 6px; 
    float: right; 
    }

.curvedtop { 
    background-image: url(../media/curvedtop.gif); 
    width: 800px; 
    height: 17px; 
    }
    
.curvedbottom { 
    background-image: url(../media/curvedbottom.gif); 
    width: 800px; 
    height: 17px; 
    }
    
.indexframe { 
    width: 800px; 
    min-height: 440px; 
    background-color: white; 
    vertical-align: middle; 
    overflow: visible; 
    }
    
.contactframe { 
    width: 800px; 
    background-color: white; 
    vertical-align: middle; 
    overflow: visible; 
    }