/* Main Site Styles Items */
body { color: #333; font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif; background-color: #84b9c1; background-image: url(../images/interface/background.jpg); background-repeat: repeat-x; background-position: center 0; margin: 0; }
li { font-size: 1.4em; }
a { color: #9ec405; text-decoration: underline; }
a:hover { text-decoration: none; }
p { font-size: 1.4em; line-height: 1.4em; }
td { font-size: 1.3em; }
H1 { color: #009994; font-size: 4.5em; font-weight: normal; line-height: 0.75em; }
H2 { color: #009994; font-size: 2.4em; font-weight: normal; }
H3 { color: #ffd000; font-size: 2.4em; font-weight: normal; }


/* Page Layout Items */
#wrapper { background-image: url(../images/interface/img-glasses-icon.jpg); background-repeat: no-repeat; margin: 0 auto; width: 898px; display: block; }
#content-left { width: 532px; float: left; }
#content-right { width: 366px; float: left; }

#logo { width: 532px; float: left; }
#header { width: 532px; float: left; }
#content { width: 532px; float: left; }

#footer { background-image: url(../images/interface/fotter-strip.gif); background-repeat: repeat-x; float: left; width: 100%; height: 84px; margin-top: 60px; }
#footer-content { color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.8em; text-align: left; width: 898px; margin-top: 20px; }
#footer-content a { color: #fff; }

.imageframe { float: right; margin: 6px; }
.image { border: solid 6px #fff; }


/* Text and Colour Styles */
.green { color: #9ec405; }
.aqua { color: #00aea8; }
.red { color: #c11619; }
/* Navigation Strip Items */
#nav { width: 532px; height: 35px; float: left; }

#btn01 a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; text-indent: -9999px; width: 106px; height: 28px; float: left; }
#btn01 a:hover { background-position: 0 -28px; }
#btn01-on a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; background-position: 0 -28px; text-indent: -9999px; width: 106px; height: 28px; float: left; }

#btn02 a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; text-indent: -9999px; width: 106px; height: 28px; float: left; }
#btn02 a:hover { background-position: 0 -28px; }
#btn02-on a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; background-position: 0 -28px; text-indent: -9999px; width: 106px; height: 28px; float: left; }

#btn03 a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; text-indent: -9999px; width: 106px; height: 28px; float: left; }
#btn03 a:hover { background-position: 0 -28px; }
#btn03-on a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; background-position: 0 -28px; text-indent: -9999px; width: 106px; height: 28px; float: left; }

#btn04 a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; text-indent: -9999px; width: 106px; height: 28px; float: left; }
#btn04 a:hover { background-position: 0 -28px; }
#btn04-on a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; background-position: 0 -28px; text-indent: -9999px; width: 106px; height: 28px; float: left; }

#btn05 a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; text-indent: -9999px; width: 106px; height: 28px; float: left; }
#btn05 a:hover { background-position: 0 -28px; }
#btn05-on a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; background-position: 0 -28px; text-indent: -9999px; width: 106px; height: 28px; float: left; }

#btn-callback a { background-image: url(../images/homepage/btn-callback.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 337px; height: 75px; }
#btn-callback a:hover { background-position: 0 -75px; }

#btn-voucher a { background-image: url(../images/interface/btn-voucher.gif); background-repeat: no-repeat; text-indent: -9999px; float: right; width: 313px; height: 83px; margin-top: 10px; }
#btn-voucher a:hover { background-position: 0 -83px; }
/* Dropdown Items */

#sddm { z-index: 30; width: auto ; height: 28px; float: left; margin-top: 0; margin-left: -40px ; display: block; font-size:0.8em; }
#sddm li { list-style: none; float: left;  }
#sddm li a {  }

#sddm div { font-style: normal; position: absolute; visibility: hidden; width: 106px; margin-top: 28px; display: block; }
#sddm div a { color: #fff; text-align: left; text-decoration: none; font-size: 0.9em; line-height: 26px; background-image: url(../images/interface/btn-dd.gif); background-repeat: no-repeat; text-indent: 10px; height: 25px; clear: left; }
#sddm div a:hover { color: #ffee70; text-align: left; text-decoration: none; font-size: 0.9em; line-height: 26px; background-image: url(../images/interface/btn-dd.gif); background-repeat: repeat; background-attachment: inherit; background-position: 0 top; text-indent: 10px; clear: left; }