@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: #e5e9ea url(../images/gradient.gif) repeat-x scroll 0px 0px;
	text-align: left;
	color: #5c6066;

}
#wrap  {
	margin: 0px auto;
	width: 970px;
}
.centre {
	text-align: center;
}
#body #bdy-bnr #bdy-bnr-RGHT #bdy-bnr-rght-ctnt {
	font: .75em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

/*------------------------------Menu Classes*/

.hide {
display:none;
}
.cf:after, h1:after, #navigation dl:after, #top-nav .flyover:after, #page:after, .footer dl:after, #button-zone ul:after, #navigation-panels:after, #function-modules:after, #product-details h1:after, ul.tab-nav:after, ul.image-toggle:after, .generic-text:after, #specifications-content:after, #specifications-content .panel-img-copy:after, #specifications-content .panel-img-copy .bot-panel:after, #specifications-content .panel-img-copy .bot-panel .container:after, .oldsite-forms:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.cf, h1, #navigation dl, #top-nav .flyover, #page, .footer dl, #button-zone ul, #navigation-panels, #function-modules, #product-details h1, ul.tab-nav, ul.image-toggle, .generic-text, #specifications-content, #specifications-content .panel-img-copy, #specifications-content .panel-img-copy .bot-panel, #specifications-content .panel-img-copy .bot-panel .container, .oldsite-forms {
height:1%;
}



.sub-menu {
	background:transparent url(../images/flyover-btm.png) repeat-x scroll center bottom;
	padding-bottom:12px;
	width:970px;
}
.flyover {
	background:#D9DADA url(../images/flyover-gradient.gif) repeat-x scroll 0 0;
	border-color:-moz-use-text-color #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-style:none solid;
	border-width:0 1px;
	margin-bottom:-2px;
}
.bnr-TXT {
	font-size: 1.4em;
}
.thickenTXT {
	font-size: 1.2em;
	color: #F9FAFB;
}



/*------------------------------Start Header*/

#header {
	height: auto;
	width: 970px;
	float: left;
}
#header #logo {
	background: url(../images/2Sugars-LogoNEW.jpg) no-repeat left top;
	height: auto;
	width: auto;
	margin-top: 5px;
	float: left;
}
#header #tel {
	background: transparent url(../images/hdr-tel.jpg) no-repeat 0px 0px;
	height: 77px;
	width: 267px;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	visibility: hidden;
}

#header #hdr-nav {
	width: 970px;
	height: 34px;
	margin-top: 5px;
	float: left;
}
#header #hdr-nav #navigation{
	float: left;
}
#header #hdr-nav #navigation #main-nav {
	background: transparent url(../images/hdr-nav.gif) no-repeat scroll left top;
	height: 34px;
	width: 970px;
	float: left;
}
#header #hdr-nav #navigation #main-nav a{
	background: transparent url(../images/hdr-nav.gif) no-repeat scroll left top;
	display: block;
	height: 34px;
	width: 970px;
}
#header #hdr-nav #navigation dd{
	float: left;
}
#header #hdr-nav #navigation #main-nav #about a{
	width:75px;
}
#header #hdr-nav #navigation #main-nav #about a:hover {
background-position:0 -34px;
}
#header #hdr-nav #navigation #main-nav #about a:focus {
background-position:0 -34px;
}
#header #hdr-nav #navigation #main-nav #about a:active {
background-position:0 -34px;
}
#header #hdr-nav #navigation #main-nav #web a{
	background-position:-75px 0;
	width:100px;
}
#header #hdr-nav #navigation #main-nav #web a:hover {
	background-position: -75px -34px;
}
#header #hdr-nav #navigation #main-nav #web a:focus {
	background-position: -75px -34px;
}
#header #hdr-nav #navigation #main-nav #web a:active {
	background-position: -75px -34px;
}
#header #hdr-nav #navigation #main-nav #mobile a{
	background-position:-175px 0;
	width:105px;
}
#header #hdr-nav #navigation #main-nav #mobile a:hover {
background-position:-175px -34px;
}
#header #hdr-nav #navigation #main-nav #mobile a:focus {
background-position:-175px -34px;
}
#header #hdr-nav #navigation #main-nav #mobile a:active {
background-position:-175px -34px;
}
#header #hdr-nav #navigation #main-nav #seo a{
	background-position:-280px 0;
	width:90px;
}
#header #hdr-nav #navigation #main-nav #seo a:hover {
background-position:-280px -34px;
}
#header #hdr-nav #navigation #main-nav #seo a:focus {
background-position:-280px -34px;
}
#header #hdr-nav #navigation #main-nav #seo a:active {
background-position:-280px -34px;
}
#header #hdr-nav #navigation #main-nav #hosting a{
	background-position:-370px 0;
	width:130px;
}
#header #hdr-nav #navigation #main-nav #hosting a:hover {
background-position:-370px -34px;
}
#header #hdr-nav #navigation #main-nav #hosting a:focus {
background-position:-370px -34px;
}
#header #hdr-nav #navigation #main-nav #hosting a:active {
background-position:-370px -34px;
}
#header #hdr-nav #navigation #main-nav #portfolio a {
	background-position:-499px 0;
	width:75px;
}
#header #hdr-nav #navigation #main-nav #portfolio a:hover {
	background-position:-499px -34px;
}
#header #hdr-nav #navigation #main-nav #portfolio a:focus {
	background-position:-499px -34px;
}
#header #hdr-nav #navigation #main-nav #portfolio a:active {
	background-position:-499px -34px;
}
#header #hdr-nav #navigation #main-nav #contactus a {
	background-position:-573px 0;
	width:103px;
}
#header #hdr-nav #navigation #main-nav #contactus a:hover {
background-position:-573px -34px;
}
#header #hdr-nav #navigation #main-nav #contactus a:focus {
background-position:-573px -34px;
}
#header #hdr-nav #navigation #main-nav #contactus a:active {
background-position:-573px -34px;
}
/*------------------------------Start flyout menu*/
#header #hdr-nav #navigation #main-nav #mn-flyover {
width: 178px;
padding-top: 11px;
padding-right: 22px;
padding-bottom: 15px;
padding-left: 24px;
min-height: 157px;
float: left;
clear:both;
float:none;
position:absolute;
z-index:9999;
}
#header #titleZONE{
	float: left;
	height: auto;
	width: 970px;
	background: url(../images/titleLINE.jpg) no-repeat left bottom;
	margin-top: 5px;
	margin-bottom: 5px;
}
#header #titleZONE #title1 {
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
}
#header #hdr-nav #navigation #main-nav #mn-flyover {
top:109px;
z-index:999;
}

/*------------------------------End flyout menu*/

#body {
	height: auto;
	width: 970px;
	float: left;
}
#body #bdy-bnr {
	height: 470px;
	width: 970px;
	float: left;
	background: url(../images/banners/girl.jpg) no-repeat left top;
}

#body #bdy-bnr #bdy-bnr-RGHT {
	height: 300px;
	width: 125px;
	background: url(../images/boxRHT.png) no-repeat 15px 2px;
	padding-right: 10px;
	padding-left: 40px;
	margin-top: 35px;
	margin-left: 20px;
	margin-bottom: 45px;
}
#indx-flash {
	height: auto;
	width: 792px;
	margin-right: auto;
	margin-left: auto;
}
#indx-flash #indx-flash-TXT {
	background: #000;
	height: 46px;
	width: 772px;
	padding: 2px 10px;
	top: -50px;
	position: relative;
}

#body #bnr-ctnt-404  {
	width: 958px;
	background: url(../images/banners/portfolio.jpg) no-repeat left top;
	height: 389px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#body #bnr-ctnt-404 #bnr-ctnt-txt {
	float: left;
	height: auto;
	width: 500px;
	margin-left: 75px;
	margin-top: 50px;
}
#body #bnr-ctnt-404 #bnr-ctnt-txt a {
	color: #F9FAFB;
}

#body #bnr-ctnt-privacy {
	width: 958px;
	background: url(../images/banners/portfolio.jpg) no-repeat left top;
	height: 389px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#body #bnr-ctnt-privacy #bnr-ctnt-txt {
	float: left;
	height: auto;
	width: 600px;
	margin-left: 75px;
	margin-top: 50px;
}
#body #bnr-ctnt-privacy #bnr-ctnt-txt a {
	color: #F9FAFB;
}
#body #bnr-ctnt-contactus {
	width: 970px;
	margin-bottom: 10px;
	height: 260px;
	visibility: hidden;
}
#body #bnr-ctnt-aboutus {
	width: 958px;
	height: 442px;
	margin-bottom: 10px;
	background: url(../images/banner-about.jpg) no-repeat left top;
	margin-right: auto;
	margin-left: auto;
}

#body #bnr-ctnt-aboutus #bnr-ctnt-txt     {
	float: left;
	height: auto;
	width: 500px;
	margin-left: 15px;
	margin-top: 50px;
	color: #F2F5F6;
}
#body #bnr-ctnt-aboutus #bnr-ctnt-txt a    {
	color: #F9FAFB;
}
#body #bnr-ctnt-web {
	width: 958px;
	height: 400px;
	margin-bottom: 10px;
	background: url(../images/banners/banner.jpg) no-repeat left top;
	margin-right: auto;
	margin-left: auto;
}
#body #bnr-ctnt-web  #bnr-ctnt-txt{
	float: left;
	height: auto;
	width: 500px;
	margin-left: 30px;
	margin-top: 50px;
}
#body #bnr-ctnt-web #bnr-ctnt-txt a {
	color: #F9FAFB;
}
#body #bnr-ctnt-seo {
	width: 958px;
	height: 400px;
	margin-bottom: 10px;
	background: url(../images/banners/seo.jpg) no-repeat left top;
	margin-right: auto;
	margin-left: auto;
}
#body #bnr-ctnt-seo #bnr-ctnt-txt {
	float: left;
	height: auto;
	width: 500px;
	margin-left: 30px;
	margin-top: 15px;
}
#body #bnr-ctnt-seo #bnr-ctnt-txt a {
	color: #F9FAFB;
}
#body #bnr-ctnt-video {
	width: 958px;
	height: 300px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#body #bnr-ctnt-video #bnr-ctnt-txt {
	float: left;
	height: auto;
	width: 500px;
	margin-left: 15px;
	margin-top: 50px;
	visibility: hidden;
}
#body #bnr-ctnt-video #bnr-ctnt-txt a {
	color: #636363;
}
#body #bnr-ctnt-ecommerce {
	width: 958px;
	height: 400px;
	margin-bottom: 10px;
	background: url(../images/banners/ecommerce.jpg) no-repeat 10px top;
	margin-right: auto;
	margin-left: auto;
}
#body #bnr-ctnt-ecommerce #bnr-ctnt-txt {
	float: left;
	height: auto;
	width: 500px;
	margin-left: 30px;
	margin-top: 50px;
}
#body #bnr-ctnt-ecommerce #bnr-ctnt-txt a {
	color: #F9FAFB;
}
#body #bnr-ctnt-portfolio {
	width: 958px;
	height: 400px;
	margin-bottom: 10px;
	background: url(../images/banners/portfolio.jpg) no-repeat left top;
	margin-right: auto;
	margin-left: auto;
}
#body #bnr-ctnt-portfolio #bnr-ctnt-txt {
	float: left;
	height: auto;
	width: auto;
	margin-left: 75px;
	margin-top: 50px;
}
#body #bnr-ctnt-portfolio #bnr-ctnt-txt a {
	color: #F9FAFB;
}


















#body #content {
	height: auto;
	width: 970px;
	float: left;
	margin-bottom: 10px;
}
#col1 {
	height: 80px;
	width: 264px;
	background: url(../images/box1.png) no-repeat left top;
	padding-top: 10px;
	float: left;
	margin-left: 50px;
}
#col1 #col1-ctnt {
	background: url(../images/clients-bbc.png) no-repeat left top;
	margin-top: 10px;
	width: 105px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
}
#col1 #col1-ctnt a:hover {
	background: url(../images/clients-bbc.png) no-repeat left bottom;
	height: 30px;
	width: 105px;
	float: left;
}
#col2 {
	height: 80px;
	width: 264px;
	float: left;
	background: url(../images/box1.png) no-repeat left top;
	text-align: center;
	padding-top: 10px;
}
#col2 #col2-ctnt {
	background: url(../images/clients-nhs.png) no-repeat left top;
	margin-top: 10px;
	width: 74px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
}
#col2 #col2-ctnt a:hover {
	background: url(../images/clients-nhs.png) no-repeat left bottom;
	height: 30px;
	width: 74px;
	float: left;
}
#col3 {
	height: 80px;
	width: 264px;
	float: left;
	background: url(../images/box1.png) no-repeat left top;
	text-align: center;
	padding-top: 10px;
}
#col3 #col3-ctnt {
	background: url(../images/clients-uws.png) no-repeat left top;
	margin-top: 10px;
	width: 177px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
}
#col3 #col3-ctnt a:hover {
	background: url(../images/clients-uws.png) no-repeat left bottom;
	height: 30px;
	width: 177px;
	float: left;
}
#body #content-contactus {
	float: left;
	height: auto;
	width: 970px;
	margin-bottom: 10px;
}
#body #bnr-ctnt-contactus #contactus-bnr-txt {
	float: left;
	height: auto;
	width: 290px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 20px;
	margin-left: 140px;
}
#body #bnr-ctnt-contactus #googleMAP {
	float: left;
	height: auto;
	width: auto;
}

#body #bnr-ctnt-contactus #contactus-flash {
	float: left;
	height: auto;
	width: auto;
}
#body #content #ctnt {
	background: #E5E9EA;
	padding-top: 10px;
	height: auto;
	width: 958px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#body #content #ctnt .section {
	background: #FCFCFC url(../images/curveBOT.jpg) no-repeat left bottom;
	height: auto;
	width: 776px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#body #content #ctnt .section ul  {
	margin-left: 20px;
}
#body #content #ctnt .sectionTOP {
	background: #FCFCFC url(../images/curveTOP.jpg) no-repeat left top;
	width: 796px;
	margin-right: auto;
	margin-left: auto;
	height: 10px;
}




#footer {
	height: auto;
	width: 970px;
	float: left;
	font-size: .7em;
}




#footer #ftr-nav {
	background: url(../images/ftr-nav.gif) no-repeat left top;
	width: 970px;
	height: 21px;
	float: left;
	font-size: 1.2em;
}
#footer #ftr-nav ul li a {
	color: #FFF;
}

#footer #ftr-nav ul {
	margin: 2px 0px 0px;
	padding: 0px;
	list-style: none;
}
#footer #ftr-nav ul li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#footer #ftr-subnav {
	width: 280px;
	height: 21px;
	float: left;
	margin-top: 5px;
}
#footer #ftr-subnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer #ftr-subnav ul li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#footer #social  {
	float: left;
	margin-top: 5px;
}



#footer #ftr-siteMAP {
	float: left;
	height: 25px;
	width: 970px;
}

#footer #ftr-partners {
	width: 970px;
	height: 100px;
	float: left;
	margin-top: 20px;
}
#footer #ftr-partners #partner1 {
	background: url(../images/partners-google.png) no-repeat left top;
	float: left;
}
#footer #ftr-partners #partner1 a:hover    {
	background: url(../images/partners-google.png) no-repeat left bottom;
	float: left;
}
#footer #ftr-partners #partner2 {
	float: left;
	margin-left: 30px;
}
#footer #ftr-partners #partner3 {
	background: url(../images/partners-adobe.jpg) no-repeat left top;
	width: 50px;
	float: left;
	margin-left: 50px;
	height: 72px;
}
#footer #ftr-partners #partner3 a:hover     {
	background: url(../images/partners-adobe.jpg) no-repeat left bottom;
	height: 72px;
	width: 50px;
	float: left;
}
#footer #ftr-partners #partner4 {
	background: url(../images/partners-sage.png) no-repeat left top;
	float: left;
	margin-left: 30px;
}
#footer #ftr-partners #partner4 a:hover     {
	background: url(../images/partners-sage.png) no-repeat left bottom;
	float: left;
}
#footer #ftr-partners #partner5 {
	background: url(../images/partners-Joomla.png) no-repeat left top;
	float: left;
	margin-left: 30px;
}
#footer #ftr-partners #partner5 a:hover {
	background: url(../images/partners-Joomla.png) no-repeat left bottom;
	float: left;
}
#footer #ftr-partners #partner6 {
	background: no-repeat left top;
	float: left;
}
#footer #ftr-partners #partner6 a:hover {
	background: url(../images/partners-crestron.jpg) no-repeat left bottom;
	float: left;
}


#footer #copyright {
	float: right;
	height: auto;
	width: auto;
	margin-right: 25px;
	text-align: right;
}
.tableLEFT {
	text-align: left;
}
.tableCENTRE {
	text-align: center;
}
#wrap #body #content-contactus #contactus-flash2 {

}
#indexSPACER {
	height: 10px;
	width: 960px;
	float: left;
}
#wrap #body #content-contactus #contactus-flash2 {
	text-align: center;
}
.BloodRED {
	color: 7d0000;
	text-align: center;
}