* { margin: 0; padding: 0; font-size: 100%;	}
body {
	background:#000000;
	color: #2F1302;
	font-size:12px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1.6;
	margin-top:0px;
	margin-bottom:10px;
}

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; }
a img { border: none; }

/* --- layout --- */
#wrapper {
width:900px;
margin:0 auto;

}

#wrapper-top {
	display:block;
	width:900px;
	height:80px;
	background: transparent url(../img/wrapper_top.png) no-repeat;
}


#wrapper-bottom {
	display:block;
	width:900px;
	height:10px;
	clear:both;
	background:transparent url(../img/wrapper_bottom.png) no-repeat;
}

#wrapper-main {
padding-left:5px;
padding-right:5px;
position:relative;
background:#F0EBE5;
overflow:hidden;
}
#footer {
font-size:11px;
margin-top:15px;
color:#fff;
background:transparent;
padding-left:5px;
padding-right:5px;
position:relative;
margin-bottom:10px;
overflow:hidden;
}

/* col set up */
.w1   { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 64.166666666667px; }
.w2   { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 138.33333333333px; }
.w3   { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 212.5px; }
.w4   { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 286.66666666667px; }
.w5   { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 360.83333333333px; }
.w6   { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 435px; }
.w7   { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 509.16666666667px; }
.w8   { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 583.33333333333px; }
.w9   { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 657.5px; }
.w10  { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 731.66666666667px; }
.w11  { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 805.83333333333px; }
.w12  { position: relative;  float: left;  display: inline; margin-left: 5px; margin-right: 5px; width: 880px; }



.pre-1   { padding-left: 74.166666666667px; }
.pre-2   { padding-left: 148.33333333333px; }
.pre-3   { padding-left: 222.5px; }
.pre-4   { padding-left: 296.66666666667px; }
.pre-5   { padding-left: 370.83333333333px; }
.pre-6   { padding-left: 445px; }
.pre-7   { padding-left: 519.16666666667px; }
.pre-8   { padding-left: 593.33333333333px; }
.pre-9   { padding-left: 667.5px; }
.pre-10  { padding-left: 741.66666666667px; }
.pre-11  { padding-left: 815.83333333333px; }
.pre-12  { padding-left: 890px; }

.post-1   { padding-right: 74.166666666667px; }
.post-2   { padding-right: 148.33333333333px; }
.post-3   { padding-right: 222.5px; }
.post-4   { padding-right: 296.66666666667px; }
.post-5   { padding-right: 370.83333333333px; }
.post-6   { padding-right: 445px; }
.post-7   { padding-right: 519.16666666667px; }
.post-8   { padding-right: 593.33333333333px; }
.post-9   { padding-right: 667.5px; }
.post-10  { padding-right: 741.66666666667px; }
.post-11  { padding-right: 815.83333333333px; }
.post-12  { padding-right: 890px; }

.pull-1   { left: -74.166666666667px; }
.pull-2   { left: -148.33333333333px; }
.pull-3   { left: -222.5px; }
.pull-4   { left: -296.66666666667px; }
.pull-5   { left: -370.83333333333px; }
.pull-6   { left: -445px; }
.pull-7   { left: -519.16666666667px; }
.pull-8   { left: -593.33333333333px; }
.pull-9   { left: -667.5px; }
.pull-10  { left: -741.66666666667px; }
.pull-11  { left: -815.83333333333px; }
.pull-12  { left: -890px; }

.push-1   { left: 74.166666666667px; }
.push-2   { left: 148.33333333333px; }
.push-3   { left: 222.5px; }
.push-4   { left: 296.66666666667px; }
.push-5   { left: 370.83333333333px; }
.push-6   { left: 445px; }
.push-7   { left: 519.16666666667px; }
.push-8   { left: 593.33333333333px; }
.push-9   { left: 667.5px; }
.push-10  { left: 741.66666666667px; }
.push-11  { left: 815.83333333333px; }
.push-12  { left: 890px; }


/* ---- Border Styles ---- */


.leftpane { 
	border-right:1px solid #fff;
	width:429px;
	margin-right:0px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.rightpane { 
	border-left:1px solid #DBCFC1;
	width:429px;
	margin-left:0px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.w84 .leftpane {
width:525px;

}
.w84 .rightpane {
width:332px;
}

.w93 .leftpane {

width:610px;

}
.w93 .leftpane.nopaddingright  {
padding-right:0px;
width:619px;
}
.w93 .rightpane {
width:248px;
}

.withborder_t { border-top:1px solid #fff;}
.withborder_b { border-bottom:1px solid #DBCFC1;}

.alignRight {
text-align:right;
}
.alignRight ul.bulleted {
    text-align: right;
}

.alignRight ul.bulleted li {
    background: url(../img/green-bullet-left.png) no-repeat 100% 50%;
    padding: 8px 32px 4px 0px;
}
/* --- menu styles --- */
/* --- top --- */
#top-menu {
width:592px;
	padding:0px;
	/*border-bottom: 1px solid #DBCFC1;*/
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left:10px;
	
	width:602px;
	padding-left:0px;
	overflow:hidden;
}

#top-menu li {
	display: inline;
	padding-right:5px;
	padding-left:5px;
}

#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: #ED7E2F; text-decoration: none; }


#wrapper-top #home_user_btn {
	background:url(../img/home_user_btn.png) no-repeat;
	display:block;
	width:288px;
	height:80px;
	overflow:hidden;
	text-indent:-999px;

}
#wrapper-top #home_user_btn:hover {
background-position: 0px -80px;
}

/* --- footer --- */
#footer-menu ul {
margin:0px;
padding:0px;
}

#footer-menu li {
	display:inline;
	border-right:1px solid #000;
	padding-right:5px;
	margin-right:5px;
}
#footer-menu li.last {
border-right:none;
}
#footer-menu a, #footer-menu b {
	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; }
/* --- header --- */
#header {
margin-top:10px;
width:880px;
height:156px;
display:block;
background:#F0EBE5 url(../img/header/banner1.jpg) no-repeat;
position:relative;
}
body#home #header {}
body#whos-who #header 			{background-image:url(../img/header/banner2.jpg); height:156px;}
body#our-mission #header 		{background-image:url(../img/header/banner2.jpg); height:156px;}
body#our-clients #header 		{background-image:url(../img/header/banner2.jpg); height:156px;}
body#contact-us #header 		{background-image:url(../img/header/banner1.jpg); height:156px;}
body#contact-us #header 		{background-image:url(../img/header/banner1.jpg); height:156px;}
body#it-support #header 		{background-image:url(../img/header/banner2.jpg); height:156px;}
body#it-solutions #header 		{background-image:url(../img/header/banner2.jpg); height:156px;}
body#backup #header 			{background-image:url(../img/header/banner2.jpg); height:156px;}
body#cutec-secure #header 		{background-image:url(../img/header/banner2.jpg); height:156px;}
body#broadband #header 			{background-image:url(../img/header/banner2.jpg); height:156px;}
body#web-design #header 		{background-image:url(../img/header/banner3.jpg); height:156px;}
body#cloud-services #header	{background-image:url(../img/header/banner2.jpg); height:156px;}
body#customer-login #header		{background-image:url(../img/header/banner2.jpg); height:156px;}
body#careers #header			{background-image:url(../img/header/banner2.jpg); height:156px;}
                                                                                   
body#remote-support #header { background:transparent; height:20px;}

body#microsoft-products #header { background:transparent; height:0px;}
body#microsoft-products .headerhr { display:none;}


#header .text {
display:block;
position:absolute;
width:350px;
height:200px;
top:52px;
left:144px;
text-align: left;
display:none;
}

#header .text .tagline {
color:#CE000C;
font-family: 'Calibri', Tahoma, Helvetica, Arial, sans-serif;
font-style:italic;
font-size:19px;

}
#header .text .callus {
color:#003A76;
font-family:  Arial, Tahoma, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
font-size:34px;
line-height:32px;
}



body#whos-who #header .text ,
body#our-mission #header .text,
body#our-clients #header .text, 
body#it-support #header  .text, 
body#it-solutions #header .text, 
body#backup #header .text,  		
body#cutec-secure #header .text,  	
body#broadband #header .text,  	
body#cloud-services #header .text,
body#customer-login #header .text,	
body#careers #header .text {
/*top:145px;
left:40px;*/
}		

	
/* --- cards --- */
#cards {
	padding: 0px;
	position: relative;
	height: 237px;
	margin-bottom:10px;
}

#cards li {
	display: block;
	position: absolute;
	background-color: #F0EBE5;
	background-image: url(../img/cards_new.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 167px;
	padding-right:11px;
	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: 167px; height: 237px;
	text-indent: -9999px;
	background-image: url(../img/cards_hover.png);
	background-repeat: no-repeat;
	background-position: 9999px 100%;
}

#cards li.it-support-services 	{ background-color: #304044; left:   0px; 	background-position: 0 0; }
#cards li.it-solutions 			{ background-color: #2E7483; left:   178px; background-position: -178px 0; }
#cards li.web-design		 	{ background-color: #809B24; left:   355px; background-position: -355px 0; }
#cards li.cloud-services	 	{ background-color: #DB4705; left:   532px; background-position: -532px 0; padding-right:13px}
#cards li.customer-login	 	{ background-color: #502305; left:   713px; background-position: -713px 0; padding-right:0px;}
#cards li.microsoft-products	{ background-color: #1977B0; left:   713px; background-position: -890px 0; padding-right:0px;}

/* --- Card Hovers --- */

#cards li.it-support-services  a 			{ background-position: 9999px 0; }
#cards li.it-solutions     a 				{ background-position: 9999px 0; }
#cards li.web-design  a 					{ background-position: 9999px 0; }
#cards li.cloud-services    a 				{ background-position: 9999px 0; }
#cards li.customer-login a 				{ background-position: 9999px 0; width: 155px; }
#cards li.microsoft-products a 			{ background-position: 9999px 0; }

#cards li.it-support-services  a:focus 	{ background-position:    0px 100%; }
#cards li.it-solutions     a:focus 		{ background-position: -178px 100%; }
#cards li.web-design  a:focus 			{ background-position: -355px 100%; }
#cards li.cloud-services    a:focus 		{ background-position: -532px 100%; }
#cards li.customer-login a:focus 			{ background-position: -713px 100%; }
#cards li.microsoft-products a:focus 		{ background-position: -890px 100%; }
                                             
#cards li.it-support-services a:hover 	{ background-position:    0px 100%; }
#cards li.it-solutions     a:hover 		{ background-position: -178px 100%; }
#cards li.web-design  a:hover 			{ background-position: -355px 100%; }
#cards li.cloud-services    a:hover 		{ background-position: -532px 100%; }
#cards li.customer-login a:hover 			{ background-position: -713px 100%; }
#cards li.microsoft-products a:hover 		{ background-position: -890px 100%; }

/* --- Mini cards --- */
#mini-cards {
position: relative;
height: 50px;
}
#mini-cards li {
	display: block;
	position: absolute;
	width: 167px;
	height: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#mini-cards li a, #mini-cards li b  {
display: block;
position: absolute;
left: 0;
top: 0;
width: 167px;
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.it-support-services  		{ left:   0px; }
#mini-cards li.it-solutions   				{ left: 178px; }
#mini-cards li.web-design  					{ left: 356px; }
#mini-cards li.cloud-services    			{ left: 535px; }
#mini-cards li.customer-login 				{ left: 713px; }
#mini-cards li.microsoft-products 				{ left: 713px; }

#mini-cards li.it-support-services	a { background-color: #304044; background-position: 0 0; }
#mini-cards li.it-solutions    		a { background-color: #2E7887; background-position: -177px 0; }
#mini-cards li.web-design  			a { background-color: #7F9A22; background-position: -354px 0; }
#mini-cards li.cloud-services    		a { background-color: #DE4A02; background-position: -531px 0; }
#mini-cards li.customer-login 		a { background-color: #4A1E01; background-position: -708px 0; }
#mini-cards li.microsoft-products 	a { background-color: #4A1E01; background-position: -890px 0; }

#mini-cards li.it-support-services	a:hover, #mini-cards li.it-support-services	b 	{ background-color: #304044; background-position: 0 -50px; }
#mini-cards li.it-solutions    		a:hover,#mini-cards li.it-solutions b 			{ background-color: #2E7887; background-position: -177px -50px; }
#mini-cards li.web-design  			a:hover, #mini-cards li.web-design b 			{ background-color: #7F9A22; background-position: -354px -50px; }
#mini-cards li.cloud-services  		a:hover, #mini-cards li.cloud-services b 		{ background-color: #DE4A02; background-position: -531px -50px; }
#mini-cards li.customer-login 		a:hover, #mini-cards li.customer-login b 		{ background-color: #4A1E01; background-position: -708px -50px; }
#mini-cards li.microsoft-products		a:hover, #mini-cards li.microsoft-products b 	{ background-color: #4A1E01; background-position: -890px -50px; }


/* --- text styles --- */
h1 {
font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 175%;
	font-weight: normal;
	margin-bottom: 16px;
	margin-left:4px;
}

h1 big, h1 small { display: block; }

h1.with_icon {
margin-left:4px;
padding-top:5px;
padding-bottom:3px;
padding-left:50px;
background:transparent url(../img/title_icons.jpg) no-repeat;
width:auto;
}

h1.whoswho 			{background-position:0px -240px;}
h1.mission 			{background-position:0px -120px;}
h1.our-clients 		{background-position:0px -400px;}
h1.it-support 		{background-position:0px -280px;}
h1.it-solutions 	{background-position:0px -320px;}
h1.web-design 		{background-position:0px -160px;}
h1.cloud-services 	{background-position:0px -360px;}
h1.backup		 	{background-position:0px -440px;}
h1.secure		 	{background-position:0px -600px;}
h1.broadband		{background-position:0px -483px;}
h1.customer-login	{background-position:0px -40px;}
h1.careers			{background-position:0px -80px;}




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

p img { vertical-align: middle; }

p {
padding-left:4px;
	margin-bottom: 16px;
	padding-right: 10px;
}
.center {text-align:center; }
/* --- UL LI --- */
ul, ul li {
padding:0px;
margin:0px;
}
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;
}

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

/* --- Breaker --- */
hr {
margin:0px;
padding:0px;
margin-top:10px;
margin-bottom:10px;
border:none;
height:0px;
border-top:#DBCFC1 1px solid;
border-bottom:#fff 1px solid;
clear:left;
}
.nomargintop { margin-top:0px;}
.nomarginbottom { margin-bottom:0px;}
/* --- boxes --- */
.threeblock .box {

	margin-bottom:10px;
	background: white;
	/*
	padding-bottom: 2em;
	position: relative;
	*/
	color: #4A4962;
	line-height: 1.5;
}

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

.threeblock .box a.moreinfo {
	display: block;
	/*
	position: absolute;
	left: 0; bottom: 0;
	*/
	height:50px;
	font-size: 80%;
	color:#3C4A64;
	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;
	text-decoration:none;
}
.threeblock .box a.moreinfo:hover {
text-decoration:underline;
color:#000;
}

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

/* --- News Feeds --- */

#rssnews  small {
font-size:0.8em;
display:block;
text-align:right;

padding-bottom:10px;
}
#rssnews  a:hover {color:#006699 !important;}

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

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

#infobar-people-main {
margin-right:3px;
width:882px;
}

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

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

#infobar-people-main ul a b.fade {
  position: absolute;
  left: 0; top: 0;
	/*width: 131px; height: 155px;*/
	width:124px; 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;
}

/* ------------------------------------------------------- */
#people-holder {
width:880px;
overflow:hidden;

}


.person {

	overflow: hidden;
	padding-top: 20px;
}

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

.person .portrait {
  float: right;
  width: 255px;
  text-align:right;
  padding-right:6px;
}
.person .portrait img{
	padding:5px;
	background-color:#fff;
	-moz-box-shadow: 	0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 		0px 0px 5px #888;
	

}

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

.people_js .person {
display:block;
	width:880px;
	height:600px;
	float:left;
}
.people_js {
height:600px;
position:relative;

}
.people_js #people-container{
position:relative;
height:600px;
width:880px;
overflow:hidden;
display:block;
}
.people_js #people-container .person{
position:absolute;
width:880px;
top:0;
background:#F0EBE5;
}


.person .bio .qualifications {
float:left;
	display:block;
	position:relative;
	width:auto;
	padding:5px;
	background-color:#fff;
	-moz-box-shadow: 	0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 		0px 0px 5px #888;

	
}
.person .bio .qualifications img{
vertical-align:middle;
margin-left:3px;
margin-right:3px;

}
/* -------Social Netowrking ---------------- */
#compliant ul{
float:right;
}
#compliant ul li{
margin:0px;
padding:0px;
display:inline;
list-style:none;
list-style-type:none;
float:left;
margin-left:10px;

}


.facebook_large, .twitter_large {
height: 60px;
width:181px;
background: transparent url(../img/logos/facebook_large.png) no-repeat;
background-position:5px 5px;
margin-right:20px;
display:block;
text-indent:-9999px;
float:left;
margin-bottom:10px;
padding:5px;
background-color:#fff;
-moz-box-shadow: 	0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 		0px 0px 5px #888;
}
.twitter_large {
width:269px;
background-image: url(../img/logos/twitter_large.png);	
}

.facebook_small, .twitter_small {
height: 15px;
width:45px;
background: transparent url(../img/logos/facebook_small.png) no-repeat;

display:block;
text-indent:-9999px;
}
.twitter_small {
width:81px;
background-image: url(../img/logos/twitter_small_wide.png);	
}

/* ---- Client Logos ---- */

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;
}

/* ----------------------------- */
.row {
	margin-top:7px;
	
}
.row .input {
	margin-top:7px;
	padding-right:9px;

}
.row .input input, .row .input textarea{
	padding:3px;
	font-size:12px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	border:#DBCFC1 1px solid;
	background:#fff;
	width:310px;
}
.row .input label {
	width:100px;
	float:left;
	display:block;

}
form .submit {}

form  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;
margin-top:15px;
margin-bottom:15px;
margin-left:100px;
}
form  button:hover {
background-position:0px -32px;
}

form .input .error-message {
font-size:0.9em;
color:#000;
text-align:right;
}
form .row .error input, form .row .error textarea  {
background:#FFDEDE;
}
/* ----------------------------- */
.icon_container {
width:429px;
overflow:hidden;
margin-bottom:10px;
}
.email_icon, .pdf_icon {
float:left;
display: block;
padding: 10px 0px 10px 50px;
height: 26px;
line-height: 26px;
background: url(../img/contact-icons.png) no-repeat 0 0px;
margin-right:25px;
}
.pdf_icon { background-position: 0px -132px; }
/* --- map ---- */
#map-container {
width:419px;

padding:5px;
background:#fff;
-moz-box-shadow: 	0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 		0px 0px 5px #888;

}
#map_canvas {

width:419px;
height:250px;
margin-bottom:10px;


}
/* -- Directions -- */

#google-directions {
margin-top:10px;
overflow:hidden;
} 
#google-directions label{
height:37px;
display:block;
width:116px;
margin-right:8px;
font-weight:bold;
overflow:hidden;
float:left;
}
#google-directions label small {
font-size:0.9em;
font-weight:normal;
}
#google-directions input{
text-transform:uppercase;
padding:4px;
width:125px;
font-size:20px;
margin-right:4px;
float:left;
border:#DBCFC1 1px solid;
	background:#fff;
}
#google-directions button{
border:none;
display:block;
float:left;
height:36px;
width:156px;
text-indent:-9999px;
overflow:hidden;
background:transparent url(../img/get_directions_btn.png) no-repeat;
cursor:pointer;
}
#google-directions button:hover{
background-position:0px -36px;
}

/* remote support page */
#RemoteSupportSession #SessionCodeengi{
width:170px;
padding:3px;
font-size:39px;
margin-bottom:10px;
}

form#RemoteSupportSession button#SessionSubmit, form#RemoteSupportSession button#SessionSubmitengi {
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 button#SessionSubmitengi {
margin-top: 8px;
background: url(../img/connect_to_engi_btn.png) no-repeat 0 0;
cursor: pointer;
}



/* --- custlogin page --- */
form#RemoteSupportSession label {
    font-weight: bold;
}

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

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


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

#it-solutions .box-group p {
	padding-left: 60px;
} 
#it-solutions .box-group .moreinfo {
	padding-left: 51px;
	margin-top: -10px;
}

#it-solutions .box-group .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;
}

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

/* --- Portfolio --- */
ul#portfolio {
    position: relative;
    height: 248px;
    width: 467px;
	margin-bottom:5px;
}

ul#portfolio li { 
	list-style:none;
	list-style-type:none;

	
}
ul#portfolio li a { 
    position: absolute; width: 162px; height: 124px;
    background-image: url(../img/portfolio-new.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: 162px; top: 0;  background-position: 0px -124px;}
ul#portfolio li.item2 a { left: 325px; top: 0;  background-position: 0px -249px;}

ul#portfolio li.item3 a { left:     0; top: 124px;  background-position:    0px -374px;}
ul#portfolio li.item4 a { left: 162px; top: 124px;  background-position: -0px -499px;}
ul#portfolio li.item5 a { left: 325px; top: 124px;  background-position: -0px -624px;}

/* --- sign up buttons --- */
.floatright {
float:right;
}
.floatright.withmargin{
margin-left:10px;
margin-bottom:10px;
}
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;
}
.login-button {
 margin-bottom:10px;
    
}

.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;
}

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;
}
/* ---------- Table Grid ------------- */

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;
}

table.grid tr.blackbg td, table.grid tr.blackbg th{
color:#fff;
background:#000;
}

/* --------------------- */
#partners-holder {
background:#fff;
height:90px;
display:block;
position:relative;
overflow:hidden;
padding:10px;
width:860px;
}
#partners-holder #partners-container {
display:block;
position:absolute;
height:90px;
overflow:hidden;
}
#partners-holder #partners-container li {
display:block;
height:90px;
float:left;
padding-right:10px;
vertical-align:middle;
line-height:90px;
position:relative;
}
#partners-holder #partners-container li img{
display:inline;
vertical-align:middle;

}

.box-shadow {
padding:5px;
background-color:#fff;
-moz-box-shadow: 	0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 		0px 0px 5px #888;
}


.twocol {
height:200px;
}
.twocol .colone{
width:200px;
float:left;
}
.twocol .coltwo{ 
width:200px;
float:left;
}

 /* -- Secure Mail -- */
 .packages {
 
 }
 
 .packages .package {
 
 }
 .package h1 {
 margin-bottom:2px;
 background: transparent url(../img/padlocks.png) no-repeat;
 padding-left:50px;
 padding-top:4px;
 padding-bottom:3px;
 
 }
 .package h1.bronze {background-position:0px 0px;}
 .package h1.silver {background-position:0px -50px;}
 .package h1.gold 	{background-position:0px -100px;}
 
 .package .description {
 margin-top:8px;
 float:left;
 width:200px;
 padding-right:10px;
 }
 
 .package ul {
 width:200px;
 float:left;
 }
 
 .free_trial_btn {
 margin-left:3px;
 background:transparent url(../img/free_trial_btn.png) no-repeat;
 display:block;
 width:183px;
 height:45px;
 text-indent:-9999px;
 overflow:hidden;
 margin-bottom:10px;
 }
 
 .free_trial_btn:hover {
 background-position: 0px -46px;
 }
 
 /*  --- Slide in support --- */
 #slideInSupport {
 
 z-index:999;
 position:absolute;
 top:249px;
 right:0px;
 background: transparent url(../img/slide-support/main-bg.png) no-repeat;
 padding-left:10px;
 width:277px;
 height:255px;
   overflow:hidden;
 }
 
  #slideInSupport #hitBox{
  
  text-indent:-999px;
  overflow:hidden;
  height:60px;
  width:60px;
  position:absolute;
  z-index:999;
  cursor:pointer;
  background: transparent url(../img/slide-support/hitbox-bg.png) no-repeat;
  background-position: 2px 0px;
  }
  #slideInSupport #hitBox:hover{
  background-position: 2px -126px;
  }
  
  #slideInSupport.open #hitBox{
    background-position: 2px -126px;
  }
  #slideInSupport.open #hitBox:hover{
    background-position: 2px -63px;
  
  }
  
  #slideInSupport #support-chat{
  margin-top:22px;
  margin-bottom:3px;
  margin-left:45px;
  display:block;
  width:232px;
  height:64px;

   
  }
#slideInSupport #support-remoteSupport{
  text-indent:-9999px;
  margin-bottom:2px;
  margin-left:45px;
  display:block;
  width:232px;
  height:64px;
   background: transparent url(../img/slide-support/remote-support.png) no-repeat;
  }
#slideInSupport #support-remoteSupport:hover{
background-position:0px -64px;
}
#slideInSupport #support-phone{
  text-indent:-9999px;
  margin-bottom:2px;
  margin-left:45px;
  display:block;
  width:232px;
  height:64px;
   background: transparent url(../img/slide-support/support-phone.png) no-repeat;
  }
#slideInSupport #support-phone:hover{
background-position:0px -64px;
}  
#slideInSupport #support-phone.inactive,
#slideInSupport #support-phone.inactive:hover{
background-position:0px -128px;

}
#slideInSupport #openingHours {
padding-top:2px;
color:#fff;
font-size:10px;
padding-left:140px;
overflow:hidden;
width:130px;
}
  

 /*  --- Slide in support  NO JS OVER RIDE --- */
 
 #slideInSupport.nojs {
 position:relative;
 height:64px;
 width:auto;
 top:0px;
 right:auto;
 background:transparent url(../img/slide-support/no-js-bg.png) no-repeat top right;
 width:880px;
 margin:0px;
 padding-left:10px;
 padding-right:10px;
 margin:0 auto;
 margin-bottom:10px;
 }
 
 #slideInSupport.nojs #support-phone,
 #slideInSupport.nojs #support-remoteSupport,
 #slideInSupport.nojs #support-chat {
 float:left;
 margin:0px;
 
 }

#slideInSupport.nojs #hitBox{
	background:transparent url(../img/slide-support/nojs-hitbox-bg.png) no-repeat;
	position:relative;
	float:left;
	display:block;
	top:auto;
	left:auto;
	width:70px;
	height:64px;
	margin:0px;
	background-position:0px -1px;
 
}
#slideInSupport.nojs #openingHours{
display:none;

}
#slideInSupport.nojs #support-chat {
background:transparent url(../img/slide-support/nojs-support-chat.png) no-repeat;
}

#slideInSupport.nojs #support-chat img {
	display:none;
}


#standalone-support-chat {
margin-top:20px;
position:relative;
padding:12px 13px 16px 15px;
width:172px;
height:43px;
overflow:hidden;
background:transparent url(../img/livechat_btn_standalone.png) no-repeat;
}
#standalone-support-chat a {
position:relative;
display:block;
width:172px;
height:43px;
overflow:hidden;
}

#standalone-support-chat img {
position:absolute;
top:-8px;
left:-15px;
width:199px;
height:auto;

}

/* Update Details Form */

#Update .row { 
	width:428px;
	border:none;
	padding-left:4px;
	margin-right:10px;
}
#Update label {
	float:left;

}
#Update fieldset { 
	border:none;
	border-bottom:#DBCFC1 1px solid;
	margin-top:15px;
	margin-bottom:15px;

}
#Update .input {
	margin-bottom:15px;
}
#Update .input.checkbox input {
width:auto;
margin-top:3px;
}
#Update .input.checkbox label{
	width:200px;

}

#Update fieldset legend{ 
font-size:15px;

padding-bottom:15px;
display:block;
}