/* Yet to be optimised */
/* 15 April 2005 */
#wrapper {
    width:679px;
    background-color:#6DB1D0;
    margin:0 auto;
    padding:5px 0;
    text-align:left
    
}

a {
    text-decoration:none;
    
}
#main a,
#side a {
    font-weight:bold;
}
#main a:link {
    color:#4D83C7
}
#main a:visited {
    color:#4D83C7
}
#main a:hover {
    background-color:#4D83C7;
    color:#fff
}
#side a:link {
    color:#4D83C7
}
#side a:visited {
    color:#4D83C7
}
#side a:hover {
    background-color:#4D83C7;
    color:#fff
}
#standards a:link {
    color:#0F4385
}
#standards a:visited {
    color:#0F4385
}
#standards a:hover {
    background-color:#4D83C7;
    color:#fff
}
#footer a:link {
    color:#0F4385
}
#footer a:visited {
    color:#0F4385
}
#footer a:hover {
    background-color:#4D83C7;
    color:#fff
}
body {
    margin:0;
    padding:0;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    background:#fff;
    text-align:center
}
#logo {
    background-image:url(../images/logo.png);
    height:98px;
    margin:-12px 0 -10px 0
}
.bar {margin:20px 15px}
#menu {
    margin:0;
    padding:0
}
#menu ul {
    border:0;
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center
}
#menu ul li {
    display:block;
    float:left;
    text-align:center;
    padding:0;
    margin:0
}
#menu ul li a {
    background:#fff;
    width:98px;
    height:2em;
    padding:0;
    margin:0;
    color:#0F4385;
    text-decoration:none;
    display:block;
    text-align:center;
    font-weight:normal;
    letter-spacing:1px;
    line-height:2em;
    font-size:9px
}
/* #menu ul li#five a {width:119px}*/
#menu ul li a:hover {
    color:#fff;
    background:#4D83C7
}
/*#menu a:active {
    background:#6DB1D0;
    color:#fff
}*/
body#sectionhome #menu li#home a,
body#sectionnews #menu li#news a,
body#sectionproducts #menu li#products a,
body#sectionabout_us #menu li#about_us a,
body#sectioncontact_us #menu li#contact_us a {
    background:#0F4385;
    color:#fff
}
#date {
    float:right;
    background:#fff;
    width:144px;
    height:2em;
    padding:0;
    margin:0;
    color:#0F4385;
    text-decoration:none;
    display:block;
    text-align:center;
    font-weight:normal;
    letter-spacing:1px;
    line-height:2em;
    font-size:9px;
}
#footer {
    float:left;
    background:#fff;
    width:490px;
    height:2em;
    padding:0;
    margin:0;
    color:#0F4385;
    text-decoration:none;
    display:block;
    text-align:center;
    font-weight:normal;
    letter-spacing:1px;
    line-height:2em;
    font-size:9px
}
#standards {
    float:right;
    background:#fff;
    width:144px;
    height:2em;
    padding:0;
    margin:0;
    color:#0F4385;
    text-decoration:none;
    display:block;
    text-align:center;
    font-weight:normal;
    letter-spacing:1px;
    line-height:2em;
    font-size:9px
}
/*.clearfix {overflow:auto}
24 April 2004:
Extraordinarily simple clearing method:
http://www.sitepoint.com/blog-post-view.php?id=238086
Seems not to work in IE for this page
*/
.clearfix:after {
    content:".";
    clear:both;
    height:0;
    visibility:hidden;
    display:block
}
.clearfix {
    display:inline-block
    /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/ * html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */
#main {
    float:left;
    background:#fff;
    width:460px;
    padding:5px 10px;
    margin:0;
    color:#0F4385;
    text-decoration:none;
    display:block;
    text-align:left;
    font-weight:normal;
    letter-spacing:1px;
    line-height:1.8em;
    font-size:12px
}
#side {
    float:right;
    background:#fff;
    width:124px;
    padding:5px 10px;
    margin:0;
    color:#0F4385;
    text-decoration:none;
    display:block;
    text-align:left;
    font-weight:normal;
    letter-spacing:1px;
    line-height:2em;
    font-size:10px
}
#contentbg {background-image:url(../images/content_bg.png)}
.prop {
    /* "props" main content area open at 399 + 1 px high http://www.greywyvern.com/code/min-height-hack */ height:299px;
    float:right;
    width:1px
}
.clear {
    /* required for "prop" hack - see above */ clear:both;
    height:1px;
    overflow:hidden
}
#design {
    position:absolute;
    top:10px;
    left:0;
    border:0
}
abbr, acronym {cursor:help}
body#sectionnews .news_date {
    clear:right;
    float:left;
    font-size:10px
}
body#sectionnews .news_headline {
    float:right;
    font-size:10px;
    width:360px
}

body#sectionhome .news_date {
    display:block;
    font-size:10px
}

body#sectionhome .news_headline {
    font-size:10px
}

textarea{
    overflow:auto;
    font-size:inherit
}

form label{
    width:80px;
    margin:6px 0;
    float:left
}

form {
    margin:20px 0
}

form input,
textarea{
    width:300px;
    margin:6px 0;
    font-family:Verdana,
    Geneva,
    Arial,
    sans-serif;
    border:1px solid #0F4385;
    color:#0F4385
}

#send_form {
    font-weight:bold;
    border:0;
    background-color:white
}

body#sectioncontact_us div#main div.item_contact {
    clear:left
}

label.required {
    font-weight:bold
}

.left_contact {
    font-weight:bold;
    width:80px;
    float:left;
}

.right_contact {
    width:300px;
    margin:16px 0;
    overflow:auto;
}

body#sectionhome #main a img {
    border:0;
    margin:5px 0 0 0;
}

body#sectionhome #main p {
    margin:10px 0 0 0;
}