html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #000000;
} 
 
.pagewidth{ 
 width:1000px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 .pagewidth2{ 
 width:1056px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:110px; 
background-image: url(images/headerbg.jpg);
 width:100%;
 padding-top:
} 

#headerleft { float: left; 
 display:inline; 
 position: relative; 
 width:30%;  padding-top:25px; padding-left:50px;}
#headerright { float: right; 
 display:inline; 
 position: relative; 
 width:50%;  padding-top:15px; text-align:right; padding-right:50px;}

#nav{

 position:relative; 
 height:71px; 
background-image: url(images/navbg1.jpg);
width:100%;
} 

 #callback{
	background-image:url('images/callbackboxbg.png');
 	background-repeat:no-repeat;
  	height:182px;
 	width:312px;
font-size:8pt;
line-height:10pt;
padding-top:40px;
padding-left:15px;
padding-right:15px;
float:right;
margin-bottom:20px;
 	
 }
 
 
  #callbackenquiry{
	background-image:url('images/callbackenquiryboxbg.png');
 	background-repeat:no-repeat;
  	height:263px;
 	width:312px;
font-size:8pt;
line-height:10pt;
padding-top:23px;
padding-left:20px;
padding-right:15px;
float:right;
margin-bottom:20px;}
 
.rightbarwrapper{
	clear:both;width:100%; margin-bottom:20px;
}

.rightbarwrapperleft{
	width:5%;float:left;display:inline;position:relative; text-align:right;
}

.rightbarwrapperright{
	width:90%;float:right;display:inline;position:relative;margin-bottom:20px;
}

#rightbarbulletwrapper{
	clear:both;
}

#tabs { position:relative; 
 height:66px; 
background-image: url(images/tabs1.jpg);
 background-repeat: no-repeat;
 width:100%;
 padding-top:25px}
 
#adblock{
 position:relative; 
 height:140px; 
background-image: url(images/adbg.gif);
 width:100%;
 padding-top: 10px;
} 
 
 #wrapper { background-image: url(images/mainbodybg.jpg);  background-repeat: repeat-x;width:100%; height: 600px;}
 
 #maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:625px;
 padding-right:15px;

margin-top:10px;
 border-right: 1px #ccc dotted; 
}

 #box1 {background-image: url(images/printbox.jpg); float: left; 
 background-repeat: no-repeat;
 display:inline; 
 position: relative; width: 188px ;
 height:190px; 
 padding-left: 30px;
 padding-top: 60px;
 padding-right: 30px;}
 #box2 {background-image: url(images/hostingbox.jpg); float: right; 
  background-repeat: no-repeat;
 display:inline; 
 position: relative;  width: 188px;
  height:190px; 
 padding-left: 30px;
 padding-top: 65px;
 padding-right: 30px;}
  
  #rightcol{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:345px; 
 text-align:left;
 padding-left:10px;

 margin-top:10px;
 }
 
#footer{
 height:100px; 
 clear:both;
 text-align:center;
 } 
 
#title1 {width:325px; height: 20px; background-image: url(images/title1.jpg); float:right;}
#title2 {width:325px; height: 20px; background-image: url(images/title2.jpg); float:right;}
#title3 {width:325px; height: 20px; background-image: url(images/title3.jpg); float:right;}
#title4 {width:325px; height: 20px; background-image: url(images/title4.jpg); float:right;}
#title5 {width:325px; height: 20px; background-image: url(images/title5.jpg); float:right;}

#body1 {width:315px; height: 60px; background-image: url(images/body1.jpg); float:right; padding-left: 5px; padding-right: 5px;}
#body2 {width:315px; height: 60px; background-image: url(images/body2.jpg); float:right; padding-left: 5px; padding-right: 5px;}
#body3 {width:315px; height: 60px; background-image: url(images/body3.jpg); float:right; padding-left: 5px; padding-right: 5px;}
#body4 {width:315px; height: 60px; background-image: url(images/body4.jpg); float:right; padding-left: 5px; padding-right: 5px;}
#body5 {width:315px; height: 60px; background-image: url(images/body5.jpg); float:right; padding-left: 5px; padding-right: 5px;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* Text Styles */
.navtext {font-family: verdana; color: #ffffff; font-size: 75%; line-height: 1.5em; text-align:center; padding-top: 20px;}
a.navtext:link, a.navtext:visited, a.navtext:active {font-family: verdana; color: #ffffff; font-size: 100%; line-height: 1.5em; text-decoration:none;}
a.navtext:hover {font-family: verdana; color: #ffffff; font-size: 100%; line-height: 1.5em; text-decoration:underline;}

.bodytext {font-family: verdana; color: #ffffff; font-size: 75%; line-height: 1.5em; text-align:left;}
.bodylink  {font-family: verdana; color: #ffffff; line-height: 1.5em; text-align:left;}
.footerwhite {font-family: verdana; color: #ffffff; font-size: 65%; line-height: 1.5em; text-align:center;}
.footergrey {font-family: verdana; color: #999999; font-size: 65%; line-height: 1.5em; text-align:center;}

h1 {font-family: verdana; color: #ffffff; font-size: 110%; line-height: 0.5em; text-align:left;}
.header2{font-family: verdana; font-size:10pt;color:#CCCC33;line-height: 0.5em;font-weight:bold;}
.header3{font-family: verdana; font-size:10pt;color:#FF9933;line-height: 0.5em;font-weight:bold;}
.header4{font-family: verdana; font-size:10pt;color:#669900;line-height: 0.5em;font-weight:bold;}
.header5{font-family: verdana; font-size:10pt;color:#3399CC;line-height: 0.5em;font-weight:bold;}
.header6{font-family: verdana; font-size:10pt;color:#CC66CC;line-height: 0.5em;font-weight:bold;}
.header7{font-family: verdana; font-size:10pt;color:#CC6633;line-height: 0.5em;font-weight:bold;}

.adbox {font-family: verdana; color: #999999; font-size: 75%; text-align:center;}
.adboxgreen {font-family: verdana; color: #669900; text-align:center;}

.tablecell {padding-left:5px;}
.hosting_table {width:15%; text-align: center;}
.picture {border: 0px;}

.webtitle {color: #CCCC33;}
.hostingtitle {color: #FF9933;}
.appstitle {color: #CC66CC;}
.printtitle {color: #669900;}
.ecomtitle {color: #3399CC; font-weight:bold;}
.marketingtitle {color: #FF6666;}
.webtitle {color: #FFFF66;}
.rightbody {font-family: verdana; color: #666666; font-size: 75%; line-height: 1.2em; text-align:center;}
.righttitle {font-family: verdana; color: #ffffff; font-size: 75%; line-height: 1.5em; text-align:center;}
.boxdivider{border-bottom:1px #ccc dotted; height:5px;margin-bottom:10px;}
.sidebarheader{font-weight:bold; border-bottom:1px #FFFFFF solid; width:300px;}
.callbackheader{padding-left:40px;font-weight:bold;margin-bottom:10px;}
.phonewhite{font-size:16pt; font-weight:bold;}
.portfoliolink{margin-right:8px; border:1px solid #fff; margin-bottom:8px;}

.ecomlist ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	}

.ecomlist ul li{
background-image:url('/images/ecom-tick.png');
background-repeat:no-repeat;
padding-left:20px;
background-position: 0em 0.3em;
	}

#ecom-callback{
    background-image:url('/images/ecom-callback-bg.png');
    background-repeat:no-repeat;
    padding-top:55px;
    padding-left:20px;
    padding-right:20px;
    height:134px;
}

#ecom-callback{
    background-image:url('/images/ecom-callback-bg.png');
    background-repeat:no-repeat;
    padding-top:55px;
    padding-left:20px;
    padding-right:20px;
    height:134px;
}