@charset "utf-8";
/* CSS Document */


body {
	font: normal 85%/135%; font-family:Verdana, Geneva, sans-serif;
	color: #555;
	background-color: #fff;
	border-top: solid 5px #000;
	background:
	/*url(../assets/leash.png) repeat-x -50% top,*/
	url(../assets/paws.png) repeat-x 50% top,
	url(../assets/path.jpg) repeat-x top;
    background-color: rgba(255, 255, 204, 0.5);
		
}



.clear{clear:both}


h1 { font-weight: normal; color:#ffffff; line-height: 100%; }
h2, h3 { font-weight: normal; color:#6c4724; line-height: 100%; }
	
h1 { font-size: 2em; }
h2 { font-size: 1.2em; }
h3 { font-variant: small-caps; font-size: .90em;}

a { color: #036; }
a:link {color:#5c3315; text-decoration:none;}
a:visited {color:#5c3315; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

img { border: none;}

p { margin: 5px 0; }

strong { font-weight: bold; color: #000; }

hr {
	color: #fff;
	border-top: dotted 1px #390;
	width: 600px;
	margin-left: 0;	
}

header, hgroup, section, footer, figure, figcaption { display: block; margin: 0; padding: 0; border: 0; }

#container { width: 960px; margin: 0 auto; }

header { margin: 15px 30px; color: #000; width: 100%; height: 160px; }

header h1 { font: normal 25px/145% verdana; }
header h2 { color: #666; font-size: 18px; }

header nav { margin-top: 15px; float: left; }

header nav ul li { list-style: none; float: left; }

header nav ul li a {
	margin-right: 10px;
	padding: 5px 15px 6px 15px; 
	font-weight: bold; 
	
	color: #546b4c;
	color: rgba(74 92 43 0.7);
	
	text-shadow: 0 1px 1px rgba(254, 254, 254, 0.45);
	
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	
	background: rgba(150, 150, 80, 0.25);
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

header nav li a:hover, header nav li a:focus {
	color: #000;
	background: rgba(100, 100, 125, 0.45);
	text-decoration: none;
}

section { margin: 45px 0 0 30px; }

section h2 { margin: 5px 15px; }

section div {
	border-top: dotted 1px #555;
	margin: 15px 0;
	padding: 0 30px;
	overflow: hidden;
}

figure {
	float: left;
	margin: 15px 0 30px 30px;
	padding: 5px;
	border: dotted 1px #555;
}

figcaption {
	font: italic .90em verdana;
	color: #000;
	text-align; center;
	margin-top: 5px;
}

footer {
	border-top: dotted 1px #555;
	padding: 15px 0;
	margin: 15px 30px;
	text-align: center;
	overflow: hidden;
}

#scale figure a img, #rotate figure a img, #skews figure a img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transitions: all 0.5s ease-in-out;
}

#scale figure a:hover img {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-box-shadow: 4px 4px 10px rgba (0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba (0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba (0, 0, 0, 0.5);
	
}

#rotate figure a:hover img {
	-webkit-transform: scale(1.5) rotate(-10deg);
	-moz-transform: scale(1.5) rotate(-10deg);
	-o-transform: scale(1.5) rotate(-10deg);
	transform: scale(1.5) rotate(-10deg);
}

#skews figure a:hover img {
	-webkit-transform: skew(-45deg, 15deg);
	-moz-transform: skew(-45deg, 15deg);
	-o-transform: skew(-45deg, 15deg);
	transform: skew(-45deg, 15deg);
}