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

@media only screen and (max-width : 480px) 
{
	



/***************** TOP HEADER *********************/

#logo
{
			float:none;
			width:90%;
			margin:1%;
			
}

#myob
{
			float:none;
			width:90%;
			margin:1% 0 0 10%;
		
			
			
}


#xero
{
			float:none;
			width:90%;
			margin:1% 0 0 10%;
			
}

#phones
{
			float:none;
			width:90%;
			font-size:18px;
			margin:1% 0 1% 0;
			padding-left:2%
}


#phones p
{
			padding-left:10px;
}

/********************* TOP NAVIGATION ****************************/
#top_nav
{
			float:left;
			width:100%;
			height:auto;
			background: #FFF;
			margin-top:1%;
			margin-bottom:1.5%;
			border-top:2px solid #666;
			border-bottom:2px solid #666;
			
		
}


#top_nav ul
{
		margin:0 10px 0 10px;
		padding:0 10px 0 0;
		list-style-type:none;
		float:left;
		display:inline;
		text-align:center;
		
		
	

}

#top_nav li
{
		display:inline;
		float:left;
		margin:0 10px 0 0;
		padding:0;
	
}

#top_nav li a
{
		display:inline;
		float:left;
		color:#000;
		text-decoration:none;
		height:40px;
		padding:20px 10px 0 20px;
		font-size:14px;
		text-transform:uppercase;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		font-weight:bold;
		text-align:center;
			
		
				
}


#top_nav li .navbg
{
		display:inline;
		float:left;
		color:#000;
		text-decoration:none;
		height:40px;
		padding:20px 10px 0 10px;
		font-size:14px;
		text-transform:uppercase;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		font-weight:bold;
		background-image:url(../images/navbg.png);
		background-position:right;
		background-repeat:no-repeat;
		padding:20px 20px 0 0;
		
}



/*********************************** LEFT CONTENT ****************************/

#leftcontent  h1
{
			font-size:16px;
			padding-left:2%;
}

#leftcontent h2
{
			font-size:16px;
			padding-left:4%;
			margin:0;
}


#leftcontent p
{
			padding-left:5%;
}

#leftcontent ul
{
			padding-right:10px;
			
			
}

/****************** HOME PAGES SERVICES *****************/
.services
{
			float:none;
			width:95%;
			height:auto;
			margin:2% 1% 1.5% 0.5%;
			
			
			
}


.services h2
{
		font-size:14px;
		text-align:center;
		width:90%;
		margin:3% 0 1% 3%;
		color:#FFF;
}

.services p
{		
		padding-left:2%;
	
}


.wel_text
{
		
		
			padding-left:20px;
}

/******************* footer **************************/
#links
{
			float:none;
			width:90%;
			margin:1% 1% 1.5% 1%;
			
}


#contact_details
{
			float:none;
			width:90%;
			margin:1% 1% 1.5% 1%;
			
}


#login
{
			float:NONE;
			width:90%;
			margin:1% 1% 1.5% 1%;
			
}


/************************* SERVICES PAGE *******************/
#myob_bookkeeping
{
			float:none;
			width:100%;
}

#leftcontent #myob_bookkeeping p
{
			padding-right:10px;
}

#xero_bookkeeping
{
			float:none;
			width:100%;
}

#leftcontent #xero_bookkeeping p
{
			padding-right:10px;
}

#payroll
{
			float:none;
			width:100%;
}

#leftcontent #payroll p
{
			padding-right:10px;
}

#gst
{
			float:none;
			width:100%;
}

#leftcontent #gst p
{
			padding-right:10px;
}


#newzealand
{
			float:none;
			width:100%;
}

#leftcontent #newzealand p
{
			padding-right:10px;
}

#office_support
{
			float:none;
			width:100%;
			
}

#leftcontent #office_support p
{
			padding-right:10px;
}

.float_left
{
		float:none;
		width:90%;
}


/******************** PRICE PAGE ******************/
.price
{
			padding-left:20px;
}


table.pricing th
{
			
			
			font-size:14px;
			padding:0;
			
}


/****************** CONTACT PAGE ********************/
#contact
{
			float:left;
			width:98%;
			margin:2% 0 1% 1%;
			background: #090;
			border:1px solid #090;
			border-radius:8px;
				
}


#contactus
{
			float:none;
			width:96%;
			margin:0 0 0 2%;
			
				
}

textarea
{
		
		margin-left:10px;
		
}

/*************************** pricing page *********************************/
#package1, package2, package3
{
			float:none;
			width:90%;
			height:auto;
			
}

.training_images 
{
			float:none;
			width:90%;
			
}

}