/* Because media=all is used in the html, it has to be corrected in the CSS */
@media screen {


/* HTML Tag Classes */
html { margin:0px; padding:0px; }
body { margin:0px; padding:0px; color:#000000; background:#CCCCCC url("../interface/background_gradient.gif") top left repeat-x; font-size:0.8em; font-family:Verdana,Arial,Helvetica,Sans-serif; }
img { border-style:none; }
form { margin:0px; padding:0px; }

h1 { color:#000000; font-size:1.3em; font-family:Verdana,Arial,Helvetica,Sans-serif; /*font-weight:normal;*/ }
h2 { color:#000000; font-size:1.2em; font-family:Verdana,Arial,Helvetica,Sans-serif; }
h3 { color:#000000; font-size:1.1em; font-family:Verdana,Arial,Helvetica,Sans-serif; }
h4 { color:#000000; font-size:1.0em; font-family:Verdana,Arial,Helvetica,Sans-serif; }
h5 { color:#000000; font-size:0.9em; font-family:Verdana,Arial,Helvetica,Sans-serif; }
h6 { color:#000000; font-size:0.8em; font-family:Verdana,Arial,Helvetica,Sans-serif; }


/* Link Tag Classes */
a, a:visited { color:#644D95; text-decoration:underline; }
a:hover { color:#000000; text-decoration:underline; }


/* Generic Classes */
.bluebold {font-weight:bold; color:#220055;}
.clear { clear:both; height:0px; overflow:hidden; }
.clearow { clear:both; height:10px; overflow:hidden; }
.hidden { display:none; }
.photoMargins { float:right; margin-left:10px; margin-bottom:7px; margin-top:3px; }
.photoMarginsAlt { float:left; margin-right:10px; margin-bottom:7px; margin-top:3px; }
.photoNoFloat { margin-left:10px; margin-bottom:7px; margin-top:3px; }
.search_button { vertical-align:top; margin-top:2px; }
.search_box { width:135px; }
.searchcl_box { width:115px; }
.more { color:#644D95; font-weight:bold; text-transform:uppercase; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.nolink { text-decoration:none!important; }
.nolink:hover { text-decoration:underline!important; }
.largefont { font-size:1.1em; display:block; margin-bottom:1px; }
.center { text-align:center; }
.right { text-align:right; }

/* Content Spacing */
.contentPanel { width:100%; display:block; margin-bottom:10px; }
.contentPanel div.left { width:49%; float:left; }
.contentPanel div.right { width:49%; float:right; }
.contentPanel div.leftSlim { width:39%; float:left; }
.contentPanel div.rightWide { width:59%; float:right; }

/* Content Home Page */
.contentPanelHomeContainer { margin-top:20px; margin-bottom:10px; }
.contentPanelHome { width:100%; display:block; }
.contentPanelHome h3 { color:#644D95; font-size:1.2em; padding:0px!important; margin:0px!important; }
.contentPanelHome div.left { width:48%; float:left; font-size:0.85em; }
.contentPanelHome div.right { width:48%; float:right; font-size:0.85em; }
.contentPanelHome div.icon { width:60px; float:left; }
.contentPanelHome div.text { width:205px; margin-right:3px; float:right; }

/* Content Testimonials */
.contentPanelTestimonials { width:100%; display:block; padding-top:10px; background:#E5E5E5 url("../interface/testimonials.gif") top left repeat-y; }
.contentPanelTestimonials h4 { color:#000000; padding:0px!important; margin:0px!important; }
.contentPanelTestimonials div.left { width:46%; float:left; font-size:0.85em; padding-left:10px; }
.contentPanelTestimonials div.right { width:45%; float:right; font-size:0.85em; margin-right:10px; }
.contentPanelTestimonials div.footer { height:5px; background:url("../interface/testimonials_footer.gif") top left no-repeat; overflow:hidden; }

/* Font Classes */


/* Layout ID's */
#container { width:800px; margin:10px auto; }

#iconPanel { padding-top:20px; padding-bottom:21px; }

/*#header { width:800px; height:174px; margin-bottom:10px; overflow:hidden; background:url("../interface/header.gif") top left no-repeat; }*/
#header { width:800px; height:204px; margin-bottom:10px; overflow:hidden; background:url("../interface/headersector.gif") top left no-repeat; }

#header_right { float:right; width:243px; margin:0px; padding:0px; }
#header_logo { margin:0px; padding:0px; margin-left:15px; margin-top:36px; width:228px; height:130px; }
#header_logo a { display:block; width:228px; height:122px; overflow:hidden; background:url("../interface/logo.gif") top left no-repeat; }
#header_logo a span { display:none; }
#header_logotext { display:none; }

#header_left { float:left; width:556px; }

#header_dropdown { padding:0px; margin:15px 0 0 0; list-style:none; }
#header_dropdown li { float:left; margin:0 0 0 4px; padding:0 8px 0 0; height:21px; background:#4A4A4A url("../interface/header_menu_right.gif") right top no-repeat; padding-right:8px; }
#header_dropdown a,
#header_dropdown a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; top:2px; position:relative; }
#header_dropdown a:hover { color:#FFFFFF; text-decoration:underline; }
#header_dropdown span { background:url("../interface/header_menu_left.gif") left top no-repeat; padding-left:16px; }

#flash_header { width:556px; height:118px; overflow:hidden; margin-top:3px; }

#header_subdropdown { padding:0px; margin:-6px 0 0 0; list-style:none; overflow:hidden; height:30px; }
#header_subdropdown li { float:left; margin:0 0 0 4px; padding:0 0 0 0; height:30px; background:#4A4A4A url("../interface/header_submenu_left.gif") left bottom no-repeat; padding-left:16px; }
#header_subdropdown a,
#header_subdropdown a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; top:2px; position:relative; margin:0; padding:0; }
#header_subdropdown a:hover { color:#FFFFFF; text-decoration:underline; }
#header_subdropdown span { float:left; padding-right:8px; height:30px; background: url("../interface/header_submenu_right.gif") right bottom no-repeat; overflow:hidden; }

#header_dropdown a { font-size:13px; }
#header_subdropdown a { font-size:10px; }

/* Left Content */
#content_left { width:592px; float:left; background:#FFFFFF; }

#content_left h1,
#content_left h2,
#content_left h3,
#content_left h4,
#content_left h5,
#content_left h6,
#content_left p { margin:0 0 10px 0; padding:0px; }
#content_left h2 { color:#4A4A4A; }
.cl_header_top { background:url("../interface/cl_header_top.gif") left top no-repeat; height:8px; width:592px; overflow:hidden; }
.cl_header { background:url("../interface/cl_header.gif") left top no-repeat; height:8px; width:592px; overflow:hidden; }
.cl_padding { padding:10px 15px; }
.cl_footer { background:url("../interface/cl_footer.gif") left top no-repeat; height:8px; width:592px; overflow:hidden; }

.cl_panel { background:#FFFFFF; }
.cl_panel_header { background:url("../interface/cl_panel_header.gif") left top no-repeat; height:8px; width:174px; overflow:hidden; }
.cl_panel_fsr { background:url("../interface/cl_panel_fsr.gif") left top no-repeat; height:101px; width:174px; overflow:hidden; }
.cl_panel_padding { padding:3px 13px; }
.cl_panel_padding p { margin:0; padding:0; }
.cl_panel_footer { background:url("../interface/cl_panel_footer.gif") left top no-repeat; height:8px; width:174px; overflow:hidden; }

/* Left Search Panel */
.scl_panel_search { display:none; }
/* *** Not Currenly Used ***
.scl_panel_search { background:#ACA0C5 url("../interface/search_background.gif") top left repeat-x; }
.scl_header_search { background:url("../interface/searchcl_header.gif") left top no-repeat; height:8px; width:174px; overflow:hidden; }
.scl_padding_search { padding:0px 13px; }
.scl_footer_search { background:url("../interface/searchcl_footer.gif") left top no-repeat; height:8px; width:174px; overflow:hidden; }
*** Not Currenly Used *** */

/* Right Content */
#content_right { width:198px; float:right; }
#content_right h1,
#content_right h2,
#content_right h3,
#content_right h4,
#content_right h5,
#content_right h6,
#content_right p { margin:0 0 10px 0; padding:0px; }
#content_right h2 { color:#4A4A4A; }
.cr_panel { background:#FFFFFF; }
.cr_header_top { background:url("../interface/cr_header_top.gif") left top no-repeat; height:8px; width:198px; overflow:hidden; }
.cr_header { background:url("../interface/cr_header.gif") left top no-repeat; height:8px; width:198px; overflow:hidden; }
.cr_padding { padding:10px 15px; }
.cr_footer { background:url("../interface/cr_footer.gif") left top no-repeat; height:8px; width:198px; overflow:hidden; }

/* Right Search Panel */
.cr_panel_search { display:none; }

/* *** Not Currenly Used ***
.cr_panel_search { background:#ACA0C5 url("../interface/search_background.gif") top left repeat-x; }
.cr_header_search { background:url("../interface/search_header.gif") left top no-repeat; height:8px; width:198px; overflow:hidden; }
.cr_padding_search { padding:0px 15px; }
.cr_footer_search { background:url("../interface/search_footer.gif") left top no-repeat; height:8px; width:198px; overflow:hidden; }
*** Not Currenly Used *** */


/* Footer */
#footer { width:800px; background:url("../interface/footer.gif") top left no-repeat; height:27px; margin-bottom:10px; }
#f_left { width:460px; float:left; }
#f_left_padding { padding:4px 6px; font-size:0.8em; }
#f_right { width:321px; float:right; }

/* Footer Menu */
#f_dropdown { padding:0px; margin:4px 0 0 0; list-style:none; }
#f_dropdown li { float:left; margin:0 4px 0 0; padding:0 0 0 16px; background:#4A4A4A url("../interface/footer_menu_left.gif") left top no-repeat; }
#f_dropdown a,
#f_dropdown a:visited { color:#FFFFFF; text-decoration:none; font-size:0.8em; font-weight:bold; }
#f_dropdown a:hover { color:#FFFFFF; text-decoration:underline; }
#f_dropdown span { background:url("../interface/footer_menu_right.gif") right top no-repeat; padding-right:8px; }


/* Sub Page ID's */

#subcontent_left { width:174px; float:left; font-size:0.85em; }

#scl_header_Intergration { width:174px; height:56px; background:#644D95 url("../interface/scl_header_Intergration.gif") left top no-repeat; overflow:hidden; }

#scl_header_CouncilLocalGovernment { width:174px; height:56px; background:#644D95 url("../interface/scl_header_CouncilLocalGovernment.gif") left top no-repeat; overflow:hidden; }

#scl_header_NationalHealthServices { width:174px; height:56px; background:#644D95 url("../interface/scl_header_NationalHealthServices.gif") left top no-repeat; overflow:hidden; }

#scl_header_Bespoke { width:174px; height:56px; background:#644D95 url("../interface/scl_header_Bespoke.gif") left top no-repeat; overflow:hidden; }

#scl_header_ElectronicDataIntegration { width:174px; height:56px; background:#644D95 url("../interface/scl_header_ElectronicDataIntegration.gif") left top no-repeat; overflow:hidden; }

#scl_header_softwaredevelopment { width:174px; height:56px; background:#644D95 url("../interface/scl_header_Integration.gif") left top no-repeat; overflow:hidden; }

#scl_header_MobileTechnology { width:174px; height:56px; background:#644D95 url("../interface/scl_header_MobileTechnology.gif") left top no-repeat; overflow:hidden; }

#scl_header_DocumentManagement { width:174px; height:56px; background:#644D95 url("../interface/scl_header_DocumentManagement.gif") left top no-repeat; overflow:hidden; }

#scl_header_about { width:174px; height:56px; background:#30527F url("../interface/scl_header_About.gif") left top no-repeat; overflow:hidden; }

#scl_header_broadband { width:174px; height:56px; background:#644D95 url("../interface/scl_header_broadband.gif") left top no-repeat; overflow:hidden; }

#scl_header_colocation { width:174px; height:56px; background:#644D95 url("../interface/scl_header_colocation.gif") left top no-repeat; overflow:hidden; }

#scl_header_customweb { width:174px; height:56px; background:#644D95 url("../interface/scl_header_customweb.gif") left top no-repeat; overflow:hidden; }

#scl_header_dedicated { width:174px; height:56px; background:#644D95 url("../interface/scl_header_dedicated.gif") left top no-repeat; overflow:hidden; }

#scl_header_email { width:174px; height:56px; background:#644D95 url("../interface/scl_header_email.gif") left top no-repeat; overflow:hidden; }

#scl_header_managed { width:174px; height:56px; background:#644D95 url("../interface/scl_header_managed.gif") left top no-repeat; overflow:hidden; }

#scl_header_support { width:174px; height:56px; background:#644D95 url("../interface/scl_header_support.gif") left top no-repeat; overflow:hidden; }

#scl_header_domains { width:174px; height:56px; background:#644D95 url("../interface/scl_header_domains.gif") left top no-repeat; overflow:hidden; }


#scl_header_padding { margin-top:11px; margin-left:60px; color:#FFFFFF; font-size:1.2em; }

#scl_menu { border-left:1px solid #644D95; border-right:1px solid #644D95; }
#scl_menu ul { padding:0; margin:0; list-style:none; background:#ACA0C5; }
#scl_menu ul li { padding:2px 12px 3px 12px; background:url("../interface/scl_spacer.gif") left bottom no-repeat; font-weight:bold; }
#scl_menu ul li.current { background:#644D95 url("../interface/scl_spacer.gif") left bottom no-repeat; }

#scl_menu ul li a,
#scl_menu ul li a:visited { color:#FFFFFF; text-decoration:none; }
#scl_menu ul li a:hover { color:#FFFFFF; text-decoration:underline; }

#scl_menu ul li.current a,
#scl_menu ul li.current a:visited { color:#FFFFFF; text-decoration:none; }
#scl_menu ul li.current a:hover { color:#FFFFFF; text-decoration:underline; }

#scl_footer { width:174px; height:7px; background:#644D95 url("../interface/scl_footer.gif") left top no-repeat; overflow:hidden; }

#subcontent_right { width:616px; float:right; }
#subcontent_right h1,
#subcontent_right h2,
#subcontent_right h3,
#subcontent_right h4,
#subcontent_right h5,
#subcontent_right h6,
#subcontent_right p { margin:0 0 10px 0; padding:0px; }
#subcontent_right h2 { color:#4A4A4A; }

#src_menu { display:none; }
/* *** Not Currenly Used ***
#src_menu { width:616px; height:28px; background:#644D95 url("../interface/src_menu.gif") left top no-repeat; overflow:hidden; margin-bottom:10px; }
#src_menu ul { margin:5px 5px 5px 10px ; padding:0; list-style:none; }
#src_menu ul li { float:left; margin-right:8px; padding-right:9px; background:url("../interface/src_col.gif") right center no-repeat; }

#src_menu ul li a, #src_menu ul li a:visited { color:#644D95; font-weight:bold; }
#src_menu ul li a:hover { color:#644D95; }
*** / Not Currenly Used *** */

.scr_content { width:616px; float:left; background:#FFFFFF /*url("../interface/background_content.gif") left top no-repeat*/; }
.scr_contentNoBG { width:616px; float:left; background:#FFFFFF; }
.scr_header { background:url("../interface/scr_header.gif") left top no-repeat; height:8px; width:616px; overflow:hidden; }
.scr_content_padding { padding:10px 20px; /*font-size:0.9em;*/ }
.scr_footer { background:url("../interface/scr_footer.gif") left top no-repeat; height:8px; width:616px; overflow:hidden; }

#scr_adverts { display:none; /*width:198px; float:right;*/ }

.cr_header_topalt { background:url("../interface/cr_header_topalt.gif") left top no-repeat; height:8px; width:198px; overflow:hidden; }

#featured { float:left; width:168px; height:159px; margin:7px 10px 10px 0; overflow:hidden; } 
#featured_content { margin-left: 183px; }

#end_panel_left { width:303px; float:left; background-color:#FFFFFF; }
#end_panel_right { width:303px; float:right; background-color:#FFFFFF; }

.end_panel_header { width:303px; height:8px; background:url("../interface/end_panel_header.gif") left top no-repeat; overflow:hidden; }
.end_panel_padding { padding:0px 10px; font-size:0.85em; }
.end_panel_padding p { margin:0; padding:0; }
.end_panel_footer { width:303px; height:8px; background:url("../interface/end_panel_footer.gif") left top no-repeat; overflow:hidden; }


.package { background:#E7E3EA url("../interface/package_bg.gif") left top repeat-y; margin-bottom:10px; }
.package_thin { float:left; width:145px; }
.package_wide { width:421px; float:right; }
.package_padding { padding:0px 10px; }
.package_header { height:9px; width:100%; background:url("../interface/package_header.gif") left top no-repeat; overflow:hidden; }
.package_footer { height:9px; width:100%; background:url("../interface/package_footer.gif") left top no-repeat; overflow:hidden; clear:both; }

.package_thin h2, .package_wide ul li.purple { color:#634E96!important; }
.package_wide ul { padding:0; margin:5px 15px; }

.innercolleft { float:left; width:49%; clear:left; }
.innercolright { float:right; width:49%; clear:right; }


}