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

body
{
		margin:0;
		padding:0;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		background-image:url(../images/bg-blue2-small.jpg);

}

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



/********************************Left Navigation*********************************************/
#navcontainer
{
		float:left;
		background:#6CF url(../images/back.png);
		width: 190px;
		margin: 20px auto;
		padding: 1em 0;
		font-family: georgia, serif;
		font-size: 13px;
		text-align: left;
	
}



ul#navlist
{
		text-align: left;
		list-style: none;
		padding: 0;
		margin: 0 auto;
		width: 170px;
}



ul#navlist li
{
		display: block;
		margin: 0;
		padding: 0;
}



ul#navlist li a
{
		display: block;
		width: 100%;
		padding: 0.5em 0 0.5em 1em;
		border-width: 1px;
		border-color: #ffe #aaab9c #ccc #fff;
		border-style: solid;
		color:#00C;
		text-decoration: none;
		background:#69F url(../images/blue1.jpg);
}




#navcontainer>ul#navlist li a 
{
		width: auto; 
	}



ul#navlist li a:hover, ul#navlist li#active a:hover
{
		color:white;
		background:#FF3333;
		border-color: #aaab9c #fff #fff #ccc;
}



/****************************Content********************/

#content
{
		margin: 0 10px 0 200px;
		padding:10px;
}


#content h1
{
		color:#FF0000;
		font-weight:bold;
}

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


.bodytitle 
{
		height: 30px;
		margin-bottom: 5px;
		padding: 3px 0 5px 5px;
		font-weight: bold;
		background-color:#f5f5f5;
		border: #dddddd solid 1px;
		border-top: 0px;
}


.bodycontent 
{
		padding: 10px;
		line-height: 20px;
		background-color: #f5f5f5;
}



#welcome
{
		height: 50px;
		margin-bottom: 5px;
		padding: 10px 0 20px 70px;
		font-weight: bold;
		background-image:url(../images/head_bckg.jpg);
		border: #dddddd solid 1px;
		border-top: 0px;
	
}

#welcome h2
{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:20px;
		font-weight:bold;
		color:#FFF;
	
}



#wel_content
{
		padding: 10px;
		background-color:#f5f5f5;
		margin-top:15px;
}



/******************************Footer*****************/
#footer
{
		clear:both;
		margin:0;
		padding:.5em;
		color:#333333;
		background-image:url(../images/blue1.jpg);
		border-top:2px solid gray;
}


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


/*****************SLOGAN*****************/
#slogan
{
		padding: 5px;
		line-height: 16px;
		background-image:url(../images/head_bckg.jpg);
		color:white;
		font-size:13px;
		font-weight:bold;
		font-style:italic;
}


#slogan a
{
		color:white;
		text-decoration:none;
}

#slogan a:hover
{
		text-decoration:underline;
		color:#000;
}



#left_nav h3
{
		padding-left:10px;
}


#top
{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		font-size:20px;
		text-align:center;
		color:#FF0033;

}


/********************************Ausdirectory*****************************/

#left_column
{
		background-color:#F9F7ED;
		float:left;
		width:430px;
		margin:20px 10px 0 10px;
		padding:10px;
}


#right_column
{
		background-color:#f8f8f8;
		float:right;
		width:400px;
		margin:20px 0 0 10px;
		padding-right:10px;
		padding-left:10px;
}


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


span.terms
{
		text-transform:uppercase;
		color:red;
		font-size:14px;
		font-weight:bold;
}




#small-business
{
		line-height:160%;
		text-align:justify;
		font-style:italic;
		font-size:14px;
		background-color:#CCFFFF;
		padding:10px;
}

span#author
{
		font-size:12px;
		font-style:normal;
}

p#pack
{
		font-family:"Courier New", Courier, monospace;
		font-size:16px;
		color:#CC0033;
		font-weight:bold;
		background-color:#66CCFF;
	p	adding:10px;
}



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