/* CSS Document */
/* --- DEFAULT STYLING --- */

html, body {
	/* height: 100%; --- SET FOR FIXED FOOTER --- */
	}

body * {
	/* --- CLEARS DEFAULT MARGIN & PADDING FOR ALL CHILD ELEMENTS --- */
	margin: 0;
	padding: 0;
	}
	
body {
	/* background: url(/images/shared/page/bg_paw_tile.gif) top center repeat-x; */
	
	background: url(../images/bizeeback.jpg) top center no-repeat;
	background-color: #bde46b; /* --- DEFAULT BACKGROUND COLOUR --- */
	color: #000; /* --- DEFAULT FOREGROUND (TEXT) COLOUR --- */
			
	font-family: Arial, Helvetica, sans-serif; /* --- DEFAULT FONT FAMILY --- */
	font-size: 62.5%; /* --- RESIZE BASE FONT SIZE (1em = 10px) --- */
	
	margin: 0;
	padding: 0;
	}

body#home {
	background: url(../images/bizeeback.jpg) top center no-repeat;
	background-color: #bde46b; /* --- DEFAULT BACKGROUND COLOUR --- */
	}	
	
h1 {
	font-size: 3em;
	margin: 0 0 20px 0;
	color: #FFFFFF;
	}
	
h2 {
	font-size: 1.8em;
	margin: 0 0 20px 0;
	color: #04859F;
	}
	
h3 {
	font-size: 1.4em;
	margin: 20px 0 0 0;
	}

h4 {
	font-size: 1.2em;
	}

p {
	font-size: 1.3em;
	margin: 0 0 10px 0;
	color: #383838;
	}

hr {
	height: 0px;
	border: none;
	border-top: 1px solid #B2E37C;
	margin: 10px 0;
	}
	
a {
	text-decoration: none;
	font-weight: bold;
	color: #009900;
	}
	
	a:hover {
		text-decoration: underline;
		}

img {
	border: none;
	}

span.tel {
	font-weight: bold;
	font-size: 1em;
	color: #F27D3D;
	}	

/* --- GENERIC LIST & SUB-LIST STYLING --- */	
	
ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	}
	
	ul li {
		font-size: 1.2em;
		line-height: 1.4em;
		}
	
	ul li ul {
		margin: 5px 0 10px 0;
		padding: 0 0 0 20px;
		}
		
	ul li ul li {
		font-size: 90%;
		}
	
	ul li ol {
		margin: 5px 0 10px 0;
		padding: 0 0 0 20px;
		}
	
	ul li ol li {
		font-size: 90%;
		}

ol {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	list-style-type: decimal;
	}
	
	ol li {
		font-size: 1.2em;
		}
		
	ol li ol {
		margin: 5px 0 10px 0;
		padding: 0 0 0 20px;
		}
		
	ol li ol li {
		font-size: 90%;
		}
	
	ol li ul {
		margin: 5px 0 10px 0;
		padding: 0 0 0 20px;
		}
		
	ol li ul li {
		font-size: 90%;
		}

/* --- GENERIC TABLE STYLING --- */
		
table {
	margin: 10px 0;
	border: 1px solid #AAA;
	border-collapse: collapse;
	width: 100%;
	}
	
	table tr {
		/*background-color: #FFF;*/
		}
		
		table tr.alt {
			/* --- FOR ZEBRA STRIPING --- */
			background-color: #EEE;
			}
	
	table th {
		background-color: #CCC;	
		border: 1px solid #AAA;
		padding: 5px;
		
		font-size: 1.2em;
		font-weight: bold;
		
		text-align: left;
		}
		
	table td {
		border: 1px solid #AAA;
		padding: 5px;
		
		font-size: 1.2em;
		}		

/* --- GENERIC CMS FORM STYLES --- */

	.required {
		/* --- REQUIRED FIELD FLAG --- */
		font-weight: bold;
		font-size: 1.4em;
		color: #F00;
		margin: 0 0 0 5px;
		}
	
	.erroricon {
		/* --- VALIDATION ERROR ICON --- */
		color: #F00;
		font-weight: bold;
		font-size: 1.6em;
		margin: 0 5px;
		}
		
	#validation {
		/* --- VALIDATION MESSAGE --- */
		color: #F00;
		}
		
		#validation p {
			font-weight: bold;
			}
		
/* --- CUSTOM CLASSES --- */
		
	.clearboth {
		clear: both;
		}
	
	.clearleft {
		clear: left;
		}
	
	.clearright {
		clear: right;
		}		
		
	.fleft {
		float: left;
		}
		
	.fright {
		float: right;
		}

/* --- LAYOUT DIVS --- */		

	#pagewrapper {
		width: 975px;
		margin: 0 auto;
		}
	
	#branding {
		background: url(../images/busyoriginal.png) no-repeat;
		float: left;
		width: 260px;
		height: 338px;
		}
		
	#header {
		width: 959px;
		height: 338px;
		margin: auto;
		}
	
	#logo {
		float: left;
		top: 0;
		width: 235px;
		height: 142px;
		}
		
	#freeprofile {
		float: left;
		width: 235px;
		}
		
		#freeprofile h2 {
			font-size: 3em;
			color: #04859F;
			margin: 0;
			padding: 35px 0 0 35px;
			}
			
		#freeprofile h3 {
			font-size: 1.6em;
			color: #75B603;
			margin: 0 30px 20px 0;
			padding: 0 0 0 35px;
			}
		
		#freeprofile a {
			font-size: 1.2em;
			color: #04859F;
			border-bottom: 4px solid #04859F;
			display: block;
			width: 110px;
			margin: 0 0 0 35px;
			}
		
		#freeprofile a:hover {
			text-decoration: none;
			}	
			
/* --- MAIN NAVIGATION STYLING --- */
	
#mainnavigation {
	background: url(../images/mainnav_bg.png) top repeat-x;
	display: block;
	width: 975px;
	margin: 0 auto 0 auto;
	padding: 0;
	}
	
	#mainnavigation ul {
		overflow: hidden;
		width: 975px;
		height: 42px;
		margin: 0;
		padding: 0;
		}
		
		#mainnavigation ul li {
			display: block;
			float: left;
			border-right: 1px solid #C2E780;
			height: 36px;
			margin: 0;
			padding: 0;
			}
		
		#mainnavigation ul li.callfree{
			border: none;
			}	
		
		#mainnavigation ul li.callfree img{		
			padding: 10px 0 0 10px;
			}	
		
		#mainnavigation ul li.dogtraining {
			padding: 0 0 0 12px;
			}
		
		#mainnavigation ul li a {
			display: block;
			color: #FFF;
			padding: 10px 15px 9px 15px;
			}
			
		#mainnavigation ul li.image{
			border-right: 1px solid #C2E780;
			height: 28px;
			padding: 8px 5px 0 10px;
			}	

		#mainnavigation ul li.image a {
			display: block;
			color: #FFF;
			padding: 0px 0px 0px 0px;
			}
						
		#mainnavigation ul li.image a:hover {
				text-decoration: none;

			}	
								
			#mainnavigation ul li a:hover {
				text-decoration: none;
				background-color: #6EA904;
				}					
			
			#mainnavigation ul li a span {
				position: absolute;
				top: -1000px;
				}	


	body#dogtraining #mainnavigation,
	body#locations #mainnavigation {
		background: url(../images/subnav_bg.gif) top repeat-x;
		height: 68px;
		}

/* --- PERSISTANT NAVIGATION --- */

	body#dogtraining #mainnavigation ul li.dogtraining a {
		background-color: #6EA904;
		}	
	
	body#boardingkennels #mainnavigation ul li.boardingkennels a {
		background-color: #6EA904;
		}	
		
	body#locations #mainnavigation ul li.locations a {
		background-color: #6EA904;
		}	
		
	body#successstories #mainnavigation ul li.successstories a {
		background-color: #6EA904;
		}	
		
	body#news #mainnavigation ul li.news a {
		background-color: #6EA904;
		}
			
	body#breeds #mainnavigation ul li.breeds a {
		background-color: #6EA904;
		}	

/* --- BACK BTN --- */		

	.backbtnbg {
		background: url(/images/shared/buttons/btn_back_paws_bg.gif) top left no-repeat;
		height: 44px;
		margin: 10px 0 0 10px;
		}
	
	.backbtn {
		background: url(/images/shared/buttons/btn_back_bg.gif) no-repeat;
		font-size: 1.1em;
		color: #FFFFFF !important;
		float: left;
		margin: 10px 0 0 18px;
		padding: 5px 20px 5px 30px;
		}	
			
/* --- PAGING --- */

	.pagingbg {
		background: url(/images/shared/paging/bg_paging_paws.gif) top right no-repeat;
		width: 632px;
		padding: 7px 18px 40px 0;
		}
	
	.paging {
		background: #87D300;
		font-size: 1.1em;
		color: #FFF;
		float: right;
		margin: 0;
		padding: 0;
		}
		
	.paging span {
		color: #FFF;
		float: left;
		margin: 6px 0 0 0;
		}	
		
	.paging a {
		float: left;
		color: #FFF;
		line-height: 2.4em;
		}
		
	.paging img {
		float: left;
		}
	
	.paging a.spacing {
		padding: 0 10px;
		}		
	
	a.activepaging {
		font-weight: bold;
		color: #F27D3D;
		}	
	
	.pagingmsg {
		font-size: 1.2em;
		}			
	
/* --- CONTENT STYLING --- */	

	#contentwrapper {
		overflow: hidden;
		width: 975px;
		margin: 0 auto;
		}
	
	body#home #content {
		width: 705px;
		margin: 20px 0 0 0;
		padding: 0 10px 0 15px;
		}	
	
	#content {
		position: relative;
		float: left;
		overflow: hidden;
		width: 705px;
		margin: 55px 0 0 0;
		padding: 0 10px 40px 15px;
		}	

	#contact table {
		width: 500px;
		position:left;
		border: 0px;
		background:#bde46b;	
		background-image:url(../images/formback.jpg);	
		}	
					
	#contact td {
		padding: 3px;
		font-size: 1.2em;	
		border: 0px;
		}		
			
	#content img.home {
		float: right;
		margin: 0 0 0 40px;
		}	
		
	#content img.embedded {
		float: right;
		margin: 5px 5px 5px 5px;
		}			
		
	#content img.greenborder {
		float: right;
		border-bottom: 7px solid #87d300;
		margin: 0 0 30px 30px;
		}
		
	#contentcopy {
		padding: 0 40px 0 0;
		}	
	
	#contentcopy ul li {
		background: url(/images/shared/bullets/blue_list_paw.gif) no-repeat;
		list-style-type: none;
		margin: 0 0 10px 0;
		padding: 0 0 0 20px;
		}
	
	#breeds img.greenborder {
		margin: 1px 0 24px 0;
		}

/* --- CONTENT LEFT COLUMN STYLING --- */	

	#leftcol {	
		float: left;
		width: 400px;
		}

/* --- CONTENT CENTER COLUMN STYLING --- */	

	#centercol {
		float: right;
		width: 275px;
		}	
	
	#centercol img {
		overflow: auto;
		width: 100%;
		}
	
/* --- CONTENT RIGHT COLUMN STYLING --- */	

	body#home #contentrightcol {
		margin: 20px 0 0 0;
		}
	
	#contentrightcol {
		background: url(/images/shared/page/rightcol_bg.gif) no-repeat;
		float: right;
		overflow: hidden;
		width: 245px;
		height: 646px;
		margin: 0;
		}	
	
	body#home #contentrightcol, body#home #contentrightcol {
		height: 100%;
		}	
	
/* --- OBEDIENCE PANEL STYLING --- */	

	#obedience {
		overflow: hidden;
		top: 0;
		width: 235px;
		}
		
		#obedience h2, #obedience_guarantee h2 {
			background: url(../images/dogtrain.gif) no-repeat;
			text-indent: -10000px;
			width: 218px;
			height: 160px;
			margin: 0;
			padding: 0;
			}	
			
			#obedience_guarantee h2{
			margin: -70px 0 0 0;
			}
		
		#obedience p {
			font-size: 1.1em;
			line-height: 1.2em;
			padding: 0 20px;
			}
			
		#obedience a {
			background: url(/images/shared/buttons/btn_bg_lrg.gif) no-repeat;
			font-size: 1.1em;
			color: #04859F;
			display: block;
			margin: 0 0 0 20px;
			padding: 5px 0 5px 15px;
			}	
/* --- FOOTER STYLING --- */

	#footer {
		background: url(/images/shared/footer/footer_bg.gif) top repeat-x;
		width: 975px;
		height: 125px;
		margin: 0 auto;
		}
		
	.footercopy {
		float: left;
		width:300px;
		padding: 30px 0 0 0;
		}	
	
	#footer ul {
		margin: 0;
		padding: 0;
		}
			
		#footer ul li {
			font-size: 1.1em;
			display: block;
			float: left;
			padding: 0 0 10px 0;
			}	
		
			#footer ul li a {
				color: #545454;
				padding: 0 5px;
				}		
		
	#footer p {
		font-size: 1.1em;
		color: #FFFFFF;
		margin: 0;
		padding: 0 0 0 5px;
		clear: both;
		}
	
	#footer span {
		color: #545454;
		line-height: 4em;
		padding: 0 0 0 5px;
		}	
		
		#footer span a {
			color: #545454;
			}	
	
	.footerlogos {
		float: right;
		width: 170px;
		padding: 40px 30px 0 0;
		margin-bottom: 15px;
		}	
		
	#footerprofile{
		float:left;
		background:url(../images/shared/footer/profilebanner.jpg) no-repeat 0 0;
		display:block;
		padding: 10px 0 0 0;
		margin: 0 0 0 -22px;
		width: 515px;
		height: 131px;
	}
	
		#footerprofile h2{
			float:left;
			font-size: 4.2em;
			padding: 0 0 0 40px;
		}
		
		#footerprofile h3{
			float:right;
			font-size: 1.55em;
			color: #75B603;
			margin: 0 40px 0 0;
			padding: 5px 0 0 0;
			width: 290px;
		}
		
		#footerprofile a {
			font-size: 1.2em;
			color: #04859F;
			border-bottom: 4px solid #04859F;
			display: block;
			width: 100px;
			padding: 10px 0 0 0;
			margin: 0 0 0 186px;
			clear: right;
			}
		
		#footerprofile a:hover {
			text-decoration: none;
			}		
	
	#footer .footerleftend {
		background: url(/images/shared/footer/footer_bg_left.gif) no-repeat;
		float: left;
		width: 20px;
		height: 125px;
		}
			
	#footer .footerrightend {
		background: url(/images/shared/footer/footer_bg_right.gif) no-repeat;
		float: right;
		width: 20px;
		height: 125px;
		}	
		.jsvalidation { position: static; margin-left:10px; font-size:10px; color:#FF0000; font-family:"Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif; }

