/**** GENERAL  ****************************************************************************************************/
	
html, body{ margin: 0; padding: 0; }

body{
	text-align: center;
	background: #9fdaf7 url(../images/page-back.gif) repeat-x top left;
	}
	
img, form{border:0; padding: 0; margin:0;}

body, p, table, td, input, button, select, textarea{
	font-size: 13px;
	font-family: arial, Verdana, tahoma;
	color: #333;
}

h1, h2, h3, h4, h5{ color: #000; }
p{ line-height: 18px; }

a:link,a:visited,a:active{color: #006699;}
a:hover, a[name]:hover{color: #0099cc;}

.comment{ font-size: 70%; color: #999; }

.clear{ clear: both; font-size: 0;}




/**** LAYOUT  ****************************************************************************************************/
	
#top-links{ width: 975px; margin: 5px auto; font-size: 11px; color: #95bad8;}
	#top-links a:link, #top-links a:visited, #top-links a:active{ color: #95bad8; text-decoration: none; padding: 0 3px; }
	#top-links a:hover{ color: #fff; }
#bottom-links{  width: 975px; margin: 10px auto; font-size: 11px;}
	#bottom-links a{ text-decoration: none; padding: 0 3px; }
	
	
#container{
	width: 974px;
	text-align: center;
    margin: 10px auto 0 auto;
   	background: #fff;
}
	
	#top{
		background: url(../images/page-top.gif) no-repeat top center;
	}
	
	#bottom
	{
		background: url(../images/page-bottom.gif) no-repeat bottom center;
		padding: 0 0 15px 0;
	}
	
	#page{
		text-align: left;
		padding: 15px 16px 0 17px;
	}


		#page-columns
		{
			margin: 30px 0;
			padding: 0;
		}
		
			#column-1{
				float: left;
				width: 220px;
			}
			
			#column-2{
				float: left;
				width: 505px;
			}
			
			#column-3{
				float: right;
				width: 210px;
				}
			
			#page-content
			{
				padding: 10px 35px 30px 35px;
			}



/**** HEADER STYLES ****************************************************************************************************/

#header{
	margin: 0 0 20px 0;
}

	#header-top{
		height: 226px;
		background: url(../images/header-back.jpg) no-repeat top left;
	}

		#logo{ 
			float: left;
			width: 240px;
			margin: 30px 0 0 30px; 
		}
		
		#headline{
			float: left;
			width: 490px;
			text-align: center;
			margin: 35px 0 0 0;
		}
			
			#headline p{
				font-size: 28px;
				font-weight: bold;
				padding: 0;
				margin: 0;
				line-height: 32px;
				font-style: italic;
				}
					#headline p strong{
						display: block;
						color: #d84d2c;
						font-size: 34px;
						margin-top: 20px;
						}
		
			
		#header-links strong{ font-size: 19px; }


/**** MAIN MENU STYLES ****************************************************************************************************/	

#top-menu
{
	overflow: hidden;
	background: url(../images/towing-service-uper-bar.gif) no-repeat top left;
	height: 46px; 
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}

	#top-menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		display: inline;
	}

		#top-menu ul li {
			margin: 0;
			padding: 7px 0;
			list-style: none;
			display: block;
			float: left;
		}
		
			#top-menu ul a {
				display: block;
				float: left;
				text-align: center;
				font-size: 14px;
				padding: 7px 13px 8px 13px;
				font-weight: bold;
				margin: 0;
				text-decoration: none;
			border-right: 1px solid #44b9db;
			}
			
				#top-menu ul a.last-button{ border-right: 0; }
			
			#top-menu ul a:link, 
			#top-menu ul a:visited, 
			#top-menu ul a:active { color: #a7e1ff; }
			#top-menu ul a:hover {
				color: #fff;
				background: #17609c;
			}
			
			
			#top-menu ul li.selected a:link, 
			#top-menu ul li.selected a:visited, 
			#top-menu ul li.selected a:active, 
			#top-menu ul li.selected a:hover 
			{  
				color: #475c64;
				text-decoration: none;
				background: url(../images/menu-over.gif) repeat-x top left;
			}


	#header-bottom{ margin: 5px 0 10px 0; }
	
		#header-bottom table caption{ font-size: 10px; text-align: left; padding: 0 0 0 35px; }
	
.form{
	
	padding: 20px 25px;
	border: 1px solid #ccc;
	background: #f6f6f6;
}


/**** SUB MENU STYLES ****************************************************************************************************/	

#sub-menu
{
	background: #f2f2f2 url(../images/left-menu-bottom.gif) no-repeat left bottom;
	margin: 0 0;
	padding: 0 0 30px 0;
}

	#sub-menu h3{
		font-size: 16px;
		margin: 0;
		padding: 15px;
		background: url(../images/left-menu-top.gif) no-repeat left top;
		}

	#sub-menu ul{
		margin: 0;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		border-top: 1px solid #dedede;
	}
	
		#sub-menu ul li{
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #dedede;
		}
		
		#sub-menu ul li a:link, #sub-menu ul li a:visited, #sub-menu ul li a:active{
			padding: 5px 15px 6px 15px;
			display: block;
			text-decoration: none;
			color: #6f6f6f;
		 }
		 
		 *html #sub-menu ul li a { height: 17px; } /* FIX IE6 height issue for menu links */
		 
		#sub-menu ul li a:hover{
			display: block;
			background: #6f6f6f;
			color: #fff;
		}
		
		#sub-menu ul li .selected:link, #sub-menu ul li .selected:visited, #sub-menu ul li .selected:active {
			text-decoration: none;
			color: #fff;
			display: block;
			background: #6f6f6f;
		}




	#right-menu{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
		#right-menu li{
			margin: 0;
			padding: 0 0 0 0;
			}



/**** FOOTER STYLES ****************************************************************************************************/



#bottom-note{ 
	background: #ebebeb url(../images/bottom-toronto-towing-bar-t.gif) no-repeat top left; }
	
	#bottom-note p{
		background: url(../images/bottom-toronto-towing-bar-b.gif) no-repeat left bottom;
		padding: 20px 0 0 0;
		text-align: center;
		margin: 0;
		font-size: 16px;
		line-height: 20px;
		height: 60px;
		}
		
		#bottom-note p strong{ display: block; }


#footer{
	overflow: hidden;
	font-size: 12px;
	background: url(../images/footer.gif) no-repeat top left;
	height: 44px;
	margin: 10px 0 0 0;
}
	#footer-1{ float: left; width: 300px; color: #9b9893;  padding: 13px 0 15px 25px; text-align: left;}
	#footer-2{ float: right; width: 300px; text-align: right; color: #9b9893; padding: 13px 25px 0 0;}
	
		#footer a:link, #footer a:visited, #footer a:active{color: #9b9893;}
		#footer a:hover { color: #333; }

	
	#copyright{ font-size: 10px; text-align: center}


/**** CONTENT ****************************************************************************************************/


	h1{
		font-size: 27px;
		letter-spacing: -.5px;
		font-weight: bold;
		margin: 5px 0px 20px 0;
			color: #545454;
	}
	
	
	h2{
		font-size: 23px;
		padding: 0px;
		margin: 5px 0 17px 0;
	}
	
	h3{
		font-size: 20px;
		font-weight: normal;
		padding: 0;
		margin: 5px 0 20px 0;
	}
	
	p{
		margin: 5px 0 17px 0;
		padding: 0;
	}
	
	hr{
		border: 1px dotted #ccc;
		margin: 15px 0;
	}
	
	.right-pic{
		margin: 10px 0px 10px 10px;
	}
	
	.left-pic{
		margin: 10px 10px 10px 0px;
	}
	
	
	
	.title-link{
		text-align: right;
		position: relative;
		float: right;
		top: -30px;
		margin: 0;
		padding: 0;
		
	}



	.arrow-next
	{
		background: url(../../include/images/arrow_next.gif) no-repeat right;
		padding-right: 12px;	
	}
	
	.arrow-up
	{
		background: url(../../include/images/arrow_up.gif) no-repeat left;
		padding-left: 12px;
	}
	
	.arrow-back
	{
		background: url(../../include/images/arrow_back.gif) no-repeat left;
		padding-left: 12px;
	}
	
	.link-arrow
	{
		background: url(../../include/images/link_arrow.gif) no-repeat left;
		padding-left: 12px;
	}