/*

Teachingpets CSS
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img01.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}


h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
}

h1 {
	font-weight: normal;
	font-size: 237%;
}

h5{

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}


h5:hover{
background:  url(images/h5line.png) no-repeat left center;
	font-size: 100%;
	text-transform:uppercase;
	text-colour: red;
	}
	
.shadowy {text-shadow: #fff;}
	.blink {text-decoration: blink;}
	
a {
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	color: #1777B1;
}

a:hover {
	border-bottom: none;
	color: #000000;
}

/* Gradient effect*/
h6 {
  font: bold 330%/100% "Lucida Grande";
  position: relative;
  color: #464646;
}
h6 span {
  background: url(gradient.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}
/* End of Gradient effect*/


img {
	border: 0px solid #7F7772;
}

img.left {
	float: left;
	margin: 6px 15px 0 0;
}

img.right {
	float: right;
	margin: 6px 0 0 15px;
}

.bg1 { background:  url(images/img04.gif) no-repeat left bottom; }
.bg2 { background:  url(images/img05.gif) no-repeat left bottom; }
.bg3 { background:  url(images/img06.gif) no-repeat left bottom; }
.bg4 { background:  url(images/img08.gif) no-repeat left bottom; }
.bg5 { background:  url(images/img09.gif) no-repeat left bottom; }
.bg6 { background:  url(images/img10.gif) no-repeat right bottom; }
.bg7 { background:  url(canvas/images/img11.gif) no-repeat right bottom; }

.feature {
}

.feature .image {
	padding: 0 0 0 40px;
}

.feature .title {
}




.feature .content {
	padding: 0 0 0 40px;
}

.box {
	float: left;
	width: 320px;
}

.box .title {
	height: 40px;
	padding: 20px 0 0 50px;
	text-transform: lowercase;
	font-size: 167%;
}

.box .content {
}

.box1{
	height: 90;
	float: left;
	width: 500px;
	padding: 60px 0 0 100px;
	}
	
	
.list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.list li {
	padding-left: 10px;
	background:  url(images/img07.gif) no-repeat left center;
}

/* Header */

#header {
	width: 760px;
	height: 150px;
	margin: 0 auto;
	background:  url(images/img02.png) no-repeat;
}

#header h1, #header p {
	margin: 0;
	margin: 0;
	font-weight: normal;
	color: #000000;
}

#header h1 {
	float: left;
	padding: 58px 0 0 2px;
	text-transform: lowercase;
	line-height: 72px;
	font-size: 72px;
}

#header p {
	float: right;
	padding: 102px 0 0 0;
	text-transform: uppercase;
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header p a {
	font-size: 167%;
}

#header a {
	border: none;
	color: #000000;
}

/* Page */

#page {
	width: 920px;
	margin: 0 auto;
}

/* Content */

#content {
	float: right;
	width: 700px;
}

#content p, #content ul, #content ol {
	line-height: 1.8em;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 0px;
	padding: 0 00px 0 0;
	border-right: 1px dotted #DCDCDC;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
}

#sidebar li li {
	padding: 5px 10px;
	background:  url(images/img07.gif) no-repeat 0 10px;
	border-top: 1px dotted #DCDCDC;
}

#sidebar li li.first {
	border-top-color: #FFFFFF;
}

#sidebar h2 {
	height: 40px;
	padding: 20px 0 0 40px;
	text-transform: lowercase;
	font-size: 167%;
}

#sidebar a {
	border: none;
	
}

#sidebar a:hover {
	border-bottom: 1px dotted #666666;
	
	
}
#amazon {
float: left;
}
#amazonslide {
margin :10px;
position: centre;
}

/* Footer */

#footer {
	clear: both;
	height: 100px;
	padding: 20px 0 0 0;
	background: #000000;
}

#footer p {
	background: #000000;
	margin: 0;
	text-align: center;
	font-size: 85%;
}

#footer a {
	border: none;
	color: #CCCCCC;
}

#footer a:hover {
	color: #FFFFFF;
}

#legal {
}

#legal strong {
	display: block;
	padding: 20px 0 0 0;
	background:  url(images/logo.png) no-repeat center top;
	text-transform: lowercase;
	letter-spacing: 3px;
	font-size: 182%;
	font-weight: normal;
}

#links {
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px; /* width of menu (don't forget to add border with below!) */
border-left: 3px dotted #CCCCCC;; /* thick left border of menu */

}

.slidedoormenu li{
border-bottom: 3px dotted #CCCCCC; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(images/vstrip.png) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */

font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: blue ;
background-image:url(images/greenmenu.png);

}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

</style>

<!--[if IE]>
<style type="text/css">
.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}
</style>
<![endif]-->