/*      SystemCore
        CSS by System Core
        Last updated: rcain
        Date: 050906
		Testimonial number 10 update by AL 190707


font-family:'X', 'Everson Mono', 'MS Courier New', 'MS Arial', Bodoni, 'Minion Web', Garamond, 'Akzidenz Grotesk', 'Futura', 'Bitstream Cyberbit', 'Bitstream Vera Sans', 'Lucida Grande', 'MS Verdana', 'Trebuchet MS', Helvetica, sans-serif;
background-color:#FFFFFF;
color: #16408A;

ie quirks fixes:
1) 'divnametop/bottom/left/rightcontent' classes are used to 
a) position element in container
b) isolate ul/li with background-url (image bullets) from a horrid ie anchor bug (causes the images to partially dissapear on a:hover
2) class clearer is used to reset div positioning
3) position: absolute, display: inline - ae used in divs to stop the horifd ie guillotine bug
4) div with position: absolute, top: 100% inside div position: relative used to position the first at bottom of container (eg. bottom menu
5) display: inline used to stop horid ie double margin bug
6) erm...

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="iehacks.css" />
<![endif]-->    

*/
 
/*holly hack for ie - dont use, as it breaks top menu*/
 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* - end holly hack for ie*/ 

/* - required for google map..*/
    v\:* {
      behavior:url(#default#VML);
    }

#map {
margin: 0px;
padding: 0px;
margin-right: 100px;
width: 320px;
height: 450px;
position: relative;
float: left;
}

#message {
}

.address1 {
margin: 0px;
padding: 0px;
margin-right: 10px;
font-weight:bold;
border: 0px solid yellow;
}

/*****************main containers********************/
        
body {
font-family:'X', Arial, sans-serif, 'Verdana', 'Trebuchet MS', Helvetica;
font-size: 0.75em;
color: #888888;
background-color:#FFFFFF;
padding:0px;                    
margin:0px;
margin-top: 30px;
border: 0px solid green;
text-align: center;
}

.outercontainer {
margin-left: auto;
margin-right: auto;
width:800px;
height: auto;
padding: 0px;
border: 0px solid blue;
text-align: left;
}       



#copyrightpage {
width:100%;
height: 100%;
margin: 0px;
padding: 0px;
float: left;
border: 0px solid yellow;
}


#curlpage {
width:800px;
height: auto;
margin: 0px;
padding: 0px;
float: left;
border: 1px solid #999999;
}

#logopage {
width:800px;
height: 100%;
margin: 0px;
padding: 0px;
float: left;
border: 0px solid #999999;
}

#imagepage {
width:800px;
height: 100%;
margin: 0px;
padding: 0px;
float: left;
border:0px solid #999999;
}

#fadepage {
width:800px;
height: 100%;
margin: 0px;
padding: 0px;
float: left;
border:0px solid #999999;
}

.navigatedpage {
position: relative;
display: inline; /*fixes ie double margin bug*/
width:800px;
height: auto;
margin: 0px;
padding: 0px;
background-position: left;
float: left;
border: 0px solid yellow;
}

.wrapper {
position: relative;
display: inline; /*fixes ie double margin bug*/
width:800px;
height: auto;
margin: 0px;
padding: 0px;
margin-right:auto;
margin-left:auto;
text-align:left;
float: left;
border: 0px solid red;
}

.contentwrapper {
position: relative;
display: inline; /*fixes ie double margin bug*/
width:650px;
min-height: 472px;
height: 100%;
margin: 0px;
padding: 0px;
padding-bottom: 50px;
margin-left: 105px;
margin-top: 20px;
float: left;
border: 0px solid yellow;
}               

/* for Internet Explorer */
/*\*/
* html .contentwrapper {
height: 472px;
}
/**/




/*****************end main containers********************/







                
h1 {
font-size: 2em;
margin:0px;
padding: 0px;
}

h2 {
font-size: 1.45em;
margin:0px;
margin-bottom: 0.5em;
padding: 0px;
color: #99CC00;
}



h3 {
font-size: 1.2em;
margin:0px;
margin-bottom: 0.1em;
margin-top: 1.5em;
padding: 0px;
color: #99CC00;
}


h4 {
font-size: 1.0em;
margin:0px;
margin-bottom: 0.1em;
margin-top: 1em;
padding: 0px;
color: #99CC00;
text-align: left;
}

h5 {
font-size: 1.3em;
margin:0px;
margin-bottom: 0em;
margin-top: 0em;
padding: 0px;
color: #99CC00;
font-weight:bold;
text-decoration: underline;
}


p {
margin:0px;
margin-bottom: 0.5em;
margin-top: 0.5em;
padding: 0px;
}

q {
quotes: '"' '"' "'" "'"
font-style: italic;
}

ul {
font-weight: normal;
margin: 0px;
margin-left: 1em;
padding: 0px;
}


li {
font-weight: normal;
margin: 0px;
padding: 0px;
}

                
img {
border: 0px;
padding: 0px;
margin: 0px;
}
                



a {
color: #99CC00;
text-decoration: underline;
}

a:hover {
color: #FFCC33;
}

                

/**********class for hidden style-change tags in inner joomla content edit*/
.scl_set_stationery{
display: none;
height:0px;
width: 0px;
font-size: 0em;
}
/**********************************************/
        



.copyrightpage_default {
background:url(../scl_images/copyright4.gif) no-repeat;
background-position: bottom left;
}

.copyrightpage_dark_green {
background:url(../scl_images/copyright2.gif) no-repeat;
background-position: bottom left;
}

.copyrightpage_light_grey {
background:url(../scl_images/copyright_grey_index_light.gif) no-repeat;
background-position: bottom left;
}

.copyrightpage_dark_grey {
background:url(../scl_images/copyright_grey_index_dark.gif) no-repeat;
background-position: bottom left;
}

.copyrightpage_orange {
background:url(../scl_images/copyright_orange_index.gif) no-repeat;
background-position: bottom left;
}


/**********************************************/



.curlpage_default {
background:url(../scl_images/top_curl_grey.jpg) no-repeat;
background-position: top left;
}

.curlpage_red {
background:url(../scl_images/top_curl_red.jpg) no-repeat;
background-position: top left;
}

.curlpage_green {
background:url(../scl_images/top_curl_green.jpg) no-repeat;
background-position: top left;
}


.curlpage_blue {
background:url(../scl_images/top_curl_blue.jpg) no-repeat;
background-position: top left;
}

.curlpage_orange {
background:url(../scl_images/top_curl_orange.jpg) no-repeat;
background-position: top left;
}


.curlpage_yellow {
background:url(../scl_images/top_curl_yellow.jpg) no-repeat;
background-position: top left;
}

.curlpage_purple {
background:url(../scl_images/top_curl_purple.jpg) no-repeat;
background-position: top left;
}

.curlpage_purple_head {
background:url(../scl_images/top_curl_head2.jpg) no-repeat;
background-position: top left;
}

.curlpage_grey {
background:url(../scl_images/top_curl_grey.jpg) no-repeat;
background-position: top left;
}




.curlpage_flesh {
background:url(../scl_images/top_curl_flesh.jpg) no-repeat;
background-position: top left;
}

.curlpage_wine {
background:url(../scl_images/top_curl_wine.jpg) no-repeat;
background-position: top left;
}

.curlpage_orange2 {
background:url(../scl_images/curl_orange_index.jpg) no-repeat;
background-position: top left;
}

.curlpage_grey2 {
background:url(../scl_images/curl_grey_index.jpg) no-repeat;
background-position: top left;
}
	
.curlpage_light_grey {
background:url(../scl_images/curl_grey_index_light.jpg) no-repeat;
background-position: top left;
}


/**********************************************/


.logopage_default {
background:url(../scl_images/logo.gif) no-repeat;
background-position: 615px 40px;
}

.logopage_wide {
background:url(../scl_images/logo.gif) no-repeat;
background-position: 95% 40px;
}


/**********************************************/


.imagepage_default {
background-position: bottom right;
}


.imagepage_red {
background:url(../scl_images/vernier4.gif) no-repeat;
background-position: bottom right;
}

.imagepage_green {
background:url(../scl_images/sextant1b.gif) no-repeat;
background-position: bottom right;
}

.imagepage_blue {
background:url(../scl_images/compasses3.gif) no-repeat;
background-position: bottom right;
}


.imagepage_clear {
}

.imagepage_camel {
background:url(../scl_images/camel3.gif) no-repeat;
background-position: 95% 100%;
}


.imagepage_callipers {
background:url(../scl_images/callipers.gif) no-repeat;
background-position: 100% 100%;
}



.imagepage_compasses {
background:url(../scl_images/compasses3.gif) no-repeat;
background-position: 90% 100%;
}

.imagepage_sextant {
background:url(../scl_images/sextantc.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_colli {
background:url(../scl_images/colli_trans_s.gif) no-repeat;
background-position: 97% 95%;
}

.imagepage_can {
background:url(../scl_images/can4.gif) no-repeat;
background-position: 95% 90%;
}

.imagepage_switch {
background:url(../scl_images/toggle_switch.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_cupatea {
background:url(../scl_images/cupatea3.gif) no-repeat;
background-position: 92% 92%;
}


.imagepage_girl_unicycle {
background:url(../scl_images/girl_unicycle6.gif) no-repeat;
background-position: 92% 82%;
}


.imagepage_bird {
background:url(../scl_images/bird1.gif) no-repeat;
background-position: 103% 26%;
}

.imagepage_honey {
background:url(../scl_images/honey.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_trumpet {
background:url(../scl_images/trumpet2.gif) no-repeat;
background-position: 100% 95%;
}

.imagepage_red_arrows {
background:url(../scl_images/red_arrows2.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_flint {
background:url(../scl_images/flint2.gif) no-repeat;
background-position: 110% 98%;
}

.imagepage_blimp {
background:url(../scl_images/blimp3.gif) no-repeat;
background-position: 98% 100%;
}

.imagepage_telephonebox {
background:url(../scl_images/telbox.gif) no-repeat;
background-position: 95% 95%;
}

.imagepage_rock {
background:url(../scl_images/rock.gif) no-repeat;
background-position: 100% 95%;
}

.imagepage_goldfishbowl {
background:url(../scl_images/goldfishbowl.gif) no-repeat;
background-position: 100% 95%;
}

.imagepage_cooker {
background:url(../scl_images/cooker.gif) no-repeat;
background-position: 92% 85%;
}

.imagepage_eyedata {
background:url(../scl_images/eyedata.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_easel {
background:url(../scl_images/easel.gif) no-repeat;
background-position: 95% 95%;
}

.imagepage_typewriter {
background:url(../scl_images/typewriter.gif) no-repeat;
background-position: 100% 95%;
}

.imagepage_astronaut {
background:url(../scl_images/astronaut.gif) no-repeat;
background-position: 98% 95%;
}

.imagepage_bra {
background:url(../scl_images/bra.gif) no-repeat;
background-position: 95% 105%;
}

.imagepage_flippers {
background:url(../scl_images/flippers.gif) no-repeat;
background-position: 92% 102%;
}

.imagepage_diamond {
background:url(../scl_images/diamond2.gif) no-repeat;
background-position: 95% 95%;
}

.imagepage_blackbulb {
background:url(../scl_images/blackbulb2.gif) no-repeat;
background-position: 95% 95%;
}

.imagepage_splash {
background:url(../scl_images/splash1.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_cat {
background:url(../scl_images/cat2.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_frog {
background:url(../scl_images/frog.gif) no-repeat;
background-position: 95% 99%;
}

.imagepage_dragonfly {
background:url(../scl_images/dragonfly.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_webmaiden {
background:url(../scl_images/webmaiden6.gif) no-repeat;
background-position: 100% 5%;
}

.imagepage_scooter {
background:url(../scl_images/scooter.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_quill {
background:url(../scl_images/quill.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_cable {
background:url(../scl_images/cablec.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_sphere {
background:url(../scl_images/sphere.gif) no-repeat;
background-position: 100% 15%;
}

.imagepage_handcard {
background:url(../scl_images/handcard.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_laptops {
background:url(../scl_images/laptops.jpg) no-repeat;
background-position: 100% 105%;
}

.imagepage_pounds {
background:url(../scl_images/pounds3.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_peoplenow {
background:url(../scl_images/peoplenow.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_girlcard {
background:url(../scl_images/girlcard.gif) no-repeat;
background-position: 100% 100%;
}

.imagepage_peacock {
background:url(../scl_images/peacock.gif) no-repeat;
background-position: 95% 100%;
}

.imagepage_tower {
background:url(../scl_images/tower.gif) no-repeat;
background-position: 95% 100%;
}

.imagepage_android {
background:url(../scl_images/rachel_1.jpg) no-repeat;
background-position: 102% 51%;
}

.imagepage_android2 {
background:url(../scl_images/head_gradient5.jpg) no-repeat;
background-position: 0px 158px;
}

.imagepage_blocks {
background:url(../scl_images/blocks.jpg) no-repeat;
background-position: 100% 100%;
}

/**********************************************/



.fadepage_default {
background:url(../scl_images/fade_default.jpg) no-repeat;
background-position: bottom right;
}

.fadepage_red {
background:url(../scl_images/fade_red.jpg) no-repeat;
background-position: bottom right;
}

.fadepage_green {
background:url(../scl_images/fade_green.jpg) no-repeat;
background-position: bottom right;
}


.fadepage_blue {
background:url(../scl_images/fade_blue.jpg) no-repeat;
background-position: bottom right;
}

.fadepage_orange {
background:url(../scl_images/fade_orange.jpg) no-repeat;
background-position: bottom right;
}

.fadepage_yellow {
background:url(../scl_images/fade_yellow.jpg) no-repeat;
background-position: bottom right;
}

.fadepage_purple {
background:url(../scl_images/fade_purple.jpg) no-repeat;
background-position: bottom right;
}


.fadepage_grey {
background:url(../scl_images/fade_grey.jpg) no-repeat;
background-position: bottom right;
}


.fadepage_flesh {
background:url(../scl_images/fade_flesh.jpg) no-repeat;
background-position: bottom right;
}

.fadepage_wine {
background:url(../scl_images/fade_wine.jpg) no-repeat;
background-position: bottom right;
}

.fadepage_clear {
}


        
/****************************************************************/




/* Holding wrapper for the left center and right layers */
        

.minheight2 {
height: 572px;
width: 0px;
float: right;
border: 0px solid yellow;
}

        
.hide-element {
display:none;
}

#navigationbarwrapper {
width:420px;
height:30px;
margin: 0px;
padding: 0px;   
margin-left:105px;
margin-top: 40px;
z-index: 3000;
border: 0px solid red;
}

/*********************************************/

.old_bottomspacer {
position: relative;
display: inline; /*fixes ie double margin bug*/
width:645px;
height: 45px;
margin: 0px;
padding: 0px;
float: left;
border: 0px solid blue;
}               

.old_bottommenu {
margin: 0px;
padding: 0px;   
position: absolute;
width:600px;
bottom: 20px;   
left: 0px;
border: 0px solid red;
}

.old_bottommenu a {
position: relative;
width: auto;
text-align: center;
color: #99CC00;
text-decoration: none;
font-weight:bold;
}

.old_bottommenu a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}



/************************ Top Menu Left Nav options end ******************/             




/**********************************************/


.mincontentheight {
height: 482px;
width: 0px;
float: right;
border: 0px solid yellow;
}


.innercontentwrapper {
width:650px;
margin: 0px;
padding: 0px;
border: 0px solid yellow;
}               


.topcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               


.leftcontent {
width:340px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.rightcontent {
width:250px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.bottomcontent {
width:645px;
margin: 0px;
padding: 0px;
float: left;
border: 0px solid yellow;
}               


.hometitle {
width:600px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
float: left;
border: 0px solid yellow;
}               

#homewelcome {
margin: 0px;
padding: 0px;
padding-left: 100px;
padding-top: 255px;
height: 0px;
width: 700px;
margin-left: -100px;
margin-top: 40px;
clear: left;
vertical-align: text-bottom;
border: 0px solid yellow;
}               



.hometopcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               

p.hometopcontent1 {
width:545px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               

p.hometopcontent2 {
width:480px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               


.homeleftcontent {
width:650px;
margin: 0px;
padding: 0px;
float: left;
border: 0px solid yellow;
}               

.homeleftcontent1 {
display: inline; /*fixes ie double left margin bug!*/
width:480px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

p.homeleftcontent2 {
width:440px;
float: left;
border: 0px solid yellow;
}               

p.homeleftcontent3 {
width:250px;
float: left;
margin-left: 85px;
margin-top: 27px;
border: 0px solid yellow;
}               


#homescroller {
position: relative;
float: left;
/*bottom: 40px;
left: 0px;*/
width:150px;
height: 300px !important;
overflow: hidden !important;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
z-index: 1;
float: left;
border: 1px solid yellow;
}               

        
#homescroller .flashtest {
height: 110px !important;
overflow: hidden !important;
border: 0px solid red;
float: left;
}               

#flashcontent {
height: 110px !important;
overflow: hidden !important;
}

.homemidcontent {
display: inline; /*fixes ie double left margin bug!*/
width:200px;
margin: 0px;
padding: 0px;
margin-left: 20px;
margin-top: 107px;
float: left;
border: 0px solid yellow;
}               



.homerightcontent {
display: inline; /*fixes ie double left margin bug!*/
width:480px;
margin: 0px;
padding: 0px;
margin-left: 15px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.homerightcontent1 {
display: inline; /*fixes ie double left margin bug!*/
width:480px;
margin: 0px;
padding: 0px;
margin-left: 15px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

p.homerightcontent2 {
width:250px;
margin: 0px;
padding: 0px;
margin-left: 15px;
margin-top: 1em;
float: left;
border: 0px solid yellow;
}               

p.homerightcontent3 {
width:210px;
margin: 0px;
padding: 0px;
margin-left: 15px;
margin-top: 1em;
float: left;
border: 0px solid yellow;
}               

.homebottomcontent {
display: inline; /*fixes ie double left margin bug!*/
width:600px;
margin: 0px;
padding: 0px;
margin-left: 40px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.clientlogostrip {
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 30px;
float: left;
border: 0px solid yellow;
}               




.itemcontent {
width:310px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 1em;
margin-bottom: 1em;
float: left;
border: 0px solid yellow;
}               

.itemtext {
width:200px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
line-height: 1.2em;
text-align: left;
vertical-align: text-top;
float: right;
border: 0px solid yellow;
}               


.itemimage {
margin: 0px;
padding: 0px;
padding-top: 10px;
float: left;
border: 0px solid yellow;
}               


.domainstopcontent1 {
width:645px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
line-height: 1.2em;
text-align: justify;
border: 0px solid yellow;
}               

.domainsleftcontent {
width:100px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.domainsrightcontent {
width:100px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               



/****************************************************/
.broadbandtopcontent1 {
width:645px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
line-height: 1.2em;
text-align: justify;
border: 0px solid yellow;
}               

.broadbandleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.broadbandrightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

/*******************************************************/
                
.minheight {
height: 200px;
}



.pagecontenttitle {
height: 26px;
margin:0px;
padding:0px;
margin-bottom:0.8em;
}                               


.customersupporttopcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               


.customersupportleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.customersupportrightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.customersupportbottomcontent {
width:645px;
margin: 0px;
padding: 0px;
float: left;
border: 0px solid yellow;
}               


.whowearetopcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               


.whoweareleftcontent {
width:200px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
display: inline; /*fixes ie double left margin bug!*/
border: 0px solid yellow;
}               

.whowearerightcontent {
width:200px;
margin: 0px;
padding: 0px;
margin-left: 50px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.whowearebottomcontent {
width:645px;
margin: 0px;
padding: 0px;
float: left;
border: 0px solid yellow;
}               

img.whoweareprofile {
float: left;
margin: 5px;
margin-right: 10px;
}


.whatwedotopcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               

.howweworktopcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               


p.howweworkleftcontent1 {
width:400px;
}               

p.howweworkleftcontent2 {
width:500px;
}               

p.howweworkleftcontent3 {
width:600px;
}               


.howweworkleftcontent4 {
width:200px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
display: inline; /*fixes ie double left margin bug!*/
border: 0px solid yellow;
}               

.howweworkrightcontent4 {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 50px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.howweworkbottomcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               



.industriesleftcontent2 {
width:450px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
display: inline; /*fixes ie double left margin bug!*/
border: 0px solid yellow;
}               


.partnersmidcontent {
width:400px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
display: inline; /*fixes ie double left margin bug!*/
border: 0px solid yellow;
}               


.partnersleftcontent2 {
width:400px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
display: inline; /*fixes ie double left margin bug!*/
border: 0px solid yellow;
}               

.whyusleftcontent1 {
width:505px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
display: inline; /*fixes ie double left margin bug!*/
border: 0px solid yellow;
}               


.whyusleftcontent2 {
width:505px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
display: inline; /*fixes ie double left margin bug!*/
border: 0px solid yellow;
}               

.whyusleftcontent3 {
width:400px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
display: inline; /*fixes ie double left margin bug!*/
border: 0px solid yellow;
}               


.leftbit {
margin: 5px;
padding: 0px;
padding-top: 5px;
float: left;
}

.middlebit {
margin: 0px;
padding: 0px;
float: left;
}

.rightbit {
margin: 0px;
padding: 0px;
margin-left: 5px;
padding-top: 9px;
float: left;
}


.spacer1 {
margin: 0px;
padding: 0px;
line-height: 8px;
}

.clearer {
clear: both; 
height: 0px;
width: 0px;
line-height: 0px;
padding: 0px;
margin: 0px;
border: 0px solid black;
}

/*mod jrc 290906 - new stuff */         
                
.inpagenavigation {
padding: 0px;
margin: 0px;
text-align: center;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
font-weight:bold;
text-decoration: none;
border: 0px solid red;
color: #99CC00;
}

a.inpagenavigation {
color: #99CC00;
text-decoration: none;
}

a.inpagenavigation:hover {
background-color:#FFFFFF;
color: #FFCC33;
}


.inpagenavigation_big {
padding: 0px;
margin: 0px;
text-align: center;
margin-left: 0px;
margin-bottom: 7px;
margin-top: 7px;
padding-top: 0px;
vertical-align: middle;
text-align: left;
font-weight:bold;
font-size: 1.2em;
text-decoration: none;
border: 0px solid red;
color: #99CC00;
}

.inpagenavigation_big a {
color: #99CC00;
text-decoration: none;
}

.inpagenavigation_big a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

.inpagenavigation_big img{
vertical-align: middle;
margin-right: 20px;
}

.leftnavigation {
padding: 0px;
margin: 0px;
text-align: left;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
font-weight:bold;
text-decoration: none;
border: 0px solid red;
color: #99CC00;
}

a.leftnavigation {
color: #99CC00;
text-decoration: none;
}

a.leftnavigation:hover {
background-color:#FFFFFF;
color: #FFCC33;
}


a.nav h3 {
color: #99CC00;
text-decoration: none;
}

a.nav:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}


a.bignav {
margin: 0px;
padding: 0px;
font-weight: normal;
text-decoration: none;
float: left;
}

a.bignav h3 {
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 1.6em;
line-height:1.6em;
font-weight: normal;
text-decoration: none;
color: #99CC00;
text-decoration: none;
}

a.bignav:hover h3 {
color: #FFCC33;
}


a.bignav2 {
margin: 0px;
padding: 0px;
font-weight: normal;
text-decoration: none;
float: left;
}

a.bignav2 h3 {
margin: 0px;
padding: 0px;
margin-top: 10px;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 1.6em;
line-height:1.6em;
font-weight: normal;
text-decoration: none;
color: #99CC00;
text-decoration: none;
float: left;
}

a.bignav2:hover h3 {
color: #FFCC33;
cursor: pointer;
}

a.bignav2:focus {
-moz-outline: none;/* fx 1.07*/
 outline:none; /* fx 1.05, Safari, Mac IE*/
}


/*****************/
a.bignavh3 	{
margin: 0px;
padding: 0px;
font-weight: normal;
text-decoration: none;
float: left;
}

h3 a.bignavh3 {
margin: 0px;
padding: 0px;
margin-top: 10px;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 1.6em;
line-height:1.6em;
font-weight: normal;
text-decoration: none;
color: #99CC00;
text-decoration: none;
float: left;
}


h3  a.bignavh3:hover {
color: #FFCC33;
cursor: pointer;
}

a.bignavh3:focus {
-moz-outline: none;/* fx 1.07*/
 outline:none; /* fx 1.05, Safari, Mac IE*/
}

#bo

/****************/



.grey {
color: #AAAAAA;
}

.red {
color: #EE0000;
}





.roundedbox {
height: 34px;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
padding-bottom: 0.35em;
padding-top: 0.35em;
padding-left: 0px;
padding-right: 0px;
background: #FFFFFF;
display: inline;
border: 0px solid red;
}


.roundedboxleft {
margin: 0px;
padding: 0px;
padding-bottom: 0px;
padding-top: 0em;
padding-right: 0px;
padding-left: 0px;
background:url(../scl_images/roundedendleft.gif) no-repeat;
background-position:  left -0.35em;
margin-left: 0px;
margin-right: 0px;
border: 0px solid blue;
}

.roundedboxright {
margin: 0px;
padding: 0px;
padding-bottom: 8px;
padding-top: 0.35em;
padding-right: 6px;
padding-left: 6px;
background:url(../scl_images/roundedendright.gif) no-repeat;
background-position:  right 0em;
margin-left: 0px;
margin-right: 0px;
border: 0px solid blue;
}

.roundedboxtop {
margin: 0px;
padding: 0px;
padding-bottom: 0px;
padding-top: 0px;
background:url(../scl_images/solidtop.gif) repeat-x;
background-position: left -0.35em;
margin-left: 6px;
margin-right: 6px;
padding-right: 0px;
padding-left: 0px;
border: 0px solid blue;
}

.roundedboxbottom {
margin: 0px;
padding: 0px;
padding-bottom: 8px;
padding-top: 0px;
background:url(../scl_images/solidbottom.gif) repeat-x;
background-position:  right 1.35em;
margin-left: 0px;
margin-right: 0px;
padding-right: 6px;
padding-left: 6px;
border: 0px solid blue;
}

#datetimebar{
margin: 0px;
padding: 0px;
font-size: 0.8em;
color: #99CC00;
background-color:#FFFFFF;
}



/*image ul bullets */



ul.iconlist
{
list-style: none;
margin: 0px;
padding: 0px;
}

li.iconlist
{
background-image: url(../scl_images/green4.jpg);
background-repeat: no-repeat;
background-position: 0em 0em;
padding-top:0px;
padding-bottom:0px;
padding-left:0px
padding-right:0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}



a.iconlist {
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px
padding-right:0px;
color: #99CC00;
text-decoration: none;
border: 0px solid red;
}


a.iconlist:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

.iconlisttext {
padding: 0px;
margin: 0px;
width: auto;
height: 40px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 30px;
margin-right: 0px;
padding-top: 0.6em;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border: 0px solid red;
}



ul.green_bullet_list
{
list-style: none;
margin: 0;
padding: 0;
}


li.green_bullet
{
background-image: url(../scl_images/green_bullet2.gif);
background-repeat: no-repeat;
background-position: 0em 0.35em;
padding-top:0px;
padding-bottom:0px;
padding-left:0px
padding-right:0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
float: none;
}


.green_bullet_text {
padding: 0px;
margin: 0px;
width: auto;
height: 40px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border: 0px solid red;
}       


/***********************************************************/

.green_line {
/*display: block; - cannot use - ie bug hides some bullets on hover elswhere in page!*/ 
padding: 0px;
margin: 0px;
margin-top: 0.8em;
margin-bottom: 0.8em;
width: auto;
text-align: left;
margin-left: 20px;
border: 0px solid yellow;
float: left;
}       

ul.green_line
{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 0.5em;
float: left;
}


ul.green_line li {
padding: 0px;
margin: 0px;
margin-top: 0.5em;
list-style: none;
padding-left: 1em;
/*list-style-image: url(../scl_images/green_bullet2.gif);*/
background-image: url(../scl_images/green_bullet2.gif);
background-repeat: no-repeat;
background-position: 0em 0.35em;
}

.green_line a {
position: relative;
width: auto;
text-align: left;
color: #99CC00;
text-decoration: none;
}

.green_line a:hover h4 {
background-color:#FFFFFF;
color: #FFCC33;
}

.green_line a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}




/*********************** done below*************************/

.wide_green_line {
/*display: block; - cannot use - ie bug hides some bullets on hover elswhere in page!*/ 
padding: 0px;
margin: 0px;
margin-top: 0.8em;
margin-bottom: 0.8em;
width: auto;
text-align: left;
margin-left: 20px;
border: 0px solid yellow;
float: left;
}       

ul.wide_green_line
{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 0.5em;
float: left;
}

ul.wide_green_line li {
padding: 0px;
margin: 0px;
margin-top: 0.5em;
list-style: none;
padding-left: 1em;
/*list-style-image: url(../scl_images/green_bullet2.gif);*/
background-image: url(../scl_images/green_bullet2.gif);
background-repeat: no-repeat;
background-position: 0em 0.35em;
}

.wide_green_line a {
position: relative;
width: auto;
text-align: center;
color: #99CC00;
text-decoration: none;
}

.wide_green_line a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

.wide_green_line h3 {
display: inline;
}

.wide_green_line a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}

/************************************************/

.wide_green_line_boxed {
/*display: block; - cannot use - ie bug hides some bullets on hover elswhere in page!*/ 
width: 430px !important;
max-width: 430px !important;
height: 60px;
min-height: 60px;
text-align: left;
margin: 0;
padding: 0;
padding-top: 0.5em;
padding-top: 0.5em;
padding-left: 2em;
padding-right: 2em;
margin-top: 0em;
margin-bottom: 0.5em;
margin-left: 0.5em;
float: left;
border: 1px solid #FFCC33;
}       

ul.wide_green_line_boxed
{
list-style: none;
list-style-type: none;
}

ul.wide_green_line_boxed li {
padding: 0px;
margin: 0px;
margin-top: 0.5em;
list-style: none;
padding-left: 1em;
/*list-style-image: url(../scl_images/green_bullet2.gif);*/
background-image: url(../scl_images/green_bullet2.gif);
background-repeat: no-repeat;
background-position: 0em 0.35em;
}

.wide_green_line_boxed a {
position: relative;
width: auto;
text-align: center;
color: #99CC00;
text-decoration: none;
}

.wide_green_line_boxed a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

.wide_green_line_boxed h3 {
display: inline;
}

.wide_green_line_boxed a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}


/**********************************************************/
.productstitle {
width:600px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
float: left;
border: 0px solid yellow;
}               


.productstopcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
line-height: 1.2em;
text-align: justify;
border: 0px solid yellow;
}               


.productsleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.productsrightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               




.productslist
{
margin: 0px;
padding: 0px;
border: 0px solid red;
}


ul.productslist
{
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}


ul.productslist li
{
margin: 0px;
padding: 0px;
height: 100px;
margin-bottom: 20px;
margin-bottom: 20px;
vertical-align: top; /*strangely - sets valign for whole li section!*/
float: left;
border: 0px solid yellow;
}


ul.productslist img {
padding: 0px;
margin: 0px;
margin-right: 20px;
vertical-align: middle; /*strangely - sets valign for whole li section!*/
float: left;
border: 1px solid #CCCCCC;
}       

ul.productslist li p {
margin: 0px;
padding: 0px;
vertical-align: top;
}


ul.productslist a {
color: #99CC00;
text-decoration: underline;
}


ul.productslist a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

ul.productslist h3 {
margin-top: 0px;
}

ul.productslist a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}



/**********************************************************/
.servicestitle {
width:600px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
float: left;
border: 0px solid yellow;
}               


.servicestopcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
line-height: 1.2em;
text-align: justify;
border: 0px solid yellow;
}               


.servicesleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.servicesrightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               




.serviceslist
{
margin: 0px;
padding: 0px;
border: 0px solid red;
}


ul.serviceslist
{
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}


ul.serviceslist li
{
margin: 0px;
padding: 0px;
height: 100px;
margin-bottom: 20px;
margin-bottom: 20px;
vertical-align: top; /*strangely - sets valign for whole li section!*/
float: left;
border: 0px solid yellow;
}


ul.serviceslist img {
padding: 0px;
margin: 0px;
margin-right: 20px;
vertical-align: middle; /*strangely - sets valign for whole li section!*/
float: left;
border: 1px solid #CCCCCC;
}       


ul.serviceslist a {
color: #99CC00;
text-decoration: underline;
}


ul.serviceslist a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

ul.serviceslist h3 {
margin-top: 0px;
}

ul.serviceslist a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}




/*********************************************************/


.softwareleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.softwarerightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               



.softwarelist
{
margin: 0px;
padding: 0px;
border: 0px solid red;
}


ul.softwarelist
{
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}


ul.softwarelist li
{
margin: 0px;
padding: 0px;
margin-bottom: 20px;
margin-bottom: 20px;
vertical-align: top; /*strangely - sets valign for whole li section!*/
float: left;
border: 0px solid yellow;
}


ul.softwarelist img {
padding: 0px;
margin: 0px;
margin-right: 20px;
vertical-align: middle; /*strangely - sets valign for whole li section!*/
float: left;
border: 1px solid #CCCCCC;
}       


ul.softwarelist a {
color: #99CC00;
text-decoration: underline;
}


ul.softwarelist a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

ul.softwarelist h3 {
margin-top: 0px;
}

ul.softwarelist a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}



/***********************************************/


.portfoliotitle {
width:600px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
float: left;
border: 0px solid yellow;
}               


.portfoliotopcontent {
width:645px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
line-height: 1.2em;
text-align: justify;
border: 0px solid yellow;
}               


.portfolioleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.portfoliorightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               




.portfoliolist
{
margin: 0px;
padding: 0px;
border: 0px solid red;
}


ul.portfoliolist
{
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}


ul.portfoliolist li
{
margin: 0px;
padding: 0px;
height: 120px;
width: 280px;
margin-bottom: 20px;
vertical-align: top; /*strangely - sets valign for whole li section!*/
float: left;
border: 0px solid yellow;
}


ul.portfoliolist img {
padding: 0px;
margin: 0px;
margin-right: 20px;
vertical-align: middle; /*strangely - sets valign for whole li section!*/
float: left;
border: 1px solid #CCCCCC;
}       


ul.portfoliolist a {
color: #99CC00;
text-decoration: underline;
}


ul.portfoliolist a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

ul.portfoliolist h3 {
margin-top: 0px;
}

ul.portfoliolist a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}




/*********************** end done*************************/

.technologiesleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.technologiesrightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               


.technologieslist
{
margin: 0px;
padding: 0px;
border: 0px solid red;
}


ul.technologieslist
{
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}


ul.technologieslist li
{
margin: 0px;
padding: 0px;
height: 66px;
margin-bottom: 10px;
vertical-align: middle; /*strangely - sets valign for whole li section!*/
border: 0px solid yellow;
}


ul.technologieslist img {
padding: 0px;
margin: 0px;
margin-right: 20px;
vertical-align: middle; /*strangely - sets valign for whole li section!*/
float: left;
border: 1px solid #CCCCCC;
}       


ul.technologieslist a {
margin: 0px;
padding: 0px;
color: #AAAAAA;
text-decoration: none;
border: 0px solid red;
}


ul.technologieslist a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}


/**********************************************************/
.applicationsleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.applicationsrightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               


.applicationslist
{
margin: 0px;
padding: 0px;
border: 0px solid red;
float: left;
}


ul.applicationslist
{
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}


ul.applicationslist li
{
margin: 0px;
padding: 0px;
margin-bottom: 15px;
margin-top: 0px;
vertical-align: top;
float: left;
border: 0px solid yellow;
}


ul.applicationslist li img {
padding: 0px;
margin: 0px;
margin-right: 10px;
float: left;
border: 1px solid #CCCCCC;
}               

ul.applicationslist li p {
margin: 0px;
padding: 0px;
vertical-align: top;
}


ul.applicationslist li a {
margin: 0px;
padding: 0px;
color: #99CC00;
text-decoration: none;
border: 0px solid red;
}


ul.applicationslist li a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

ul.applicationslist h3 {
margin-top: 0px;
padding-top: 0px;
border: 0px solid red;
}

ul.applicationslist li a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}


/**********************************************************/
.customersleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.customersrightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               


.customerslist
{
margin: 0px;
padding: 0px;
border: 0px solid red;
float: left;
}


ul.customerslist
{
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}


ul.customerslist li
{
margin: 0px;
padding: 0px;
height: 100px;
width: 280px;
margin-bottom: 15px;
margin-top: 0px;
vertical-align: top;
float: left;
border: 0px solid yellow;
}




ul.customerslist li img {
padding: 0px;
margin: 0px;
margin-right: 10px;
margin-bottom: 0px;
float: left;
border: 1px solid #CCCCCC;
}               

ul.customerslist li p {
margin: 0px;
padding: 0px;
vertical-align: top;
}


ul.customerslist li a {
margin: 0px;
padding: 0px;
color: #99CC00;
text-decoration: none;
border: 0px solid red;
}


ul.customerslist li a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

ul.customerslist h3 {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0.5em;
border: 0px solid red;
}

ul.customerslist li a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}


.customersbottomcontent {
width:  300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 50px;
float: left;
border: 0px solid yellow;
}               



/********************************************************/

.oscommerceleftcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.oscommercerightcontent {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               


.oscommercelist
{
margin: 0px;
padding: 0px;
border: 0px solid red;
float: left;
}


ul.oscommercelist
{
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}


ul.oscommercelist li
{
margin: 0px;
padding: 0px;
height: 120px;
margin-bottom: 15px;
margin-top: 0px;
vertical-align: top;
float: left;
border: 0px solid yellow;
}


ul.oscommercelist li img {
padding: 0px;
margin: 0px;
margin-right: 10px;
float: left;
border: 1px solid #CCCCCC;
}               

ul.oscommercelist li p {
margin: 0px;
padding: 0px;
vertical-align: top;
}


ul.oscommercelist li a {
margin: 0px;
padding: 0px;
color: #99CC00;
text-decoration: none;
border: 0px solid red;
}


ul.oscommercelist li a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

ul.oscommercelist h3 {
margin-top: 0px;
padding-top: 0px;
border: 0px solid red;
}

ul.oscommercelist li a:hover h3 {
background-color:#FFFFFF;
color: #FFCC33;
}


.oscommmerceleftcontent1 {
width:450px;
float: left;
border: 0px solid yellow;
}               

.oscommercebottomcontent {
width:  300px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 50px;
float: left;
border: 0px solid yellow;
}               




/*******************************************************/

.smallboxlogo {
display: inline;
padding: 1px;
margin: 0px;
margin-left: 0px;
margin-right: 5px;
border: 1px solid #DDDDDD;
}

.streamingleftcontent1 {
width:300px;
border: 0px solid yellow;
}               


/*******************************************************/

.logo_bullet
{
margin: 0px;
padding: 0px;
border: 0px solid red;
}


ul.logo_bullet
{
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
}


ul.logo_bullet li
{
margin: 0px;
padding: 0px;
margin-bottom: 10px;
border: 0px solid yellow;
}


ul.logo_bullet img {
padding: 0px;
margin: 0px;
vertical-align: middle; /*strangely - sets valign for whole li section!*/
border: 1px solid #CCCCCC;
}       

ul.logo_bullet a {
margin: 0px;
padding: 0px;
color: #AAAAAA;
text-decoration: none;
border: 0px solid red;
}


ul.logo_bullet a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

/*******************************************************/


.applicationstopcontent {
width:645px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               


/**********************************************************/

.projectmanagementleftcontent {
width:400px;
border: 0px solid yellow;
}               

/**********************************************************/

.artworkleftcontent1 {
width:450px;
border: 0px solid yellow;
}               

/**********************************************************/

.trainingleftcontent1 {
width:450px;
border: 0px solid yellow;
}               

/**********************************************************/


.websolutionsleftcontent1 {
width:300px;
border: 0px solid yellow;
}               

/**********************************************************/

.hostingtopcontent1 {
width:645px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
line-height: 1.2em;
text-align: justify;
border: 0px solid yellow;
}               


hostingukdata {
margin: 0px;
padding-left: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
width:182px;
height:110px
float: right;
border: 0px solid yellow;
}


.hostingsmallbox1 {
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-left: 5px;
width:80px;
float: left;
border: 0px solid yellow;
}

.hostingsmallbox1 img {
margin: 0px;
padding: 0px;
align: center;
float: none;
border: 0px solid yellow;
}


/*****style below added by Al for campign support page 040807*******/


.campaignsmallbox1 {
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-left: 15px;
width:140px;
float: left;
border: 0px solid yellow;
}




/**********************************************************/


.qualityleftcontent1 {
width:200px;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
float: left;
border: 0px solid yellow;
}               

.qualitymidcontent1 {
width:200px;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
float: left;
border: 0px solid yellow;
}               


.qualityrightcontent1 {
width:200px;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
float: left;
border: 0px solid yellow;
}               

.qualityleftcontent1 h3{
margin-top: 0px;
}

.qualitymidcontent1 h3{
margin-top: 0px;
}

.qualityrightcontent1 h3{
margin-top: 0px;
}

.qualitysmallbox1 {
margin: 0px;
padding: 0px;
margin-top: 10px;
float: none;
border: 0px solid yellow;
}

.qualitysmallbox1 img {
margin: 0px;
padding: 1px;
margin-right: 5px;
margin-bottom: -2px;
align: center;
float: none;
border: 1px solid #DDDDDD;
}

p.qualityleftcontent2 {
width: 450px;
}

/**************************/

p.integrationleftcontent1 {
width: 350px;
}



/*********************************************************/

.sclmailto {
margin: 0px;
padding: 0px;
border: 0px solid red;
}

a.sclmailto {
color: #99CC00;
text-decoration: none;
}

a.sclmailto:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

/********************************************************/

.newscontent {
width:310px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
border: 0px solid yellow;
}               

.newstext {
width:200px;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
line-height: 1.2em;
text-align: left;
vertical-align: text-top;
float: right;
border: 0px solid yellow;
}               


.newsimage {
margin: 0px;
padding: 0px;
padding-top: 10px;
float: left;
border: 0px solid yellow;
}               

.newsbottomcontent {
width:  350px;
margin: 0px;
padding: 0px;
float: left;
border: 0px solid yellow;
}               

/******************************************************/

.customercontent {
width:650px;
margin: 0px;
padding: 0px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
float: left;
border: 0px solid yellow;
}               

.customertext {
width:300px;
margin: 0px;
padding: 0px;
margin-left: 20px;
margin-top: 20px;
line-height: 1.2em;
text-align: left;
vertical-align: text-top;
float: left;
border: 0px solid yellow;
}               


.customerimagebox {
display: table-cell;
height: 80px;
width: 150px;
text-align: center;
vertical-align: middle;
float: left;
border: 0px solid yellow;
}               

img.customerimage {
border: 0px solid blue;
}               

.inlinenavigation {
display: inline;
height: 1%;
padding: 0px;
margin: 0px;
text-align: center;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
font-weight:normal;
text-decoration: none;
border: 0px solid red;
color: #99CC00;
float: none;
}

a.inlinenavigation {
color: #99CC00;
text-decoration: underline;
}

a.inlinenavigation:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

.inlinenavigation2 {
padding: 0px;
margin: 0px;
text-align: center;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
font-weight:normal;
text-decoration: none;
border: 0px solid red;
color: #99CC00;
}

a.inlinenavigation2 {
color: #99CC00;
text-decoration: none;
}

a.inlinenavigation2:hover {
background-color:#FFFFFF;
color: #FFCC33;
}


table.sample {
        border-width: 0px 0px 0px 0px;
        border-spacing: 0px;
        border-style: hidden hidden hidden hidden;
        border-color: rgb(153, 204, 0) rgb(153, 204, 0) rgb(153, 204, 0) rgb(153, 204, 0);
        border-collapse: separate;
        background-color: rgb(153, 204, 0);
        color:#000000;
        font-family: verdana,helvetica,arial,sans-serif;
        font-size: 85%;
        margin-top: 1em;
        margin-bottom: 1em;
}
table.sample th {
        border-width: 1px 1px 1px 1px;
        padding: 4px 4px 4px 4px;
        border-style: double double double double;
        border-color: rgb(236, 255, 176) rgb(236, 255, 176) rgb(236, 255, 176) rgb(236, 255, 176);
        background-color: rgb(153, 204, 0);
        -moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
        border-width: 1px 1px 1px 1px;
        padding: 4px 4px 4px 4px;
        border-style: double double double double;
        border-color: rgb(236, 255, 176) rgb(236, 255, 176) rgb(236, 255, 176) rgb(236, 255, 176);
        background-color: rgb(242, 255, 202);
        -moz-border-radius: 0px 0px 0px 0px;
}



table.sample2 {
        border-width: 0px 0px 0px 0px;
        border-spacing: 0px;
        border-style: hidden hidden hidden hidden;
        border-color: rgb(153, 204, 0) rgb(153, 204, 0) rgb(153, 204, 0) rgb(153, 204, 0);
        border-collapse: separate;
        background-color: rgb(133, 204, 0);
        color:#000000;
        font-family: verdana,helvetica,arial,sans-serif;
        font-size: 85%;
        margin-top: 1em;
        margin-bottom: 1em;
}
table.sample2 th {
        border-width: 1px 1px 1px 1px;
        padding: 4px 4px 4px 4px;
        border-style: double double double double;
        border-color: rgb(236, 255, 176) rgb(236, 255, 176) rgb(236, 255, 176) rgb(236, 255, 176);
        background-color: rgb(133, 204, 0);
        -moz-border-radius: 0px 0px 0px 0px;
}
table.sample2 td {
        border-width: 1px 1px 1px 1px;
        padding: 4px 4px 4px 4px;
        border-style: double double double double;
        border-color: rgb(236, 255, 176) rgb(236, 255, 176) rgb(236, 255, 176) rgb(236, 255, 176);
        background-color: rgb(255, 179, 102);
        -moz-border-radius: 0px 0px 0px 0px;
}



.incImage {
        float:left;
        margin:3px 5px 0px 0px;
}


/***********************************************/
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox2, .cssbox_body, .cssbox_head, .cssbox_head h5{
 background: transparent url(../scl_images/pop_png2.png) no-repeat bottom right;
} 

.cssbox {
/*width: 622px !important;*/ /* intended total box width - padding-right(next) */
/*width: 607px;*/ /* IE Win = width - padding */
width: 400px !important;
width: 385px;
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 0px; /* use to position the box */
}

.cssbox2 {
/*width: 622px !important;*/ /* intended total box width - padding-right(next) */
/*width: 607px;*/ /* IE Win = width - padding */
width: 607px !important;
width: 592px;
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 0px; /* use to position the box */
}


 /* set the top-right image */
.cssbox_head { 
background-position: top right;
margin-right: -15px; /* pull the right image over on top of border */
padding-right: 40px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h5 {
background-position: top left;
margin: 0; /* reset main site styles*/
border: 0; /* ditto */ 
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
height: auto !important;
height: 1%; /* IE Holly Hack */
border: 0px solid green;
padding-bottom: 0px;
padding-top: 15px;
padding-left: 20px;
} 

/* set the lower-left corner image */
.cssbox_body {
background-position: bottom left;
margin-right: 10px; /* interior-padding right */
padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
border: 0px solid red;
padding-top: 5px;
padding-left: 20px;
} 
        
.cssbox_heading {
margin-left: 20px;
margin-top: 20px;
font-size: 1.5em;
}

/***************************************/
.overlayzone {
margin: 0px;
padding: 0px;
border: 0px solid blue;
float: left;
}

        
.overlaypanel {
position: absolute;
z-index: 3000;
top: 0px;
margin: 0px;
padding: 0px;
border: 0px solid red;
font-size: 0.75em;
clear: both;
}

.overlaypanel2_bak_120807 {
position: absolute;
top: 250px;
margin: 0px;
padding: 0px;
border: 0px solid red;
font-size: 0.75em;
clear: left;
}

.overlaypanel2 {
position: absolute;
top: 25px;
left: 0px;
margin: 0px;
padding: 0px;
border: 0px solid red;
font-size: 0.75em;
clear: left;
}

/***************************************/

#enquiryform {
visibility: hidden;
position: absolute;
top: 25px;
left: 0px;
height: 0px;
z-index:1;
}       

.personal_details_area {
margin: 0px;
padding: 0px;
border: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

.personal_details_area label  {
margin: 0px;
padding: 0px;
border: 0px;
display: block;
float: left;
width: 132px;
border: 0px solid yellow;
}

#scl_enquiry_message {
}
	
/***************************************/



#robcv {
visibility: hidden;
height: 0px;    
}

#alcv {
visibility: hidden;
height: 0px;
}


#guru1cv {
visibility: hidden;
height: 0px;
}

#guru2cv {
visibility: hidden;
height: 0px;
}       


#testimonial1 {
visibility: hidden;
height: 0px;
}       

#testimonial2 {
visibility: hidden;
height: 0px;
}       

#testimonial3 {
visibility: hidden;
height: 0px;
}       

#testimonial4 {
visibility: hidden;
height: 0px;
}       

#testimonial5 {
visibility: hidden;
height: 0px;
}       

#testimonial6 {
visibility: hidden;
height: 0px;
}       

#testimonial7 {
visibility: hidden;
height: 0px;
}       

#testimonial8 {
visibility: hidden;
height: 0px;
}       

#testimonial9 {
visibility: hidden;
height: 0px;
}       

#testimonial10 {
visibility: hidden;
height: 0px;
}  



.rightclose {
margin: 0px;
padding: 0px;
float: right;
margin-top: 20px;
margin-right: -15px;
}


a.rightclose2 {
background:url(../scl_images/close_panel_out.gif) no-repeat;
background-position: top right;
color: #99CC00;
text-decoration: none;
}

a.rightclose2:hover {
background:url(../scl_images/close_panel_over.gif) no-repeat;
background-position: top right;
color: #FFCC33;
text-decoration: none;
}


/***************************************/
#conceptualdesign {
visibility: hidden;
height: 0px;
}       

#visualdesign {
visibility: hidden;
height: 0px;
}       

#engineeringdesign {
visibility: hidden;
height: 0px;
}       

#contentdesign {
visibility: hidden;
height: 0px;
}       

#contextualdesign {
visibility: hidden;
height: 0px;
}       


/***************************************/

#campaignplandesign {
visibility: hidden;
height: 0px;
}       

#campaigntextanalsymdes {
visibility: hidden;
height: 0px;
}       

#campaigncollateral {
visibility: hidden;
height: 0px;
}       

#campaignartwrite {
visibility: hidden;
height: 0px;
}       

#campaignemaillists {
visibility: hidden;
height: 0px;
}       

#campaignmailenv {
visibility: hidden;
height: 0px;
}       

#campaignnetworkexecution {
visibility: hidden;
height: 0px;
}       

#campaigntrackrespond {
visibility: hidden;
height: 0px;
}       

#campaignfiltermapreport {
visibility: hidden;
height: 0px;
}       

#campaignanalconvert {
visibility: hidden;
height: 0px;
}       


/***************************************/

#supportnotes1 {
visibility: hidden;
height: 0px;
}       


/***************************************/

#oscmodule1 {
visibility: hidden;
height: 0px;
}       

#oscmodule2 {
visibility: hidden;
height: 0px;
}       

#oscmodule3 {
visibility: hidden;
height: 0px;
}       

#oscmodule4 {
visibility: hidden;
height: 0px;
}       

#oscmodule5 {
visibility: hidden;
height: 0px;
}       

#oscmodule6 {
visibility: hidden;
height: 0px;
}       

#oscmodule7 {
visibility: hidden;
height: 0px;
}       

#oscmodule8 {
visibility: hidden;
height: 0px;
}       

#oscmodule9 {
visibility: hidden;
height: 0px;
}       

#oscmodule10 {
visibility: hidden;
height: 0px;
}       

#oscmodule11 {
visibility: hidden;
height: 0px;
}       

#oscmodule12 {
visibility: hidden;
height: 0px;
}       

#oscmodule13 {
visibility: hidden;
height: 0px;
}       

#oscmodule14 {
visibility: hidden;
height: 0px;
}       

#oscmodule15 {
visibility: hidden;
height: 0px;
}       


#oscmodule21 {
visibility: hidden;
height: 0px;
}       

#oscmodule22 {
visibility: hidden;
height: 0px;
}       

#oscmodule23 {
visibility: hidden;
height: 0px;
}       

#oscmodule24 {
visibility: hidden;
height: 0px;
}       

#oscmodule25 {
visibility: hidden;
height: 0px;
}       

#oscmodule26 {
visibility: hidden;
height: 0px;
}       

#oscmodule27 {
visibility: hidden;
height: 0px;
}       

#oscmodule28 {
visibility: hidden;
height: 0px;
}       

#oscmodule29 {
visibility: hidden;
height: 0px;
}       

#oscmodule30 {
visibility: hidden;
height: 0px;
}       

#oscmodule31 {
visibility: hidden;
height: 0px;
}

#oscmodule32 {
visibility: hidden;
height: 0px;
}

        
#oscmodule41 {
visibility: hidden;
height: 0px;
}       

#oscmodule51 {
visibility: hidden;
height: 0px;
}
        
#oscmodule61 {
visibility: hidden;
height: 0px;
}

#oscmodule71 {
visibility: hidden;
height: 0px;
}

/***************************************/

#hosting1 {
visibility: hidden;
height: 0px;
}

#hosting2 {
visibility: hidden;
height: 0px;
}

#hosting3 {
visibility: hidden;
height: 0px;
}

#hosting4 {
visibility: hidden;
height: 0px;
}

#hosting5 {
visibility: hidden;
height: 0px;
}

#hosting10 {
visibility: hidden;
height: 0px;
}

#hosting11 {
visibility: hidden;
height: 0px;
}

#hosting12 {
visibility: hidden;
height: 0px;
}

#hosting13 {
visibility: hidden;
height: 0px;
}

#hosting14 {
visibility: hidden;
height: 0px;
}

#hosting15 {
visibility: hidden;
height: 0px;
}

#hosting16 {
visibility: hidden;
height: 0px;
}



/***************************************/


#dhtmltooltip{
position: absolute;
left: -300px;
width: 500px;
border: 1px solid black;
padding: 2px;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 1001;
visibility: hidden;
}

/***************************************/
/*nb mac safari bug => iff use % for left or top then must sipply width, height. else use px for left or top & ok, else ignores position*/

.test {
padding: 0px;
margin: 0px;
width: 600px;
}

.rolloverpopup {
width: 500px;
border: 0px solid green;
}

#bigcolli {
margin: 0px;
padding: 0px;
width: 336px;
height:327px;
position: absolute;
top: 200px;
left: 80%;
border: 0px solid red;
}

#girl_unicycle {
margin: 0px;
padding: 0px;
position: absolute;
bottom: 0px;
right: 0px;
}

#wall {
margin: 0px;
padding: 0px;
position: absolute;
top: 239px;
right: -454px;
}


#bee {
margin: 0px;
padding: 0px;
width: 189px;
height: 122px;
position: absolute;
top: 610px;
left: 85%;
z-index: 2000;
border: 0px solid yellow;
}

#hive {
margin: 0px;
padding: 0px;
position: absolute;
top: 635px;
left: 700px;
z-index: 2000;
border: 0px solid yellow;
}

#beans {
margin: 0px;
padding: 0px;
position: absolute;
top: 650px;
left: 800px;
z-index: 2000;
border: 0px solid yellow;
}


#teapot {
margin: 0px;
padding: 0px;
width: 335px;
height: 227px;
position: absolute;
top: 550px;
left: 70%;
z-index: 2000;
border: 0px solid yellow;
}

#camel {
margin: 0px;
padding: 0px;
position: absolute;
top: 100px;
left: 400px;
z-index: 3000;
border: 0px solid yellow;
}

#tardis {
margin: 0px;
padding: 0px;
position: absolute;
top: 1000px;
left: 800px;
z-index: 3000;
border: 0px solid yellow;
}

#mouse {
margin: 0px;
padding: 0px;
position: absolute;
top: 2600px;
left: 800px;
z-index: 3000;
border: 0px solid yellow;
}

#videocamera {
margin: 0px;
padding: 0px;
position: absolute;
top: 600px;
left: 750px;
z-index: 3000;
border: 0px solid yellow;
}

#papers {
margin: 0px;
padding: 0px;
position: absolute;
top: 600px;
left: 800px;
z-index: 3000;
border: 0px solid yellow;
}

#techhead {
margin: 0px;
padding: 0px;
position: absolute;
top: 50%;
left: 70%;
z-index: 3000;
border: 0px solid yellow;
}

#coffee_bean {
margin: 0px;
padding: 0px;
width: 55px;
height: 45px;
position: absolute;
top: 640px;
left: 90%;
z-index: 3000;
border: 0px solid yellow;
}

#welcomeblueblob {
margin: 0px;
padding: 0px;
width: 300px;
height: 300px;
position: absolute;
top: 660px;
left: 80%;
z-index: 3000;
border: 0px solid yellow;
}



/******************************************/

#faderanchor {
}

#faderimage {
visibility: visible;
height: 100px;
width: 150px;
border: 0px solid red;
}



/******************************************/

#flashvideo1 {
margin: 0px;
padding: 0px;
padding-top: -10px;
position: absolute;
right: 0%;
bottom: 12%;
border: 5px solid #99CC00; 
}

#flvplayer {
margin: 0px;
padding: 0px;
}


/******************************************/


#aiform {
margin-top: 40px;
}

#aiuserbotresponse {
margin-top: 100px; 
width: 500px;
height: 200px;
font-weight: bold;
color: #FF8800;
overflow: auto;
border: 0px solid green;
}

#aiusersessionid {
}

#aiuserbotname {
}

#aiuserinput {
margin-top: 3px;
margin-right: 20px;
width: 400px;
float: left;
}
	
.bigbutton {
margin: 0px;
padding: 0px;
padding-top: 5px;
width: 78px;
height: 22px;
font-weight:bold;
text-decoration: none;
color: #FFFFFF;
text-align: center;
background:url(../scl_images/enter_out.gif) no-repeat;
background-position: center;
float: left;
border: 0px solid yellow;
}

.bigbutton:hover {
background:url(../scl_images/enter_over.gif) no-repeat;
background-position: center;
color: #FFFFFF;
}

.bigbutton:active {
background:url(../scl_images/enter_press.gif) no-repeat;
background-position: center;
color: #FFFFFF;
}


.bigbutton:focus {-moz-outline: none; /* fx 1.07*/ outline:none /* fx 1.05, 
Safari, Mac IE*/}





#aienter {
margin-top: 38px;
}

#enquiry_submit {
margin: 0px;
padding: 0px;
width: 87px;
height: 40px;
float: left;
}


.aquabutton_small {
margin: 0px;
padding: 0px;
width: 87px;
height: 40px;
line-height:25px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
text-align: center;
background:url(../scl_images/aqua_outs.jpg) no-repeat;
background-position: center;
float: left;
border: 0px solid yellow;
}


.aquabutton_small:hover {
background:url(../scl_images/aqua_overs.jpg) no-repeat;
background-position: center;
color: #FFFFFF;
}

.aquabutton_small:active {
background:url(../scl_images/aqua_clicks.jpg) no-repeat;
background-position: center;
color: #FFFFFF;
}


.aquabutton_small:focus {-moz-outline: none; /* fx 1.07*/ outline:none /* fx 1.05, 
Safari, Mac IE*/}


#enquiry_request1 {
float: left;
margin: 0px;
padding: 0px;
width: 87px;
height: 40px;
}
	



		
/******************************************/




.bottommenu {
margin: 0px;
padding: 0px;   
position: absolute;
line-height: 3.0em;
width:600px;
bottom: 20px;   
left: 0px;
border: 0px solid yellow;
}


ul.bottommenu, .bottommenu ul {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}

li.bottommenu, .bottommenu li {
margin: 0;
padding: 0;
display: inline;
}



.bottommenu a {
position: relative;
margin: 0px;
padding: 0px;
margin-right: 15px;
width: auto;
text-align: center;
color: #99CC00;
text-decoration: none;
font-weight:bold;
float: left;
display: inline;
}

.bottommenu a:hover {
background-color:#FFFFFF;
color: #FFCC33;
}

#bottommenufarright {
margin-left: 420px;
border: 0px solid yellow;
}


/******************************************/

.searchcontainer {
margin: 0px;
padding: 0px;
margin-bottom: 0px;
margin-top: -4px;
width: 88px;
height: 28px;
text-align: right;
float: left;
display: inline;
background:url(../scl_images/input_box1.gif) no-repeat;
background-position: top left;
border: 0px solid yellow;
}

#searchbox {
margin: 0px;
padding: 0px;
width: 76px;
height: 20px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
overflow: hidden;
background-color: transparent;
color: #FFCC33;
border: 0px solid red;
}
	
#searchform {
margin: 0px;
padding: 0px;
text-align: right;
border 0px solid yellow;
}

#searchform label {
display: block;
margin: 0px;
padding: 0px;
text-align: right;
height: 0px;
width: 0px;
visibility: hidden;
border 1px solid yellow;
}


fieldset {
margin: 0px;
padding: 0px;
background: none;
height: 0px;
border 0px solid yellow;
}



#searchanchor {
margin: 0px;
padding: 0px;
margin-top: -5px;
text-align: right;
font-size: 0.8em;
font-weight:bold;
float: right;
border: 0px solid red;
}

#searchanchor:hover {
}

/******************************************/
.coffee_container {
margin: 0px;
padding: 0px;
margin-top: 30px;
margin-left: -50px;
width: 835px;
height: 512px;
float: left;
border: 0px solid blue;
}

	
#coffee_player_area {
margin: 0px;
padding: 0px;
width: 500px;
float: left;
border: 0px solid red;
}

#coffee_radio_player {
margin: 0px;
padding: 0px;
width: 500px;
height: 400px;
visibility: visible;
border: 0px solid red;
}

#coffee_player_logo_area {
margin: 0px;
padding: 0px;
width: 124px;
height: 50px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 185px;
text-align: center;
float: left;
border: 0px solid red;
}

.coffee_player_logo_link {
margin: 0px;
padding: 0px;
border: 0px solid green;
}
	
.coffee_player_logo_image {
margin: 0px;
padding: 0px;
border: 0px solid orange;
}


#coffee_radio_form {
margin: 0px;
padding: 0px;
width: 200px;
height: 20px;
display: inline;
border: 0px solid red;
}

#coffee_tv_form {
margin: 0px;
padding: 0px;
width: 200px;
height: 20px;
display: inline;
border: 0px solid red;
}

#coffee_radio_dropdown {
margin: 0px;
padding: 0px;
width: 250px;
background: #99CC00;
color: #FFFFFF;
font-weight:bold;
}

#coffee_tv_dropdown {
margin: 0px;
padding: 0px;
width: 250px;
background: #99CC00;
color: #FFFFFF;
font-weight:bold;
}


.coffeerightcontent {
margin: 0px;
padding: 0px;
margin-left: 30px;
width: 300px;
float: left;
border: 0	px solid blue;
}

#coffee_clock {
margin: 0px;
padding: 0px:
margin-top: 20px;
margin-left: 100px;
float: left;
border: 0x solid red;
}

#coffee_flamplayer_area {
margin: 0px;
padding: 0px:
width: 300px;
margin-top: 6px;
margin-left: 0px;
float: left;
border: 0px solid red;
}

.greenbox1 {
margin: 0px;
padding: 0px;
margin-left: 4px;
margin-right: 4px;
width: 64px;
height: 64px;
background: url(../scl_images/greenbox1.gif) no-repeat;
background-position: top left;
float: left;
border: 0px solid black;
}

.coffee_box_group {
margin: 0px;
padding: 0px;
margin-top: 6px;
margin-left: 42px;
float: left;
border: 0px solid red;
}

.small_box_image {
margin: 0px;
padding: 0px;
margin-top: 8px;
margin-left: 8px;
border: none;
}


/******************************************/


.welcomemidcontent1 {
width:464px;
margin: 0px;
padding: 0px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               

#welcomescroller {
position: relative;
float: left;
/*bottom: 40px;
left: 0px;*/
width:150px;
height: 300px !important;
overflow: hidden !important;
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 0px;
z-index: 1;
float: left;
border: 0px solid yellow;
}               


#globe_player {
margin: 0px;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
float: left;
border: 0px solid yellow;
}

p.welcomeleftcontent3 {
width:170px;
float: left;
margin-left: 0px;
margin-top: 35px;
text-align: center;
border: 0px solid yellow;
}               

/******************************************/

.overviewmidcontent1 {
width:464px;
margin: 0px;
padding: 0px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 5px;
float: left;
text-align: justify;
border: 0px solid yellow;
}               



p.welcomeleftcontent3 {
width:170px;
float: left;
margin-left: 0px;
margin-top: 35px;
text-align: center;
border: 0px solid yellow;
}