/**********************************************************************************************

	Title: Ruff Stuff Dog Services
	Author: SPECTRAMEDIA (http://spectramedia.net)
	Date: September 2008 

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		
***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	


	body {
		background: #fff url(../images/bg-sidebar.gif) repeat-y top right;
		font: 62.5% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		text-align: center;
		}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
	
	big {
		font-size: 1.2em;
	}
	
	small {
		font-size: .75em;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	}

	a {
		color: #b5121b;
		text-decoration: underline;
	}
	
	a:hover, 
	a:active {
		color: #b5121b;
		text-decoration: none;
	}
	
	p {
		margin-top: 1.6em;
	}
	
	div.inner h1, div.inner h2 {
		margin: 40px 0 10px 0;
	}
	
	


/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	


	.hide {
		display: block;
		font-size: 1px;
		height: 1px;	
		width: 1px; 
		overflow: hidden;	
		position: absolute;
		text-indent: -999em;
		top: -999em;
		left: 0;
	}
	
	div#content div.inner {margin-left:68px;}
	div.inner { margin: 38px; }
	
	.center {
		margin-left:auto;margin-right:auto;
		text-align: center;
	}
	
	.underline {
		text-decoration: underline;
	}
	
	ul.paws { 
	padding: 30px;
}

	ul.paws li {
	background: url(../images/list-bullet.gif) no-repeat 0 2px; 
	padding-left: 30px;
	margin-bottom: 10px;
}
	
	.clearfix:after, div#navigation ul:after, div.container:after, div.inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	table {
		margin: 10px;
		width: 90%;
	}
	
	caption {
	font-weight: bold; font-size: 1.3em;
	padding: 10px;
}
	
	td {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #000;
}
	
	td.rate {
		text-align: left;
		width: 30%;
	}
	
	
/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


	div.container { font-size:1.2em;line-height:1.6;position:relative;margin:0 auto;text-align:left; }
	div#wrapper { float:left;width:100%;margin-left:-254px; }
	div#content { margin-left:254px; }
	div#sidebar { float:right;width:254px;color:#9ea1a3; line-height: 1.4; }
	div#footer { clear:both;width:100%; }
	

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	


#header p { margin: 0; }
	#header h1, 
	#header h1 span,
	#header .logo a,
	#header .logo span {
		display: block;
		width: 196px;
		height: 141px;
		overflow: hidden;
		cursor: pointer;
	}
	
	#header h1,
	#header .logo {
		position: absolute;
		top: 30px;
		right: 30px;
	}
		
	#header h1 span,
	#header .logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(../images/logo.gif) no-repeat;
	}
	
	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	


div#navigation {  margin: 0 38px 0 10px; background: url(../images/nav-corner_left.gif) no-repeat bottom left; }
div#navigation ul { font-size: .9em;margin-left: 25px; background: url(../images/nav-corner_right.gif) no-repeat bottom right; }
div#navigation ul li { float: left; }
div#navigation ul li a { display: block; float: left; text-decoration: none; color: #999; padding: 16px 5px 63px 10px; }
div#navigation ul li.current a { background: url(../images/nav-highlight.gif) no-repeat bottom center; color: #000;}
div#navigation ul li a:hover { color: #000; }

img.sidepic { float:right;padding:35px;  }
.flash { float:right;margin:0; }
img.title { margin-top:1.5em;margin-bottom:3em;margin-left:-30px; }
* html img.title { margin-left: 0; }

.col1 {
	width: 48%; 
	float: left;
}
div.col1 img, div.col2 img {
	margin-top: 10px;
	margin-bottom: 5px;
}

.col2 {
	float: right;
	width: 47%; 
}

img.dogs {
	float: left;
	margin-right: 10px;margin-bottom: 10px;
}

h2.dogs {
		font-size:.9em;
	}
  
h1.h1sitemap { font-weight: normal; color: #b5121b; font-size: 2.5em; }
ul.sitemap li { list-style: disc; margin-left: 14px; }


/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	


	#sidebar img {
		margin-top: 50px;
		margin-bottom: 5px;
	}
	img.top {
		margin-top:250px;
	}
	

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	


div#footer { background:#fff;color:#000; padding: 75px 0; font-size: 1.1em;}
div#footer p { margin:0;padding:5px 10px; }
p.author {
	float: right;
	padding-right: 20px;
	color: #666;
}
p.author a {
	color: #b5121b;
	text-transform: uppercase;
}
p.nav-bottom {
	text-align: center;
	margin-left: auto;
	margin-right: auto; 
}
p.nav-bottom a {
	color: #000;
}