* {
	margin: 0; padding: 0; font-size: 100%;	
}

a img { border: none; }

body {
	text-align: center;
	background: #000;
	color: #2F1302;
	font-size: 76%;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1.6;
}

a:link    { color: #2B1404; text-decoration: none; }
a:visited { color: #411E06; text-decoration: none; }
a:focus   { color: #2B1404; text-decoration: underline; }
a:hover   { color: #2B1404; text-decoration: underline; }
a:active  { color: #FC3323; text-decoration: underline; }
b         { color: #FC3323; text-decoration: none; }

#header, #main, #footer {
	width: 804px;
	padding: 0 8px;
	margin:0 auto;
	text-align: left;
}

#header {
	background: #F0EBE5 url(../img/bg-top.png) no-repeat 0 0;
	color: #2F1302;
	padding-top: 8px;
	margin-top: 28px;
}

#main {
	background: #F0EBE5 url(../img/bg-repeat.png) repeat-y 0 0;
	color: #2F1302;
}

#footer {
	background: #000 url(../img/bg-bottom.png) no-repeat 0 0;
	color: #2F1302;
	padding-top: 24px;
}

#top-menu {
	border-bottom: 1px solid #DBCFC1;
	padding-top: 8px;
	padding-bottom: 8px;
}

#top-menu li {
	display: inline;
}

#top-menu a, #top-menu b {
	padding: 8px 0px;
	font-weight: bold;
	font-size: 100%;
}

#top-menu a:link    { color: #2B1404; text-decoration: none; }
#top-menu a:visited { color: #411E06; text-decoration: none; }
#top-menu a:focus   { color: #2B1404; text-decoration: underline; }
#top-menu a:hover   { color: #2B1404; text-decoration: underline; }
#top-menu a:active  { color: #FC3323; text-decoration: underline; }
#top-menu b         { color: #FC3323; text-decoration: none; }

#cards {
	padding-top: 279px;
	border-top: 1px solid #FFF;
	background: #F0EBE5 url(../img/banner1.jpg) no-repeat 0 12px;
	position: relative;
	height: 237px;
	border-bottom: 1px solid #DBCFC1;
	padding-bottom: 12px;
}

#cards li {
	display: block;
	position: absolute;
	background-color: #F0EBE5;
	background-image: url(../img/cards.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 156px;
	height: 237px;
	overflow: hidden;
}

#cards li h2 { text-indent:-9999px; }
#cards li p { text-indent: -9999px; }
#cards li ul { text-indent: -9999px; }
#cards li ul li { text-indent: -9999px; position: static; background: none; width: auto; height: auto; }

#cards li a {
	display: block;
	position: absolute;
	left: 0; top: 0; width: 156px; height: 237px;
	text-indent: -9999px;
	background-image: url(../img/cards-hover.png);
	background-repeat: no-repeat;
	background-position: 9999px 100%;
}

#cards li.services  { background-color: #304044; left:   0px; background-position: 0 0; }
#cards li.remote    { background-color: #2E7887; left: 162px; background-position: -162px 0; }
#cards li.websites  { background-color: #7F9A22; left: 324px; background-position: -324px 0; }
#cards li.secure    { background-color: #DE4A02; left: 486px; background-position: -486px 0; }
#cards li.broadband { background-color: #4A1E01; left: 650px; background-position: -650px 0; width: 155px; }

#cards li.services  a { background-position: 9999px 0; }
#cards li.remote    a { background-position: 9999px 0; }
#cards li.websites  a { background-position: 9999px 0; }
#cards li.secure    a { background-position: 9999px 0; }
#cards li.broadband a { background-position: 9999px 0; width: 155px; }

#cards li.services  a:focus { background-position:    0px 100%; }
#cards li.remote    a:focus { background-position: -162px 100%; }
#cards li.websites  a:focus { background-position: -324px 100%; }
#cards li.secure    a:focus { background-position: -486px 100%; }
#cards li.broadband a:focus { background-position: -650px 100%; }
                                             
#cards li.services  a:hover { background-position:    0px 100%; }
#cards li.remote    a:hover { background-position: -162px 100%; }
#cards li.websites  a:hover { background-position: -324px 100%; }
#cards li.secure    a:hover { background-position: -486px 100%; }
#cards li.broadband a:hover { background-position: -650px 100%; }
                                             

/* ------------------- */

#mini-cards {
	padding-top: 230px;
	border-top: 1px solid #FFF;
	background: #F0EBE5 url(../img/banner2.jpg) no-repeat 0 12px;
	position: relative;
	height: 50px;
	border-bottom: 1px solid #DBCFC1;
	padding-bottom: 12px;
}

#webdesign #mini-cards {
	padding-top: 300px;
	background-image: url(../img/banner3.jpg);
	background-color: #F0EBE5;
}

#whoswho #mini-cards {
	padding-top: 235px;
	background-image: url(../img/banner4.jpg);
}

#mini-cards li {
	display: block;
	position: absolute;
	width: 155px;
	height: 50px;
	overflow: hidden;
	background-color: #F0EBE5;
	background-image: url(../img/mini-cards.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#mini-cards li h2 { text-indent:-9999px; }
#mini-cards li p { text-indent: -9999px; }

#mini-cards li a {
	display: block;
	position: absolute;
	left: 0; top: 0; width: 155px; height: 50px;
	text-indent: -9999px;
	background-color: #F0EBE5;
	background-image: url(../img/mini-cards.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#mini-cards li.services  { left:   0px; }
#mini-cards li.remote    { left: 161px; }
#mini-cards li.websites  { left: 322px; }
#mini-cards li.secure    { left: 483px; }
#mini-cards li.broadband { left: 644px; }

#mini-cards li.services  a { background-color: #304044; background-position: 0 0; }
#mini-cards li.remote    a { background-color: #2E7887; background-position: -161px 0; }
#mini-cards li.websites  a { background-color: #7F9A22; background-position: -322px 0; }
#mini-cards li.secure    a { background-color: #DE4A02; background-position: -483px 0; }
#mini-cards li.broadband a { background-color: #4A1E01; background-position: -644px 0; }

#mini-cards li.services  a:hover { background-color: #304044; background-position: 0 -50px; }
#mini-cards li.remote    a:hover { background-color: #2E7887; background-position: -161px -50px; }
#mini-cards li.websites  a:hover { background-color: #7F9A22; background-position: -322px -50px; }
#mini-cards li.secure    a:hover { background-color: #DE4A02; background-position: -483px -50px; }
#mini-cards li.broadbandp a:hover { background-color: #4A1E01; background-position: -644px -50px; }

/* ------------------- */

#search-cards {
	height: 250px;
	background-image: url(../img/search-banners/search-image1.jpg);
	background-repeat: no-repeat;
	background-color: #F0EBE5;
	position: relative;
	left: -2px;
	background-position: 2px 12px;
	border-bottom: 1px solid #DBCFC1;
	padding-bottom: 12px;
	border-top: 1px solid #FFF;
	list-style: none;
}

#search-cards.web {
	background-image: url(../img/banner2.jpg);
}

#search-cards li a {
	display: block;
	position: absolute;
	left: 0; top: 200px; width: 268px; height: 60px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(../img/search-menu.jpg);
	background-repeat: no-repeat;
	background-position: 0 9999px;
	overflow: hidden;
}

#search-cards li.home      a { left:   0px; background-position:   -0px 0px; }
#search-cards li.status    a { left: 268px; background-position: -268px 0px; }
#search-cards li.webdesign a { left: 268px; background-position: -269px 0px; }
#search-cards li.contact   a { left: 536px; width: 275px; background-position: -536px 0px; }

#search-cards li.home      a:hover { left:   0px; background-position:   -0px -60px; }
#search-cards li.status    a:hover { left: 268px; background-position: -268px -60px; }
#search-cards li.webdesign a:hover { left: 268px; background-position: -269px -60px; }
#search-cards li.contact   a:hover { left: 536px; background-position: -536px -60px; }

#search #header {
	padding-top: 48px;
	position: relative;
}

#search-yahoo form {
	width: 468px;
}

#search form, #search table {
	margin-left: auto;
	margin-right: auto;
}

#clock-holder {
	position: absolute;
	right: 0;
	top: 4px;
	height: 42px;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
	padding-left: 45px;
	padding-right: 12px;
	background: url(../img/search-icons.png) no-repeat 0 0;
	font-weight: bold;
}

#add-bookmark-holder {
	position: absolute;
	left: 12px;
	top: 4px;
	height: 42px;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
	padding-left: 45px;
	padding-right: 12px;
	background: url(../img/search-icons.png) no-repeat 0 -42px;
	font-weight: bold;
}

#phone {
	position: absolute;
	left: 12px;
	top: 4px;
	height: 42px;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
	padding-right: 12px;
	/*
	padding-left: 45px;
	background: url(../img/search-icons.png) no-repeat 0 -42px;
	*/
	font-weight: bold;
	color: red;
	font-size: 180%;
}

/* ------------------- */

h1.home           { height: 60px; background: url(../img/title-home.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }

h1.contact        { height: 40px; background: url(../img/titles.png) no-repeat 0    0px; overflow: hidden; text-indent: -9999px; }
h1.customer-login { height: 40px; background: url(../img/titles.png) no-repeat 0  -40px; overflow: hidden; text-indent: -9999px; }
h1.vacancies      { height: 40px; background: url(../img/titles.png) no-repeat 0  -80px; overflow: hidden; text-indent: -9999px; }
h1.mission        { height: 40px; background: url(../img/titles.png) no-repeat 0 -120px; overflow: hidden; text-indent: -9999px; }
h1.webdesign      { height: 40px; background: url(../img/titles.png) no-repeat 0 -160px; overflow: hidden; text-indent: -9999px; }
h1.portfolio      { height: 40px; background: url(../img/titles.png) no-repeat 0 -200px; overflow: hidden; text-indent: -9999px; }
h1.whoswho        { height: 40px; background: url(../img/titles.png) no-repeat 0 -240px; overflow: hidden; text-indent: -9999px; }
h1.it-support     { height: 40px; background: url(../img/titles.png) no-repeat 0 -280px; overflow: hidden; text-indent: -9999px; }
h1.it-solutions   { height: 40px; background: url(../img/titles.png) no-repeat 0 -320px; overflow: hidden; text-indent: -9999px; }
h1.online-services{ height: 40px; background: url(../img/titles.png) no-repeat 0 -360px; overflow: hidden; text-indent: -9999px; }
h1.our-clients    { height: 40px; background: url(../img/titles.png) no-repeat 0 -400px; overflow: hidden; text-indent: -9999px; }

h1.backup         { height: 40px; background: url(../img/titles.png) no-repeat 0 -440px; overflow: hidden; text-indent: -9999px; }
h1.broadband      { height: 40px; background: url(../img/titles.png) no-repeat 0 -480px; overflow: hidden; text-indent: -9999px; }
h1.hosting        { height: 40px; background: url(../img/titles.png) no-repeat 0 -520px; overflow: hidden; text-indent: -9999px; }


h1.secure  { height: 43px; background: url(../img/secure-titles.png) no-repeat 0 0px; overflow: hidden; text-indent: -9999px; }
h1.secure-works  { height: 43px; background: url(../img/secure-titles.png) no-repeat 0 -43px; overflow: hidden; text-indent: -9999px; }

h1.search     { height: 24px; background: url(../img/search-titles.png) no-repeat 0    0px; overflow: hidden; text-indent: -9999px; }
h2.shopping   { height: 24px; background: url(../img/search-titles.png) no-repeat 0  -24px; overflow: hidden; text-indent: -9999px; }
h1.status     { height: 24px; background: url(../img/search-titles.png) no-repeat 0  -48px; overflow: hidden; text-indent: -9999px; }
h2.support    { height: 24px; background: url(../img/search-titles.png) no-repeat 0  -72px; overflow: hidden; text-indent: -9999px; }

h1.unavailable { color: red; }

.login-button {
	border-bottom: 1px solid #DBCFC1;
	padding: 8px 9px 12px 9px;
	margin-bottom: 12px;
}

.login-button a {
	display: block;
	position: relative;
	margin-right: 0;
	margin-left: auto;
	width: 222px;
	height: 0; padding-top: 60px;
	overflow: hidden;
	text-indent: 0;
	background: url(../img/login.png) no-repeat 0 0;
}
/* ------------------- */

#main {
}

h1 {
	font-size: 175%;
	font-weight: bold;
	margin-bottom: 16px;
}

h1 big, h1 small { display: block; }

p img { vertical-align: middle; }

p {
	margin-bottom: 16px;
	padding-right: 10px;
}

h2 {
	font-size: 120%;
	margin-bottom: 16px;
}

.section {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DBCFC1;
	padding: 12px 9px;
	overflow: hidden;
	margin-right: -5px;
}

div.hr {
	height: 1px;
	padding: 0;
	background-color: #DBCFC1;
	border-top: 1px solid #FFF;
	margin-top: 24px;
	margin-bottom: 24px;
}

div.hr hr {
	display: none;
}

.chunk {
	float: left;
	width: 258px;
	margin: 0 2px;
	background: white;
	/*
	padding-bottom: 2em;
	position: relative;
	*/
	color: #4A4962;
	line-height: 1.5;
}

.chunk h2 {
	background: #3A4761 url(../img/chunk-arrow.png) no-repeat 20px 50%;
	padding: 4px 5px 4px 40px;
	color: white;
	font-size: 120%;
	margin-bottom: 3px;
}

.chunk a.moreinfo {
	display: block;
	/*
	position: absolute;
	left: 0; bottom: 0;
	*/
	font-size: 80%;
	width: 208px;
	height: 2.5em;
	line-height: 2.5em;
	background: white url(../img/moreinfo.png) no-repeat 100% 50%;
	text-align: right;
	padding: 0 50px 0 0;
	border-top: 2px solid #F0EBE5;
}

.chunk p, .chunk .inner div {
	padding: 4px 20px 0px 20px;
}

.right-pane .chunk {
	float: none;
	width: auto;
	text-align: left;
	margin-bottom: 12px; 
}

.right-pane .chunk p, .right-pane .chunk .inner div {
	padding: 4px 10px 0px 10px;
}

.right-pane .chunk h2 {
	background: #3A4761 url(../img/chunk-arrow.png) no-repeat 10px 50%;
}

.right-pane .chunk ul.bulleted li {
	background-image: url(../img/search-bullet.png)!important;
}

.right-pane .chunk .moreinfo {
	width: 193px;
}

/* --------------------------- */

.equal-panes {
	overflow: hidden;
	background:url(../img/h-divide2.png) repeat-y 50% 0;
}

.sidebar-right {
	overflow: hidden;
	background:url(../img/h-divide2.png) repeat-y 482px 0;
}

.sidebar-left {
	overflow: hidden;
	background:url(../img/h-divide2.png) repeat-y 230px 0;
}

.sidebar-right .left-pane  { float: left;  width: 470px; }
.sidebar-right .right-pane { float: right; width: 300px; text-align: right; }

.sidebar-left .left-pane  { float: left;  width: 220px; }
.sidebar-left .right-pane { float: right; width: 550px; }
                         
.equal-panes .left-pane  { float: left;  width: 390px; }
.equal-panes .right-pane { float: right; width: 370px; }

#secure .sidebar-right { background-position: 543px 0; }
#secure .sidebar-right .left-pane  { width: 535px; }
#secure .sidebar-right .right-pane { width: 255px;  }

#search .sidebar-right { background-position: 535px 0; }
#search .sidebar-right .left-pane  { width: 527px; }
#search .sidebar-right .right-pane { width: 247px;  }
                     
/* --------------------------- */

ul.bulleted {
	text-align: left;
	list-style: none;
	color: #2F1302;
	margin-bottom: 12px;
}

ul.bulleted li {
	background: url(../img/green-bullet.png) no-repeat 0 50%;
	padding: 8px 0px 4px 42px;
}

.chunk ul.bulleted li {
	background: url(../img/search-bullet.png) no-repeat 14px 50%;
}

.sidebar-right .right-pane ul.bulleted {
	text-align: right;
}

.sidebar-right .right-pane ul.bulleted li {
	background: url(../img/green-bullet-left.png) no-repeat 100% 50%;
	padding: 8px 32px 4px 0px;
}

#search .right-pane ul.bulleted {
	text-align: left;
	list-style: none;
	color: #2F1302;
	margin-bottom: 12px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 8px;
}

#search .right-pane ul.bulleted li {
	background: url(../img/green-bullet.png) no-repeat 0 50%;
	padding: 8px 0px 4px 42px;
}

/* ------------------------- */

ul.piped {
	text-align: left;
	list-style: none;
	color: #2F1302;
	margin-top: 12px;
}

ul.piped li {
	display: inline;
	margin-right: 8px;
	padding-left: 8px;
}

ul.piped li + li {
	border-left: 1px solid black;
}

ul.piped li a {
	display: inline;
}

/* ------------------------- */

dl#tech-support-list {
	width: 204px;
}

dl#tech-support-list dt {
	display: block;
	margin: 0;
	background: #5095BA url(../img/tech-titles.png) no-repeat 0 -16px;
	text-indent: -9999px;
	height: 34px;
	padding: 0;
	overflow: hidden;
}

dl#tech-support-list dt#tech1 { background-position: 0 0; }
dl#tech-support-list dt#tech2 { background-position: 0 -32px; }
dl#tech-support-list dt#tech3 { background-position: 0 -63px; }

dl#tech-support-list dd {
	display: block;
	float: none;
	margin: 0;
	background: #5095BA url(../img/tech-bg-bottom.png) no-repeat 0 100%;
	text-align: center;
	margin-bottom: 10px;
}

/* ------------------------- */

dl.clients {
	overflow: hidden;
}

dl.clients dt {
	float: left;
	clear: left;
	width: 300px;
	margin-bottom: 16px;
}

dl.clients dd {
	float: left;
	width: 300px;
	margin-bottom: 16px;
}

/* ------------------------- */

#partners-holder {
	overflow: hidden;
	position: relative;
	width: 800px; height: 90px;
	margin: 12px 2px 0px 2px;
}

ul#partners {
	line-height: 90px;
	overflow: hidden;
	background: #FFF;
	position: absolute;
}

ul#partners li {
	display: block;
	float: left;
	width: 199px;
	text-align:center;
	line-height: 90px;
	height: 90px;
	position: relative;
}

ul#partners li img {
	vertical-align: middle;
	line-height: 45px;
	margin-top: -50%;
	position: relative;
	top: 90px;
}

@-moz-document url-prefix()
{
	ul#partners li img {
		margin-top: 0;
		top: 0;
	}
}

ol#secure-diagram {
	margin: 0 auto;
	width: 716px;
	height: 0; padding-top: 304px;
	overflow: hidden;
	background: url(../img/secure-diagram.png) no-repeat 0 0;
}

/* ------------------------------------------------------- */

#infobar-people {
  padding: 0;
  overflow: hidden;
	position: relative;
}

#infobar-people-main {
}

#infobar-people-main li {
  float: left;
	/*
  width: 131px;
  height: 155px;
	*/
	width:112px; height: 133px;
  overflow: hidden;
  margin-right: 2px;
	position: relative;
}

#infobar-people-main li img {
	width: 112px;
}

#infobar-people-main ul a b.fade {
  position: absolute;
  left: 0; top: 0;
	/*width: 131px; height: 155px;*/
	width:112px; height: 133px;
  background: transparent;
  opacity: 0;
  visibility: hidden;
}

#infobar-people-main ul a.disabled b.fade {
  background: white;
  opacity: 0.5;
  visibility: visible;
}

#infobar-people-main ul a.disabled:hover b.fade {
  background: white;
  opacity: 0.25;
  visibility: visible;
}

/* ------------------------------------------------------- */

.person {
  overflow: hidden;
	padding-top: 20px;
}

.person .bio {
  float: left;
  width: 510px;
	padding-left: 3px;
}

.person .portrait {
  float: right;
  width: 255px;
}

.person .bio img {
	vertical-align: top;
}

/* ----------------------- */

ol.numbered {
	list-style: none;
	margin-bottom: 12px;
	padding-left: 50px;
}

ol.numbered li b {
	font-size: 150%;
	font-weight: normal;
	position: relative;
	top: 2px;
}

/* ----------------------- */

table.grid {
	width: 100%;
	table-layout: fixed;
	margin-bottom: 12px;
	border-collapse: collapse;
	empty-cells: show;
}

table.grid thead th {
	text-align: center;
}

table.grid thead th, th.section-header, table.grid thead td {
	background: #000;
	color: #fff;
	font-size: 130%;
}

table.grid td {
	text-align: center;
}

table.grid td, table.grid th {
	padding: 2px 5px;
	border: 1px solid black;
}

tr.alt td, tr.alt th {
	background-color: #D8D3CE;
}


/* --------------------- */

ul#portfolio {
	position: relative;
	height: 243px;
	width: 467px;
}

ul#portfolio li a { 
	position: absolute; width: 142px; height: 110px;
	background-image: url(../img/portfolio.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

ul#portfolio li.item0 a { left:     0; top: 0;  background-position:    0px 0;}
ul#portfolio li.item1 a { left: 161px; top: 0;  background-position: -161px 0;}
ul#portfolio li.item2 a { left: 324px; top: 0;  background-position: -324px 0;}

ul#portfolio li.item3 a { left:     0; top: 134px;  background-position:    0px -134px;}
ul#portfolio li.item4 a { left: 161px; top: 134px;  background-position: -161px -134px;}
ul#portfolio li.item5 a { left: 324px; top: 134px;  background-position: -324px -134px;}

#contact ul.icons li {
	display: block;
	padding: 10px 0px 10px 50px;
	height: 26px;
	line-height: 26px;
	background: url(../img/contact-icons.png) no-repeat 0 20px;
}

#contact ul.icons li.item0 { background-position: 0 0; }
#contact ul.icons li.item1 { background-position: 0 -44px; }
#contact ul.icons li.item2 { background-position: 0 -88px; }
#contact ul.icons li.item3 { background-position: 0 -132px; }

/* --------------------- */

form {
	padding-bottom: 24px;
}

form .row {
	overflow: hidden;
	font-size: 100%;
}

form .label {
	float: left;
	width: 100px;
	text-align: right;
	font-weight: bold;
	color: #666;
	margin-right: 5px;
	padding-bottom: 5px;
}

form .field {
	padding-top: 3px;
	float: left;
	width: 255px;
	padding-bottom: 5px;
}

form .txt {
	width: 250px;
}

form .submit {
	margin-left: 105px;
}

form .submit input {
	display: block;
	width: 182px; height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0; padding: 0; border: none;
	background: url(../img/send-message.png) no-repeat 0 0;
}

form .submit button {
	display: block;
	width: 182px; height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0; padding: 0; border: none;
	background: url(../img/send-message.png) no-repeat 0 0;
	cursor: pointer;
}

#recaptcha_area {
	margin-right: 8px;
	margin-left: auto;
	padding-bottom: 8px;
}

.sy strong { display: none; }

#services #main h2 {
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
	background: url(../img/services-icons.png) no-repeat 25px 25px;
}

#services .equal-panes p {
	padding-left: 60px;
}

#services .equal-panes .moreinfo {
	padding-left: 51px;
	margin-top: -10px;
}

#services .equal-panes .moreinfo a {
	background: url(../img/more-info-button.png) no-repeat 0 0;
	width: 155px; height: 41px; overflow: hidden; margin: 0;
	display: block;
	text-indent: -9999px;
}

#services #main h2.item0  { background-position: 0 0; }
#services #main h2.item1  { background-position: 0 -50px; }
#services #main h2.item2  { background-position: 0 -100px; }
#services #main h2.item3  { background-position: 0 -150px; }
#services #main h2.item4  { background-position: 0 -200px; }
#services #main h2.item5  { background-position: 0 -250px; }
#services #main h2.item6  { background-position: 0 -300px; }
#services #main h2.item7  { background-position: 0 -350px; }
#services #main h2.item8  { background-position: 0 -400px; }
#services #main h2.item9  { background-position: 0 -450px; }
#services #main h2.item10 { background-position: 0 -500px; }
#services #main h2.item11 { background-position: 0 -550px; }
#services #main h2.item12 { background-position: 0 -600px; }
#services #main h2.item13 { background-position: 0 -650px; }
#services #main h2.item14 { background-position: 0 -700px; }

/* ----------------- */

.aside {
	float: right;
	width: 270px;
	margin-left: 12px;
	margin-top: -50px;
}

a.control-panel-button {
	background: url(../img/control-panel.png) no-repeat 0 0;
	width: 268px; height: 56px; overflow: hidden; margin: 0;
	display: block;
	text-indent: -9999px;
}

a.sign-up-button {
	background: url(../img/sign-up-hosting.png) no-repeat 0 0;
	width: 268px; height: 56px; overflow: hidden; margin: 0;
	display: block;
	text-indent: -9999px;
}
a.sign-up-button1 {
	background: url(../img/sign-up-broadband.png) no-repeat 0 0;
	width: 268px; height: 56px; overflow: hidden; margin: 0;
	display: block;
	text-indent: -9999px;
}
a.sign-up-button2 {
	background: url(../img/sign-up-backup.png) no-repeat 0 0;
	width: 268px; height: 56px; overflow: hidden; margin: 0;
	display: block;
	text-indent: -9999px;
}

a.search-button {
	background: url(../img/search-button.png) no-repeat 0 0;
	width: 244px; height: 56px; overflow: hidden; margin: 0;
	display: block;
	text-indent: -9999px;
}

/* ------------------ */

.copyright {
	float: left;
	color: white;
	font-size: 90%;
	margin-top: -2px;
}
.badges { list-style: none;  }
.badges li { float: right; margin-left: 5px; }

ul.bbc {
	list-style: none;
	padding-bottom: 8px;
	padding-top: 4px;
}

ul.bbc li {
	margin: 4px;
}

ul.bbc li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 233px; height: 25px;
	background: url(../img/bbc.png) no-repeat 0 12px;
}

ul.bbc li.item0 a { background-position: 0 0; }
ul.bbc li.item1 a { background-position: 0 -25px; }
ul.bbc li.item2 a { background-position: 0 -50px; }

dl.support {
	padding-bottom: 12px;
	text-transform: uppercase;
}

dl.support dt {
	height: 1.4em;
	line-height: 1.4em;
}

dl.support dd {
	height: 1.4em;
	line-height: 1.4em;
	margin-top: -1.4em;
	margin-left: 10em;
	color: #AF2B00;
}

ul.service-status {
	margin-bottom: 12px;
	list-style: none;
}

ul.service-status li {
	height: 40px;
	position: relative;
}

ul.service-status li b {
	position: absolute;
	left: 0; top: 0; width: 28px; height: 40px;
	background: url(../img/status-icons.png) no-repeat 17px 17px;
	display: block;
	text-indent: -9999px;
}

ul.service-status li b.green { background-position: 0 -80px; }
ul.service-status li b.blue  { background-position: 0 -40px; }
ul.service-status li b.red   { background-position: 0   0px; }

ul.service-status li span {
	position: absolute;
	display: block;
	left: 60px; top: 0; width: auto; height: 40px;
	line-height: 40px;
	font-weight: bold;
}

ul.service-status li a {
	position: absolute;
	display: block;
	right: 40px; top: 0; width: auto; height: 40px;
	line-height: 40px;
}

/* ----------------------------- */

ul.client-logos {
	margin-left: -22px;
	width: 836px;
	list-style: none;
}

ul.client-logos li {
	display: inline-block;
	/*width: 162px; height: 91px;*/
	background: url(../img/client-logos/bg.png) no-repeat 0 0;
	margin: 12px 22px;
	padding: 5px;
	width: 152px; height: 81px;
}

h2 a {
	color: #FFF;
}


#footer-menu a, #footer-menu b {
	padding: 8px 0px;
	font-weight: normal;
	font-size: 90%;
}

#footer-menu a:link    { color: #2B1404; text-decoration: none; }
#footer-menu a:visited { color: #411E06; text-decoration: none; }
#footer-menu a:focus   { color: #2B1404; text-decoration: underline; }
#footer-menu a:hover   { color: #2B1404; text-decoration: underline; }
#footer-menu a:active  { color: #FC3323; text-decoration: underline; }
#footer-menu b         { color: #FC3323; text-decoration: none; }

#twit-twit {
	padding: 4px 20px 0;
}

#twit-twit li {
	list-style: none;
	margin-bottom: 1em;
}

#twit-twit li.twit-date {
	font-weight: bold;
}

#twit-twit li.twit-date li {
	font-weight: normal;
}

#twit-twit a.twit {
	display: none;
}

#twit-twit .twit-more {
	display: none;
}


form#RemoteSupportSession label {
	font-weight: bold;
}

form#RemoteSupportSession button#SessionSubmit {
	border: none;
	width: 198px; height: 46px;
	background: url(../img/cutec-secure-connect-button.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: 9999px;
}

form#RemoteSupportSession input#SessionCode {
	border: 1px solid #2F1302;
	font-size: 150%;
	padding: 5px;
	margin-left: 8px;
}

#rssnews {

}

.scrollBtn {
color:#fff;
text-align:center;
display:block;
width:258px;
font-weight:bold;
background-color:#3A4761;
cursor:pointer;
text-indent:-999px;
}

.scrollBtn:hover {
text-decoration:none;
color:#fff;
}

.up, .down {
background-image: url(../img/up_arrow.png);
background-position: center center;
background-repeat:no-repeat;
}

.down {
background-image: url(../img/down_arrow.png);
}
#rssnews  small {
font-size:0.8em;
display:block;
text-align:right;

padding-bottom:10px;
}
#rssnews  a:hover {color:#006699 !important;}
#rssnews .container {
padding-left: 0px;
padding-right:0px;
}

.floatRight {
float:right;
}