html { 
overflow: -moz-scrollbars-vertical !important; 
margin-left: -7px;
}

img {
border: 0px;
}

a {
text-transform: none;
color: #636563;
text-decoration: none;
}

h1 {
line-height: 1em;
font-size: 1.8em;
color: #636563;
margin-top: -0.0em;
margin-bottom:0.7em;
z-index: 2;
}

h3 {
line-height: 0.7em;
font-size:1.1em;
margin-top: 1.4em;
margin-bottom:0.7em;
}

th, td, tr {
text-align: left;
line-height: 10px;
}

th {
color: #FFC300; 
}

.splat {
color: #FFC300;
font-size: 1.3em;
}

.tdtar {
text-align: ;
vertical-align: top;
}

.tjs {
width: 230px;
}

.tfc {
width: 0px;
}

a:hover {
color: gray;
}

.logohover {

}

body, table {
font-family: trebuchet ms, arial, helvetica, sans;
font-size: 0.7em;
}

table {
font-size: 1.0em;
}


#wrap {
margin:0 auto;
margin-top: 20px;
/*height: 100%;*/
}

#left {
position: absolute;
outline: block;
color: #636563;
float: left;
width: 200px;
/*background-image: url(../images/flare.jpg);*/
background-repeat: no-repeat;
}


#left_guff {
margin-right: 10px;
padding-right: 6px;
margin-left: 10px;
margin-top: 181px;
color: #636563;
text-align: right;
/*text-transform: lowercase;*/
font-weight: bold;
line-height: 20px;
border-right: 2px solid #636563;
}

body {
background-image: url(../images/back4.gif);
background-repeat: repeat-y;
/*height: 100%;*/
}

#right {
position: absolute;
left: 200px;
margin-left: 40px;
float: left;
width: 580px;
height: 500px;
clear: none;
background-image: url(../images/bubble5_solid.jpg);
background-repeat: no-repeat;
}

#right_faded {
position: absolute;
left: 200px;
margin-left: 40px;
float: left;
width: 580px;
height: 500px;
clear: none;
background-image: url(../images/bubble5.jpg);
background-repeat: no-repeat;
}

#right_guff1 {
position: absolute;
float: left;
border: 2px solid #D6CBDE;
height: 20px;
width: 20px;
top: 277px;
left: 8px;
}

#right_guff2 {
position: absolute;
border: 2px solid #A5DBE7;
height: 40px;
width: 40px;
top: 247px;
left: 52px;
float: left;
}

#right_guff3 {
position: absolute;
border: 2px solid #FFD784;
height: 60px;
width: 60px;
top: 262px;
left: 116px;
float: left;
}

#right_guff4 {
position: absolute;
border: 2px solid #DEDBCE;
height: 80px;
width: 80px;
top: 282px;
left: 200px;
float: left;
}

#right_guff5 {
position: absolute;
border: 2px solid #D6CBDE;
height: 100px;
width: 100px;
top: 242px;
left: 304px;
float: left;
}

#right_guff6 {
position: absolute;
background-image: url(../images/switch.jpg);
border: 2px solid #FFD784;
height: 120px;
width: 120px;
top: 181px;
left: 430px;
float: left;
}

#right_guff6:hover {
position: absolute;
background-image: url(../images/java_box.jpg);
border: 2px solid #A5DBE7;
height: 120px;
width: 120px;
top: 181px;
left: 430px;
float: left;
cursor: pointer;
}

#right_guff_partner_trilog {
background-image: url(../images/triloglogo120.gif);
border: 2px solid #A5DBE7;
height: 120px;
width: 120px;
margin-top: -263px;
margin-left: 430px;
float: left;
cursor: pointer;
clear: left;
}

#right_guff_partner_ericom {
background-image: url(../images/ericomlogo120.gif);
border: 2px solid #A5DBE7;
height: 120px;
width: 120px;
margin-top: -263px;
margin-left: 430px;
float: left;
cursor: pointer;
clear: left;
}

#right_guff_partner_ibm {
background-image: url(../images/ibmlogo120.gif);
border: 2px solid #A5DBE7;
height: 120px;
width: 120px;
margin-top: -263px;
margin-left: 430px;
float: left;
cursor: pointer;
clear: left;
}

#right_guff_partner_ordilabo {
background-image: url(../images/ordilabologo120.gif);
border: 2px solid #A5DBE7;
height: 120px;
width: 120px;
margin-top: -263px;
margin-left: 430px;
float: left;
cursor: pointer;
clear: left;
}

#right_guff_partner_curbstone {
background-image: url(../images/curbstonelogo120.gif);
border: 2px solid #A5DBE7;
height: 120px;
width: 120px;
margin-top: -263px;
margin-left: 430px;
float: left;
cursor: pointer;
clear: left;
}

#right_guff_itcentre {
background-image: url(../images/itcentre.jpg);
position: absolute;
border: 2px solid #A5DBE7;
height: 120px;
width: 120px;
top: 181px;
margin-left: 430px;
float: left;
clear: left;
}

#right_guff_campaign {
background-image: url(../images/java_box.jpg);
position: absolute;
border: 2px solid #A5DBE7;
height: 120px;
width: 120px;
top: 181px;
margin-left: 430px;
float: left;
clear: left;
}

#map {
position: absolute;
border: 2px solid #FFD784;
height: 250px;
width: 400px;
outline: block;
clear: both;
top: 460px;
}

img {
position: relative;
}

#guff_on_top {
position: relative;
height: 0;
width: 400px;
color: #636563;
margin-left: 8px;
margin-top: 40px;
line-height: 1em;
}

#guff {
width:400px;
height: 300px;
color: #636563;
margin-left: 8px;
margin-top: 40px;
line-height: 1em;
position: absolute;
}

#guff_wide {
width: 400px;
color: white;
margin-left: 8px;
}

#guff_small_print {
width: 400px;
color: gray;
margin-left: 8px;
line-height: 9px;
text-align: justify;
}

.justify {
text-align: justify;
}

.bb {
border-bottom: 1px solid gray;
color: #E7EBDE;
}

.bb:hover {
border-bottom: 1px solid #FFC300;
color: #637D4A;
}

.contact_column_left {
text-align: left;
width: 100px;
}

.contact_column_right {
text-align: right;
}

p {
line-height: 1.3em;
margin-top: 0.8em;
margin-bottom: 0.8em;
z-index: 2;
}

#left ul{
margin: 0;
padding: 0;
cursor: pointer;
list-style-type: none;
}

#left ul:hover {
cursor: pointer;
list-style-type: none;
}

.sub {
color: #A596BD;
font-weight: normal;
}

.sub:hover {
color: gray;
}