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

body
{
		margin:0;
		padding:0;
		background: #3AA2FD url('../images/bodybg.jpg');
		background-repeat: repeat-x;
		top:0;

}

#container
{
		width:900px;
		margin:0 auto 0;
		padding:10px;
		background-color:#FFFFFF;
}

p
{
		line-height:160%;
		text-align:justify;

}

a
{
		color:#39F;
		font-weight:bold;
}


a:hover
{
		color:#F30;
		font-weight:bold;
		text-decoration:none;
}



/*Headers********************************************************/
#header
{
		width:900px;
		height:200px;
		background-image:url(../images/service-header.jpg);
		background-repeat:no-repeat;
		float:inherit;
}
	
#logo 
{
		float:left;
		width:80px;
		padding-top:30px;
		padding-left:10px;
}


/*********************Top Navigation********************/

#top_nav
{
		width:900px;
		height:36px;
		background-image:url(../images/menubg.jpg);
		overflow:hidden;
}

ul#mainnav
{
		margin:0;
		padding:0;
		list-style-type:none;
		float:left;
		display:block;
		text-transform:uppercase;
		font-size:12px;
		font-weight:bold;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		border-bottom:4px solid #336666;
		border-top:1px solid #C0E2D4;
}


ul#mainnav li
{
		display:block;
		float:left;
		margin:0;
		padding:0;
}

ul#mainnav li a
{
		display:block;
		float:left;
		color:#FFFFFF;
		text-decoration:none;
		padding:12px 20px 0 20px;
		height:24px;
		background:transparent url("../images/bgDIVIDER.gif") no-repeat top right;
}

ul#mainnav li a:visited
{
		background-color:purple;
}

ul#mainnav li a:hover
{
		background-color:#FF0000;
}






/****************************Content********************/
#content
{
		width:660px;
		padding:10px;
		background:#F00;
		background-color:#f5f5f5;
		border:1px solid #CCC;
		margin: 20px 0 10px 210px;
	
		
		
}


#content p
{
	
		line-height:170%;
		text-align:justify;
		margin:10px;
}


#content h1
{
		color:#FF0000;
		font-weight:bold;
		font-size:14px;
		margin-left:10px;
}

#content h2, h3
{
		color:#0000FF;
		font-weight:bold;
}





.contact
{
		margin-left:50px;
		margin-right:30px;
		padding-bottom:10px;
}

.contact h2
{
		color:red;
}


/****************************CONTACT FORMS******************************/


fieldset
{
		float:left;
		width:700px;
		margin:0 0 5px 0;
		padding:0 0 1em 0;
		border-style:none;
		background-color:#87CEFA;
}



legend
{
		margin-left:1em;
		font-weight:bold;
		color:blue;
		font-size:14px;
}



fieldset ol
{
		padding:1em 1em 0 1em;
		list-style-type:none;
}



fieldset li
{
		float:left;
		clear:left;
		width:100%;
		padding-bottom:1em;
}


fieldset.submit
{
		float:left;
		width:200px;
		border-style:none;
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom:20px;

}



label
{
		float:left;
		width:9em;
		margin-right:1em;
}




textarea
{
		background-color:#F0F8FF;
}

/*************END CONTACT FORM*************/




/************************************IMAGES**************************/

.odd
{
		float:left;
		margin:10px;
}

.even
{
		float:right;
		margin:10px;
}

/*****************************************UL CLASSESSSSS*****************************/
ul.method
{
		line-height:160%;
		list-style-image:url(../images/sdi_bl.gif);
}


ul.features
{
		line-height:150%;
		list-style-image:url(../images/063.gif);
}



ul.plan
{
		line-height:150%;
		list-style-image:url(../images/030.gif);
}


/*Tables******************************************/

table caption
{
		color:#FF0000;
		font-size:large;
		font-weight:bold;
		padding-top:10px;
}

table 
{
		border-collapse: collapse;
		margin: 10px;	
}

th strong 
{
		color: #fff;
}


th.price
{
		background:#33CCFF;
		height: 29px;
		padding-left: 12px;
		padding-right: 12px;
		color: #FFF;
		text-align: left;
		border-left: 1px solid #B6D59A;
		border-bottom: solid 2px #FFF;
}


tr 
{
		height: 30px;
}


td 
{
		padding-left: 11px;
		padding-right: 11px;
	
}


tr.row1 
{

		background: #F8F8F8;
}


tr.row2 
{
		background: #EFEFEF;		
}

td.order_online
{
		padding-top:10px;
		padding-left:10px;
}


#price
{
		padding-left:20px;
}

#date
{
		height:30px;
		padding-top:10px;
		font-size:14px;
		font-weight:bold;
}



#aus_content
{
		margin:20px 10px 0 10px;
		background-color:#f5f5f5;
		padding:10px;
		width:870px;
}






/*************ecommerce**********/
.ecom
{
 		text-align: left;
 		width: 160px;
  		background: url(../images/grad.png) #ffffff repeat-x;
  		border: 1px solid #000066;
  		margin-left:12px;
    	margin-right:10px;
  }



.ecom h3 {
  		text-align: center;
  		margin: 0;
  		padding: 6px 8px 4px 10px;
  		font-size: 16px;
  		color: #000099;
  
  }

.ecom div {
  		margin: 0;
  		padding: 10px 10px 15px 10px;
  		list-style: none;
  		color: #ff0000;
  		font-size: 13px;
  }
  
  
 /******************BACK AND NEXT BUTTON********************/
 ul#back-next
{
		list-style-type: none;
		margin: 0;
		padding: .5em 0;
		border-top: 1px solid #666;
}


 ul#back-next li a
{
		display: block;
		width: 7em;
		color: #FFF;
		background-color: #036;
		padding: .2em 0;
		text-align: center;
		text-decoration: none;
}


ul#back-next li a:hover
{
		color: #FFF;
		background-color: #69C;
}


 ul#back-next .left 
{ 
		float: left;
		width:7em;
}



 ul#back-next .right 
{ 
		float: right;
		width:7em;
}



 
/***************hosting button*****************************/
.hosting {
  		font-family: Arial;
  		text-align: left;
  		width: 160px;
  		border: 1px solid #000000
  }
  
  
.hosting h3 
{
  		text-align: center;
  		margin: 0;
  		padding: 6px 8px 4px 10px;
  		font-size: 16px;
  		color: #ffffff;
  		background-color: #aa0000;
  }
  
  
.hosting div 
{
  		margin: 0;
  		padding: 10px 10px 15px 10px;
  		list-style: none;
  		color: #0000ff;
  		background-color: #ffc0c0;
  		font-size: 13px;
  }



/****************project box********************/
.hostbox {
  		font-family: Arial;
  		width: 170px;
  		margin-left:10px;
  }
  
  
.hostbox .boxtop {
  		background: url(../images/boxtop64296236.png) no-repeat top;
  		margin: 0;
  		text-align: center;
  		padding: 6px 13px 4px;
  		color: #ffffff;
  		font-size: 14px;
  		height: 20px;
  }
  
  
.hostbox .boxtext {
  		margin: 0 0 -6px 0;  
  		text-align: left;
  		padding: 5px 13px 2px 13px;
  		color: #ffffff;
  		font-size: 14px;
  		background: url(../images/boxmid27066865.png) repeat-y top;
  }
  
  
.hostbox .boxtext a
  {
	  color:white;
	  font-weight:bold;
	  text-decoration:none;
  }
  
  
.hostbox .boxtext a:hover
   {
	   color:#900;
	   text-decoration:underline;
   }
   
   
  
.hostbox .boxbot {
  		margin: 0;
  		height: 25px;
  		background: url(../images/boxbot26119741.png) no-repeat bottom;
  }


	
/**************oder home page boxez*********************/	
#three_steps
	{
		width:666px;
		height:170px;
		margin:25px;
		padding:0px;
		float:left;
	
	
	}
	
	
#domain
	{
		width:200px;
		height:152px;
		margin:0px;
		padding:0 18px 0 0;
		float:left;
		background:url(../images/hardwarebg.jpg) no-repeat;
	}
	
	
#hosting
	{
		width:200px;
		height:180px;
		margin:0px;
		padding:0 18px 0 0;
		float:left;
		background:url(../images/internetbg.jpg) no-repeat;
	}
	
	
#web
	{
		width:200px;
		height:180px;
		margin:0px;
		padding:0px;
		float:left;
		background:url(../images/windowsbg.jpg) no-repeat;
	}



/***************tooltip************/
#dhtmltooltip{
		position: absolute;
		width: 150px;
		border: 2px solid black;
		padding: 2px;
		background-color:#FF9;
		visibility: hidden;
		z-index: 100;

}



/***************link description about us*********************/
span#div1
{
		color:#F00;
		font-weight:bold;
}


span#div2
{
		color:#09F;
		font-weight:bold;
}