@charset "UTF-8";




/* CSS Document */

/*************** #pageName styles **************/


body {
	margin-left: 0px;
	margin-top: 0px;
	background: #003466 url(http://www.i-net.com.au/images/bg.jpg) repeat-x;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #999;
	/* font-size: 13px;  Bill - this will set the font size across the site however its breaking the menu, making it shorter */
}

/***** do this *****/







h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 0.8em;
}

p{
	
	padding: 2px;
	margin-right: 2px;
}

p {color:#999;
line-height:20px}




h1{

	border-bottom:1px dashed #ccc;
	font-weight: Bold;
	color: #999;
	margin-top:2px;
	padding-top:2px;
	margin-bottom:10px;	
	margin-left:0px;
	border-top:2px;
	
	}
h2{

	border-bottom:1px dashed #ccc;
	/*font-weight: Bold;*/
	color: #999;

	margin-top:2px;
	padding-top:2px;
	margin-bottom:10px;	
	margin-left:0px;
	border-top:2px;
	
	}



h3{
 color: #334d55;
 margin: 0px;
 padding: 4px;
}

h4{
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 4px;
}

h1, h2 {color:#66C8F5}

a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	}
	


a:hover {
	color: #999; 
	border-bottom: 1px solid #999999;
	}


	
	
li{
	list-style-type: square;
	color: #333333; /* This fixes the IE5 Win gap! */
	margin: 5px 11px 6px 38px;
}


a img {
	border: 0 none;
	}

img.logo {
	float: left;
	margin: 0 10px 10px 0;
	}
hr {
	clear: both;
	height: 1px;
	color: #ccc;
	border-width: 0;
	}

html>body hr {
	margin: 2em 10px;
	}	
abbr, acronym {
	border-bottom: 1px dashed #ccc;
	cursor: help;
	font-style: normal;
	}

.border {
	border: 1px solid #ccc;
	}
	
	
.flow-diagram {
	color: #FFFFFF;
	font-weight: bold;
}

.flow-diagram-title{
	color: #FF9900;
	font-weight: bold;
		font-size: 110%;	
}

.style2 {
	color: #0DA6D9;
	font-weight: bold;
}



.style9 {	font-size: 13px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
}

.blue_box_title {
	font-weight:bold;
	font-size:12px;
	color: #ffffff;
	background: #509cc6;
	text-align: center;
	top: 20px;
	right: 2px;
	padding: 1px;
	width: 178px;
	margin-top: 21px;
	padding-top: 5px;
		padding-bottom: 5px;

	margin-bottom: 2px;
	margin-left: 20px;
}
.blue_box {
	color: #ffffff;
	background: #509cc6 url(http://www.i-net.com.au/images/blue_box_web_designer.gif) no-repeat;
/*	vertical-align: top;
*/	height: 155px;
	width: 200px;
	
	padding-top: 20px;
	padding-bottom: 10px;

}
li.blue_box {
	list-style: circle url(http://www.i-net.com.au/hosting/hosting/hosting_tick.gif);
    font-size: 13px;
    font-weight:bold;
	margin: 0 0 0.5em 2.5em;
	margin-top: 20px;
	list-style-position: inside;
	color:#999;
}

.blue_box ul{
	margin: 0;
	padding: 0;
}
 
.rght-col-ticks li{
 
	list-style: circle url(http://www.i-net.com.au/hosting/hosting/hosting_tick.gif);
    font-size: 15px;
    font-weight:bold;
	margin: 0 0 0 1.0em;
	margin-top: 20px;
	list-style-position: inside;
	color:#999;
}

.rght-col-ticks ul{
	margin: 0;
	padding: 0;
	margin-bottom:20px;
}

 
ul {
  list-style: square;
  margin: 20px;
  padding: 0;
}

li{
 
	list-style: square;
	margin: 0 0 0.5em 2.5em;
	padding: 0;
	list-style-position: inside;
	color:#999;
}



/*start********** main content section  ***********/



	
/*start********** main content section - what - how - why  ***********/


.what {
	background: #e7fbfc url(http://www.i-net.com.au/images/what2.jpg) no-repeat;
	padding-left: 100px;
	margin-bottom: 20px;	margin-left:0px;
	margin-top:30px;

}

.how {
	background: #e7fbfc url(http://www.i-net.com.au/images/how2.jpg) no-repeat;
	padding-left: 100px;
	margin-bottom: 20px;	margin-left:0px;
}

.why {
	background: #e7fbfc url(http://www.i-net.com.au/images/why.jpg) no-repeat;
	padding-left: 100px;
	padding-top: 1px;	margin-left:0px;
	margin-bottom: 60px;
	color: #999;
}


.what p{color: #999;	padding: 8px;	padding-top: 37px;	}
.how p{color: #999; padding: 8px;	padding-top: 37px;	}
.why p{color: #999; padding: 8px;	padding-top: 1px;	}
	
.main ul{
	list-style: url(http://www.i-net.com.au/hosting/hosting/hosting_tick.gif);
	color:#999;
	margin-left:-20px;
	padding: 8px;
}	
.main li{
	list-style: url(http://www.i-net.com.au/hosting/hosting/hosting_tick.gif);
    font-size: 12px;
	list-style-position: inside;
	color:#999;
	font-weight:bold;
}	


	
/*finish********** main content section - what - how - why  ***********/

/*start********** main content section - options  ***********/

.options_section {
 	width: 600px;
	margin-bottom:50px;
	margin-top:30px;
	
}
.option1 {
	margin-left:0px;
	margin-bottom:5px;
	background: url(http://www.i-net.com.au/images/1.gif) no-repeat;
	padding-left: 90px;
	margin-bottom: 20px;
	color: #999;	
	padding-top: 2px;
	border:2px dotted #ccc;

}
.option2 {
    
	margin-left:0px;
	margin-bottom:5px;
	background: url(http://www.i-net.com.au/images/2.gif) no-repeat;
	padding-left: 90px;
	margin-bottom: 20px;
	color: #999;
	padding-top: 2px;
	border:2px dotted #ccc;

}

.option3 {
	margin-left:0px;
	margin-bottom:5px;
	background: url(http://www.i-net.com.au/images/3.gif) no-repeat;
	padding-left: 90px;
	margin-bottom: 20px;
	color: #999;
	padding-top: 2px;
	border:2px dotted #ccc;

}

.option4 {	
	margin-left:0px;
	margin-bottom:5px;
	background: url(http://www.i-net.com.au/images/4.gif) no-repeat;
	padding-left: 90px;
	margin-bottom: 20px;
	color: #999;
	padding-top: 2px;
	border:2px dotted #ccc;

}

.option5 {	
	margin-left:0px;
	margin-bottom:5px;
	background: url(http://www.i-net.com.au/images/5.gif) no-repeat;
	padding-left: 90px;
	margin-bottom: 20px;
	color: #999;
	padding-top: 2px;
	border:2px dotted #ccc;

}
/*end********** main content section - options  ***********/


/*************** #footer start **************/


#footer {
			margin: 0 auto;   /* align for good browsers */
		text-align: center; /* counter the body center */
		width: 900px;
		color: #999;
		font-size: 0.70em;
	}

#footer a {
		color: #999;
		font-size: 0.85em;
		text-decoration:none;
		border:none;
}
/*************** #footer finish **************/