body {
	background-color: #3B5998;
	margin: 0;
   /*color:#666;*/
   color: #484848;
   /*color:#303030;*/
   font-size: small;
   font-family: arial,helvetica,clean,sans-serif;
	/*font-family: 'Trebuchet MS',arial,helvetica,clean,sans-serif;*/
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.clear {
   clear: both;
}

.mdfont {
   font-size: 18px;
   color: #142F5F;
	font-weight: normal;
}

.smlfont {
  font-size: 10px;
  font-weight: bold;
}

img {
  border:0;
}

b {
  color:#464646;
}

.domborder {
  border: 1px solid #95CAFF;
}

.dombkgcolor {
  background-color:#eeeeee;
}

.external {
   background: url(/images/external.gif) center right no-repeat;
   padding-right: 13px;
}

.underline {
   border-bottom: 1px dotted #000;
}

/* iex-sli 1 and 2 and botm images to compensate for ssl error part ssl art not - applies to all images*/
.iex-sli-header-t2 {
   width:301px;
   height:244px;
   background:url("/images/sli-da/sli-header-t2.jpg") no-repeat;
}

.iex-sli-header-t3 {
   width:297px;
   height:244px;
   background:url("/images/sli-da/sli-header-t3.jpg") no-repeat;
}

.iex-header-botm {
  width:789px;
  height:37px;
  background:url("/images/sli-da/sli-header-bt2.jpg") no-repeat;
  padding-left: 30px;
  color: #060030;
  font-size: 24px;
  font-family: Tahoma, arial,helvetica,clean,sans-serif;
  font-weight: normal; 
  letter-spacing: -1px;
}

/* three boxes images */
.iex-hosting{
   width:220px;
   height:66px;
   background:url("/images/iex-hosting2.gif") no-repeat;
}

.iex-domain {
   width:220px;
   height:66px;
   background:url("/images/iex-domain2.gif") no-repeat;
}

.iex-business{
   width:220px;
   height:66px;
   background:url("/images/iex-3box-business-lg.gif") no-repeat;
}

.iex-ecommerce{
   width:220px;
   height:66px;
   background:url("/images/iex-ecommerce.gif") no-repeat;
}
/* END 3 boxes */

/* difference images */
.diff-store{
   width:104px;
   height:115px;
   background:url("/images/diff-store.gif") no-repeat;
}

.diff-service{
   width:104px;
   height:115px;
   background:url("/images/diff-service.gif") no-repeat;
}

.diff-app{
   width:104px;
   height:115px;
   background:url("/images/diff-app.gif") no-repeat;
}

.diff-identity{
   width:104px;
   height:115px;
   background:url("/images/diff-identity.gif") no-repeat;
}

.diff-rent{
   width:104px;
   height:115px;
   background:url("/images/diff-rent.gif") no-repeat;
}

.diff-own{
   width:104px;
   height:115px;
   background:url("/images/diff-own.gif") no-repeat;
}

.diff-promote{
   width:104px;
   height:115px;
   background:url("/images/diff-promote.gif") no-repeat;
}

.diff-host{
  width:104px;
   height:115px;
   background:url("/images/diff-host.gif") no-repeat;
}


/* END difference images */

/* IMG */
.goto-ca{
   width:24px;
   height:18px;
   background:url("/images/goto-ca.gif") no-repeat;
}

.goto-us{
   width:24px;
   height:18px;
   background:url("/images/goto-us.gif") no-repeat;
}

/* END IMG */


h1,h2 {
  color: #142F5F;
  font-size: 19px;
}

h3 {
  color: #142F5F;
  font-size: 21px;
  font-weight:400;
  /*border-bottom: 1px dotted #000;*/
  border-bottom:1px solid #EBEBEB;
}

.0h3 {
  border-bottom:1px solid #EBEBEB;
  color:#1a4d80;
  font-size:21px;
  font-weight:400;
}

.fleft {
   float: left;
}

#container {
	margin: 0 auto;
	width: 830px;
	text-align: left; /* Cancel IE Fix */
}

#INcontent {
   padding-top: 20px;
   padding-left: 20px;
   padding-right: 20px;
   min-height: 500px;
	height: auto !important; /* real browsers */
	height: 500px; /* IE6: treated as min-height*/
	background-color:#fff;
}

/* horizontal menu */

 .tabpos {
   position:relative;
	margin-left: 50px;
	margin-bottom: 0px;
}
.tabs4 {
	white-space: nowrap;
	font-size:110%;
	font-weight:bold;
	line-height:normal;
	height: 35px;
}
.tabs4 a {
	float:left;
	white-space: nowrap;
	background:url("/images/menu-tab-left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
	height: 35px;
}
.tabs4 a span {
	white-space: nowrap;
	/*min-width: 60px;*/
   display:block;
	background:url("/images/menu-tab-right.gif") no-repeat right top;
	padding:8px 15px 0px 6px;
	/*color:#B5BBD5;*/
	color:#fff;
	height: 35px;
}
.tabstatic {
	white-space: nowrap;
	font-size:110%;
	font-weight:bold;
	line-height:normal;
	height: 35px;
}
.tabstatic a {
   height: 35px;
	float:left;
	white-space: nowrap;
	background:url("/images/menu-tab-left-select.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
}
.tabstatic a span {
   height: 35px;
	white-space: nowrap;
	/*min-width: 60px;*/
	display:block;
	background: url("/images/menu-tab-right-select.gif") no-repeat right top;
	padding:8px 15px 0px 6px;
	color:#fff;
}

.tabs4 a:hover {
   height: 35px;
	float:left;
	white-space: nowrap;
	background:url("/images/menu-tab-left-select.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
}
.tabs4 a:hover span {
   height: 35px;
	white-space: nowrap;
	/*min-width: 60px;*/
	display:block;
	background: url("/images/menu-tab-right-select.gif") no-repeat right top;
	padding:8px 15px 0px 6px;
	color:#fff;
}

.subtab {
   position:absolute;
   top: 150px;
	margin-left: 54px;
	margin-bottom: 0px;
	text-decoration:none;
	color:#808080;
	font-weight:bold;
	
}

.subtab a:visited {
   text-decoration:none;
   color:#808080;
	font-weight:bold;
}

.subtab a:link{
   text-decoration:none;
   color:#808080;
	font-weight:bold;
}

.subtab a:hover{
   text-decoration:none;
   color:#ffcc33;
	font-weight:bold;
}


/* END horizontal menu */

/* index related only */ 

 .iex-headertext { 
   font: bold 34px/40px "Trebuchet MS";
   margin: 0px;
   color: #3b5998;
   letter-spacing: -2px;
   text-align: center;
}

.iex-box {
   float: left;
   margin: 10px;
   width:220px;
   min-height: 280px;
	height: auto !important; /* real browsers */
	height: 280px; /* IE6: treated as min-height*/
}

.iex-box-header {
   float: left;
   color: #142F5F;
   font-family:arial,verdana;
   font-weight:normal;
   padding-left:6px;
   font-size: 30px;
   /*line-height: 28px;*/
}

.iex-list {
   margin-top:0;
   margin-left: 0;
	padding-left: 15px;
}

.iex-box-content {
   padding: 5px;
   border-top: 1px solid #000000;
   margin-top: 2px;
}

.iex-box-subcontent {
   width:190px;
   padding-top: 4px;
   padding-left: 4px;
}

.iex-boxstarHostUS {
   background-image: url(/images/star-698or.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

.iex-boxstarHostCAD {
   background-image: url(/images/star-898or.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

.iex-boxstarDomUS {
   background-image: url(/images/star-998oryear.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

.iex-boxstarDomCAD {
   background-image: url(/images/star-1098oryear.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

.iex-boxstarSeoUS {
   background-image: url(/images/star-1699oryear.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

.iex-boxstarSeoCAD {
   background-image: url(/images/star-1799oryear.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

.iex-boxstarEcomUS {
   background-image: url(/images/star-2499or.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

.iex-boxstarEcomCAD {
   background-image: url(/images/star-2499or.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

/* end index related only */ 

/* Left Menu - top menu bar is id barinnerUP */

#TDleftcolumn {
   width: 191px;
   padding-top: 5px;
   padding-right: 15px;
   padding-left: 15px;
   background: #E6F9FF  url("/images/left-menu-bottom-tr.gif") no-repeat bottom;
   height: 44px;
}

.itab {
  margin-top: 10px;
  background: url("/images/left-menu-i-tab.gif") no-repeat;
  width: 221px;
  height: 44px;
}

/* use only if itab is used */
.leftmenucontent {
   width:221px; 
   padding: 10px;
}

/* end Left Menu */


/* global topnav bar*/
#topnav {
  height: 27px;
  padding-top: 6px;
  /*background-color:#0F206B;*/
  background-color:#263962;
  color: #fff;
}

#topnavcontent {
   color: #fff;
   margin: 0 auto;
	width: 830px;
   text-align: right;
}

#topnavcontent a:link, #topnavcontent a:visited, #topnavcontent a:active {color: #D4D4D4}

.toplogin {
  color: #FFFF00;
}

.toplogin a {
  color: #FFFF00;
  text-decoration:none;
}

.toplogin a:hover{
  color: #FFFF00;
  text-decoration: underline;
}
/*end global topnav bar*/

#logo {
   background-image: url(/images/wiwlogo22.gif);
   background-repeat: no-repeat;
   height:1%; /* IE fix re: negative padding*/
   position: relative;
   margin-left: -8px;
   height: 77px;
   width: 96px;
   margin-top: 12px;
   margin-bottom: 12px;  
}	

.headcontain {
  width:830px;
  background-color:#fff;
}

.maincontent{
   background-color:#fff;   
   padding-right: 20px;
   padding-left: 20px;
   min-height: 300px;
	height: auto !important; /* real browsers */
	height: 300px; /* IE6: treated as min-height*/
}

.barupper{
   background-image: url(/images/bar_index_upper2.gif);
   background-repeat: no-repeat;
   height: 16px;
   width: 830px;
}

.barinnerUP{
   background-image: url(/images/bar_inner_upper2.gif);
   background-repeat: no-repeat;
   height: 18px;
   width: 830px;
}

.barlower{
  background-image: url(/images/bar_main_lower.gif);
  background-repeat: no-repeat;
  height: 16px;
  width: 830px;
}

/* hosting grid */

.hostbanleft {
	width:235px;
	height: 133px;
}
.hostbanright {
	background-image: url(/images/hostbaner-right.png);
	background-repeat: none;
	width:358px;
	height: 133px;
}
.hosta {
	padding-bottom: 0px;
}
.hostaf {
	font-size: 12px;
}
.hostbgcol {
	background-color:#E2F2FC;
}
.hosttdheaderleft {
	width: 196px;
	white-space: nowrap;
	background-color: #E8E8E8;
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #FFECB3;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheadercentr {
	width: 124px;
	background-color: #E8E8E8;
	border-right: 1px solid #FFECB3;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheaderright {
	width: 124px;
	background-color: #E8E8E8;
	border-right: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdleft {
	white-space: nowrap;
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdright {
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheaderleftbott {
	height:30px;
	background-color: #E8E8E8;
	border-bottom: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #FFECB3;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheadercentrbott {
	background-color: #E8E8E8;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #FFECB3;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheaderrightbott {
	background-color: #E8E8E8;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/* end hosting grid */

/* design */
.star99 {
   background-image: url(/images/star-design-99slor4onetime.gif);
   background-repeat: no-repeat;
   height: 152px; /*146*/
   width: 125px;
}

.nbcontent {
   font-size: 14px;
   padding-left:20px;
   padding-right: 10px;
}

.numbox1 {
  padding-top: 80px;
  background-image: url(/images/num-box1.gif);
  background-repeat: no-repeat;
  width:182px;
  height:235px;
}

.numbox2 {
  padding-top: 80px;
  background-image: url(/images/num-box2.gif);
  background-repeat: no-repeat;
  width:182px;
  height:235px;
}

.numbox3 {
  padding-top: 80px;
  background-image: url(/images/num-box3.gif);
  background-repeat: no-repeat;
  width:182px;
  height:235px;
}

/* end design */

/* client portfolio */

.port-box {
   float: left;
   margin: 10px;
   width:180px;
   min-height: 280px;
	height: auto !important; /* real browsers */
	height: 280px; /* IE6: treated as min-height*/
}

div#photos {
   overflow:auto;
}
  
div.photo {
    float:left; 
    display:inline; 
    margin:0 5px 5px 0;
}

div.photo a img {
    border:1px solid #C0C0C0; 
    padding:8px;
}
  
p#turtles_caption {
   margin:5px 0 0;
}

/* end client portfolio */

/*----- footer menu ------- */

.footmiddle {
	color:#fff;
	font-size: 11px;
	padding-left: 10px;
	background-color:#83A0DA;
	height: 130px;
}

.menu {
	margin-left: 0;
	padding-left: 4px;
	list-style: none;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	line-height: 14px;
}

.menu li {
   font-size: 11px;
   text-decoration: none;
	padding:1px;
	border-bottom:1px solid #92AADE;
	padding-left: 5px;
}

.menu li:hover {
   text-decoration: none;
	border-bottom:1px solid #92AADE;
	background-color: #6281c1;
}

.menu li a:hover {
	text-decoration: none;
	background-color: #6281c1;
	}


li.c1:hover {
	background: none;
}

.fsize {
   color: #3e5c9b;
   
}
	
.menu a {
   text-decoration: none;
   color:#d8dde6;
}

.footfloat {
  float: left; 
  width:130px;
  height: 120px;
}

#footcopy {
  background-color: #fff;
  color: #808080;
  font-size: 11px;
  padding-left: 5px;
}

/* ---------End footer Menu-----------*/

.uniForm{ margin-top: 1.5em; }

.uniForm .multiField, .uniForm .blockLabels .multiField{ width: 60%; }
.uniForm .formHint, .uniForm .blockLabels .formHint{ width: 40%; margin-top: .3em; }
.uniForm .textInput, .uniForm select, .uniForm textarea{ border: 2px solid #dfdfdf; background:#fff; }
.ctrlHolder.focused .textInput{ border-color: #DFD77D; }
.uniForm .buttonHolder{ padding: 10px 10px 10px 0; font-size: 120%; margin: 1em 0;border: 1px solid #ccc; border-width: 1px 0; background: #f9f9f9; }

/* Phone number multifield custom styles */
.uniForm .inlineLabels .ctrlHolder .multiField.phoneNum .blockLabel{ width: auto; }
  .uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_ccode.textInput,
  .uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_area.textInput{ width: 40px; }
  .uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_area.textInput{ width: 40px; }
  .uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_num.textInput{ width: 110px; }