/*	CSS "Styles" Document
	E4 Media Group	*/
	
/*	Always Include:	
	
	These styles do the following:
		* - Removes padding and margin from ALL elements, must be added back
				for elements that normally have it included, such as 'p' or
				'h1' tags.  Note: Standard padding can generally be substituted
				for 1em or 10-12 pixels, top and bottom for normal text, sides
				as well for lists.
		img - Removes IE spacing around images.  Images must be returned to inline
				in situations where they are required to fit in with text.
		a: - Fixes a problem in FF3 where a small dot appears at the top left corner
				of an image on a page.
		a - Removes underlining from all links on a page, can be added back in in
				specific instances where it is needed. */

	* {
		padding: 0;
		margin: 0;
	}
	
	img {
		border: none;
		display: block;
	}
	
	a:focus, a:hover, a:active {
		outline: none;
	}
	
	a {
		text-decoration: none;
	}

/*	End Always Include	*/

/*	Base Tags	*/
	
	body {
		background: url(images/pngs/pagebg.png) #f3f3f3 top left repeat-x;
	}

/*	End Base Tags	*/
.constant {
	width: 161px;
	height: 37px;
	background: url("images/pngs/constant_contact.png") no-repeat;
	margin: 0 auto;
	padding: 13px 1px 0 0;
}

/*	Structure	*/
	#container {
		width: 880px;
		margin: 0 auto;
		padding: 0 10px;
		background: #ffffff;
	}
		#header {
			height: 75px;
			width: 860px;
			margin: 0 20px 2px 0;
			padding: 8px 0 0 0;
			background: url(images/jpgs/headerdogs.jpg) bottom right no-repeat;
		}	
		#nav {
			height: 40px;
			width: 100%;
			background: #ed1c24;
			text-align: center;
		}
		#dotw {
			margin: 10px 0 0 0;
		}
		#content {
			
		}
		#content img { display: inline;}
			#left {
				width: 315px;
				margin: 0 10px 0 0;
				float: left;
				display: inline;
			}
			#right {
				width: 555px;	
				float: right;
				display: inline;		
			}
		#footer {
			height: 40px;
			width: 100%;
			margin: 0 0 15px 0;
			background: #ed1c24;
			text-align: center;
			font: 12px Arial, Helvetica, sans-serif;
			color: #ffffff;
		}

/*	End Structure	*/

/*	Important Elements	*/

	/*	Content	*/
		#content a {
			font-weight: bold;
		}

	/*	Red Box	*/
	.redbox {
		height: 40px;
		background: #ed1c24;
		margin: 10px 0;
	}
		.redbox h1 {
			font: 20px Arial, Helvetica, sans-serif;
			color: #ffffff;
			padding: 0 10px;
		}
		.redbox h2 {
			font: 10px Arial, Helvetica, sans-serif;
			color: #ffffff;
			padding: 0 10px;
		}
		.redbox a {
			color: #ffffff;
		}
	.redleft {
		height: 40px;
		background: url(images/pngs/redleft.png) top left no-repeat;
	}
	.redright {
		height: 40px;
		background: url(images/pngs/redright.png) top right no-repeat;
	}
	
	.leftbluebox {
		width: 433px;
		background: #bfe8f0;
		margin: 10px 0px;
		float: left;
		display: inline;
	}
		.leftbluebox p {
			padding: .5em;
			font: 12px Arial, Helvetica, sans-serif;
			color: #5a5758;
		}
	.leftbluetop {
		width: 433px;
		background: url("images/pngs/blue_top.png") top left no-repeat;
	}
	.leftbluebottom {
		width: 433px;
		background: url("images/pngs/blue_bottom.png") bottom left no-repeat;
	}
	
	.rightbluebox {
		width: 433px;
		background: #bfe8f0;
		margin: 10px 0px;
		float: right;
		display: inline;
	}
		.rightbluebox p {
			padding: .5em;
			font: 12px Arial, Helvetica, sans-serif;
			color: #5a5758;
		}
	.rightbluetop {
		width: 433px;
		background: url("images/pngs/blue_top.png") top left no-repeat;
	}
	.rightbluebottom {
		width: 433px;
		background: url("images/pngs/blue_bottom.png") bottom left no-repeat;
	}
	
	/*	Blue Box	*/
	.bluebox {
		width: 315px;
		background: #bfe8f0;
		margin: 10px 0;
	}
		.bluebox p {
			padding: .5em;
			font: 12px Arial, Helvetica, sans-serif;
			color: #5a5758;
		}
	.bluetop {
		width: 315px;
		background: url(images/pngs/bluetop.png) top left no-repeat;
	}
	.bluebottom {
		width: 315px;
		background: url(images/pngs/bluebottom.png) bottom left no-repeat;
	}
	/*	Box	*/
	.box {
		font: 12px Arial, Helvetica, sans-serif;
		color: #5a5758;
		margin: 10px 0;
	}
		.box p {
			margin: .5em 0;
		}
		.box a {
			color: #5a5758;
		}
	/*	Nav	*/
		#nav ul {
			list-style: none;
			padding: 8px 0 0 0;
		}
		#nav li {
			display: inline;
			margin: 0 6px;
		}
			* html #nav li {
				margin: 0 4px;
			}
		#nav a {
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #ffffff;
		}
	/*	Dog of the Week	*/
		#dotwleft {
			width: 435px;
			margin: 0 12px 0 0;
			float: left;
			display: inline;
		}
		#dotwright	{
			width: 433px;
			height: 215px;
			float: right;
			display: inline;
			background: url(images/pngs/dotwbg.png) top left no-repeat;
		}
			#dotwright img {
				margin: 5px 0 0 0;
			}
			#news {
				margin: 0 10px;
			}
				#news p {
					margin: 0 0 .5em 0;
				}
		#grayright	{
			width: 433px;
			height: 215px;
			float: right;
			display: inline;
			background: url(images/pngs/graybox.png) top left no-repeat;
		}
			#grayright img {
				margin: 5px 0 0 0;
			}
		#whiteright	{
			width: 433px;
			height: 215px;
			float: right;
			display: inline;
			background: url(images/pngs/whitebox.png) top left no-repeat;
		}
			#whiteright img {
				margin: 5px 0 0 0;
			}
	/*	Success Stories	*/
		#success img {
			display: inline;
			border: 1px #5a5758 solid;
			margin: 0 2px;
		}
	/*	Footer	*/
		#footer ul {
			list-style: none;
			padding: 4px 0 0 0;
		}
		#footer li {
			display: inline;
			margin: 0 1px;
		}
		#footer a {
			color: #ffffff;
		}

/*	End Important Elements	*/

/*	Classes

	This section is for non-specific classes.  Classes associated with important elements will
		generally be located with the elements group.	*/
	
	.clear {
		clear: both;
	}		
	.bold {
		font-weight: bold;
	}

/*	End Classes	*/

#twitter_div {border: 1px solid #9f9f9f; width: 300px; padding: 10px; text-align: left; background: #f3f3f3;}
#twitter_div a {color: #008ad2; text-decoration: none;}
#twitter_div a:hover {text-decoration: underline;}
#twitter_update_list {list-style: none;}
.odd td {
	background-color: #BFE8F0;
}