/* CSS sheet for wattlesaccounting */

*{margin: 0; padding: 0;}

/* --- Global settings --- */
body{
	font-family: verdana, arial, helvetica, sans-serif;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/bg_page_border.jpg");
	background-repeat: repeat;
	background-position: center top;
	
	}
.boldtext{
	font-weight: bold;
		}
	
.colortext{
	color: #006;
	}

	
.italictext{
	font-style: italic;
	}
	
#main{	
	border-top: 4px solid #663;
	padding-top: 5pt;
	font-size: 9pt;
	line-height: 18px;
	background-color: #FFF;
	}
	
#pagetop{
	height: 120px;
	}
	
#pagetop img{
	border: none;
	height: 140px;
	float: left;
	margin-left: 45px;
	margin-top: -50px;
	}
	
#pagetop #banner{
	height: 60px;
	background-color: #603;
	margin-top: 50px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
#pagetop #headertext{
	color: #FFF;
	text-align: center;
	}
	
#pagetop #headertext p{
	font-size: 12pt;
	font-weight: bold;
	padding-top: 10px;
	}
		
/*  navigation menu  */	
#index #index_nav, #aboutus #about_nav, #checklist #list_nav, #contactus #contact_nav{
	background-color:#FFC;
	color: black;
	padding-bottom: 9px;
	}
	
#navigation{
	height: 25px;
	margin-bottom: -3px;
	}
	

	
#navigation a{
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	padding: 7px;
	font-size: 8pt;
	color: #FFF;
	font-weight: bold;
	border-top: 1px solid #603;
	border-right: 1px solid #603;
	background-color:#09C;
	margin-right: -4px;
	}

#navigation #index_nav{
	padding-right: 33px;
	padding-left: 33px;
	}
	
#navigation #about_nav{
	padding-right: 25px;
	padding-left: 25px;
	}
	
#navigation #list_nav{
	padding-right: 5px;
	padding-left: 5px;
	}

#navigation #contact_nav{
	padding-right: 20px;
	padding-left: 20px;
	}
	
#navigation #service_nav{
	padding-right: 25px;
	padding-left: 25px;
	}

#navigation a:hover{
	background-color: #603;
	}
/*  End navigation menu  */	

	
#content{
	border-top: 2px solid #603;
	padding: 10px 20px;
	font-size: 9pt;
	line-height: 18px;
	margin-top: 1px;
	background-color: #FFC;
	}


#content p{
	margin-bottom: 10px;
	}
	
#content img{
	border: none;
	}
	
#footer{
	border-top: 1px solid #666;
	padding: 10px 10px 20px 20px;
	font-size: 8pt;
	background-color: #FFC;
	}
	

/* -----  End Global settings ------ */

/* index (Home) page */	
#index #content{
	height: 600px;
	}
	
#index #col1, #index #col2{
	width: 47%;
	height: 90%;
	margin: 10px auto;
	padding: 10px;
	/*-- border: 1px solid #603;
	background-color: #FC9; */
	}

#index #col1{
	float: left;
	}	
	
#index #col2{
	float: right;
	}

#index #a1040pic {
	float: left;
	margin-right: 10px;
	}
#index #pic{
	float: right;
	padding-left: 10pt;
	text-align: center;
	}
	

		
#index #pic p{
	font-size: 7pt;
	margin-top: -3pt;
	}
	
#index #readon{
	margin-left: 25px;
	}
	
#index #readon li{
	margin-bottom: 5px;
	}
	
#index #readon li a{
	text-decoration: none;
	}
	
#index #readon li a:hover{
	text-decoration: underline;
	}
	

/* about us */		
	
#aboutus .pic_col{
	width: 120px;
	}
	
#aboutus tr{
	height: 120px;
	}
	
#aboutus #content{
	padding: 20px 40px;
	}
	
#aboutus #teamheader{
	margin-top: 0px;
	border-bottom:1px solid black;

	}
	
#aboutus #teamheader p{
	margin-bottom: 2pt;
	font-weight: bold;
	color: #006;
	text-align: center;
	}
	
#aboutus #headertable td {
	padding: 10px;
	}
	
/* end aboutus  */

/* services  */
#services #content{
		height: 450px;
		}
		
#services #business, #services #individuals{
	width: 49%;
	height: 90%;
	border: 1px solid #603;
	text-align: center;
	margin: 10px auto;
	padding-top: 20px;
	}
#services #business{
	float: left;
	}
	
#services #individuals{
	float: right;
	}
	
	
#services #content p{
	margin-bottom: 2pt;
	font-weight: bold;
	color: #006;
	}
	
#services ul{
	margin-left: 25px;
	text-align: left;
	padding-left: 112px;
	}
	
#services #business ul{
	padding-left: 90px;
	}
	
#services li{
	margin-bottom: 3pt;
	
	}


/*  end services  */
	
/* check list */

#checklist #content{
	padding: 20px 40px;
	}
#checklist #list{
	margin-left: 40pt;
	}
	
#checklist .subheader{
	margin-bottom: 10pt;
	}
	
#checklist .sublist{
	margin-left: 20pt;
	}
	
#checklist ol{
	list-style-type: circle;
	
	}
	
#checklist li{
	margin-bottom: 5pt;
	}
	
#checklist h4{
	font-weight: bold;
	color: #006;
	margin-bottom: 5pt;
	}
	
/* contact us  */
#contactus #content{
	padding: 20px 50px;
	}
	
#contactus #location{
	margin-bottom: 20px;
	}

#contactus #map{
	margin-bottom: 20px;
	}
		
#contactus form{
	display: none;
	border: 1px solid #9CF;
	width: 425px;
	padding: 5px;
	}
	
#contactus form p{
	color: blue;
	}
	
#contactus #textboxes{

	display: block;
	padding: 5px;
	border: none;
	}

#contactus #comment{
	width: 320px;
	height: 50px;
	}
	
#contactus .labels{
	width: 75px;
	margin-bottom: 2px;
	float: left;
	clear: left;
	}
	

	
#contactus #textboxes input{
	width: 200px;
	margin-bottom: 2px;
	}

#contactus #sendme{
	color: green;
	float: left;
	}
	
#contactus #sendme:hover{
	background-color: #C9F;
	color: black;
	}
	
#contactus #buttons{
	margin-top: 10px;
	border: none;
	}
	
#contactus #clear{
	float: right;
	}


	
	