@charset "utf-8";
@import "reset.css";
@import "typography.css";

/******************/
/* Default Styles */
/******************/

body {
	background-color:#caccab;
	color: #51626f;
	margin: 0px;
}

hr {
    height: 0;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #616365;
    color: #616365;
    background-color: #616365;
    margin: 0 0 0.4444em;
}
a {

}
a img {
    border: 0;
}

/*******************
   General Classes
********************/
.margin {
    margin: 0 auto;
    width: 954px;
}
.left, .center {
    float: left;
}
.clear {
    clear: both;
}
.clear_left {
    clear: left;
}
.clear_right {
    clear: right;
}


/********************
   Specific Styles
*********************/

/* Container Styles */
#container {
    width: 1176px;
	background:url('../images/PPS_bkground_2.jpg') no-repeat #401916;
	margin:0px auto;
	border:#361413;
	border-left-style:solid;
	border-bottom-style:solid;
	border-right-style:solid;
	border-top-style:none;
	border-width:10px;
    position:relative;
	top:0px;
    overflow:visible;
}

#container.front {
	height: 861px;
	background: url('../images/PPS002_PremierPet_Master_Final_03.jpg')
}


#containerBlank {
    width: 1176px;
	height: 861px;
	background:url('../images/PPS002_PremierPet_Master_Final_03_nofish.jpg') no-repeat;
	margin:0px auto;
	border:#361413;
	border-left-style:solid;
	border-bottom-style:solid;
	border-right-style:solid;
	border-top-style:none;
	border-width:10px;
    position:relative;
	top:0px;
    overflow:visible;
}

/* Header Styles */
#header {
	position: relative;
	z-index: 2;
}

#headerPic {
	height: 220px;
	width:214px;
	position:absolute;
	top:15px;
	left:84px;
	z-index:10;
}

#headerHighlight {
	position: relative;
	z-index: 2;
}

/* Main Content Styles */

#content{
	width:917px;
	height:720px;
	background:url('../images/tile.png');
	margin: 0 0 0 155px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#textArea{
	width:394px;
	height:auto;
	margin:75px 100px;
	float:left;
	color:#333333;
}

#textAreaAbout{

	width:300px;
	height:auto;
	margin:75px 100px;
	float:left;
	line-height: 19px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;

}

#textAreaBlog {
	float: left;
	width: 500px;
	height: auto;
	padding: 75px 0 0 100px;
	color: #333333;
}

#textAreaTreats{

	width:600px;
	height:auto;
	margin:75px 100px;
	float:left;
	color:#333333;

}

#contentRight{
	width:169px;
	height:auto;
	float:left;
	margin: 20px 0 0 0;
}

#contentLeft{
	width:169px;
	height:auto;
	float:left;
	margin: 20px 0 0 0;
}


#contentRight a, #contentLeft a{
	font-size: 12px;
   	font-weight: bold;
	color:#333333;
	display:block;
}

#textArea span{
	line-height: 30px;
}

#contentRight a:hover,  #contentLeft a:hover{
	font-size: 12px;
   	font-weight: bold;
	text-decoration:underline;
}

#photoClip, #photoCat,  #photoReptile, 
#photoSmall,  #photoTreat, #photoBird {
	background:url(../images/dogPic.png) no-repeat;
	height:693px;
	width:524px;
	position:absolute;
	top:0px;
	left:393px;
}

#photoCat {
	background:url(../images/catPic.png) no-repeat;	
}

#photoAqua {
	background:url(../images/fish.png) no-repeat;	
	height:693px;
	width:624px;
	position:absolute;
	top:0;
	left:320px;
}

#photoReptile {
	background:url(../images/birds.png) no-repeat;	
	height:693px;
	width:524px;
	position:absolute;
	top:0;
	left:393px;
}

#photoSmall {
	background:url(../images/smallanimals.png) no-repeat;	
	left:393px;
}

#photoBird {
	background:url(../images/wildfeed.png) no-repeat;
}

#photoTreat {
	background:url(../images/treats.png) no-repeat;	
	z-index:-1;
}

#photoStaff {
	background:url(../images/aboutus.png) no-repeat;
	width:597px;
	height:693px;	
	position:absolute;
	top:0px;
	right:0px;
}

#promosContainer {
	position:absolute;
	top:742px;
	left:205px;
    width:807px;
	height:93px;
}

#promos {
	background-color:#f3f4bc;
	width:248px;
	height:94px;
	margin-left:20px;
	float:left;
}

/* footer */


#footer{
	width:1196px;
	height:112px;
	background:#361413;
	display:block;
	font-size: .95em;
	line-height:1.5em;
	margin: 0 auto;
	letter-spacing:.5px;
}

#footerContainer {
	width:1176px;
	height:112px;
	display:block;
	margin:0px auto;
	color:#FFFFFF;
}

#footerChunk {
	width:350px;
	height:112px;
	display:block;
	float:left;
	padding:13px;
	color:#f3f4bc;
	font-size:15px;
	margin-left:117px;
	margin-top:5px;
}

#rightFooter {
	width:450px;
	float:left;
	height:112px;
	margin-left:125px;
	margin-top:5px;
}

#contactChunk {
	width:auto;
	float:left;
	color:#FFFFFF;
	padding:13px;
}

#facebookChunk{
	float:right;
	margin:13px 0px 0px 150px;
}

#facebookChunkIcon{
	float:right;
	margin:8px 20px 0px 2px;
}


#legalChunk{
	float:right;
	width: 400px;
	margin:20px 20px 0px 0px;
	font-style:italic;
	font-size:.9em;
	Color:#707070;
	text-align:right;
}


/* navigation */
#Nav {
	padding: 91px 0 0 298px;
}

#subNav{
	position: relative;
}

#subNavTop{
	background: #9cc4ae;
	height:27px;
	z-index:0;

}

#subNavBottom{
	height:10px;
	position: absolute;
	width: 100%;
}

a#NavContainer {
	color: #fff;
	background: #000;
	height:66px;
	width:100%;
	padding: 7px 5px 20px 5px;
	background-image:url('../images/EM003_Home_yh.jpg');
	background-position:bottom;
	background-repeat: repeat-x;
}

a#NavContainer:hover {
	color: #fff;
	background: #000;
	height:66px;
	width:100%;
	padding: 10px 5px 20px 5px;
	background-image:url('../images/EM003_Home_yh.jpg');
	background-position:bottom;
	background-repeat: repeat-x;
}

.button0 {
	float:left;
	display: block;
	height:50px;
	min-width:100px;
	color:#FFFFFF;
	text-align: center;
	padding:0px;
	margin:0px 0px;
	overflow:hidden;
	line-height:4em;
	letter-spacing:.5px;
}

.buttonHighlight {
	float:left;
	display: block;
	height:50px;
	min-width:100px;
	color:#FFFFFF;
	text-align: center;
	padding:0px;
	margin:0px 0px;
	overflow:hidden;
	line-height:4em;
	letter-spacing:.5px;
	background:#9cc4ae;
}

/* animals */

#slogan {
	position:absolute;
	top:210px;
	left:490px;
	background: url('../images/PPS002_PremierPet_Master_Final_09.png')  no-repeat;
	height:33px;
	width:337px;
}

#dog{
	position:absolute;
	top:263px;
	left:370px;
	background: url('../images/PPS002_PremierPet_Master_Final_16_no.png')  no-repeat;
	height:359px;
	width:241px;
}

#dog:hover{
	background-position:-259px 0px;
}

#cat{
	position:absolute;
	top:377px;
	left:611px;
	background: url('../images/PPS002_PremierPet_Master_Final_18.png')  no-repeat;
	height:359px;
	width:241px;
}


#cat:hover{
	background-position:-288px 0px;
}

#bird{
	position:absolute;
	top:243px;
	left:770px;
	background: url('../images/PPS002_PremierPet_Master_Final_13_no.png')  no-repeat;
	height:135px;
	width:255px;
}


#bird:hover{
	background-position:-368px 0px;
}


#fish{
	position:relative;
	top:-330px;
	left:70px;
	height:135px;
	width:255px;
}

#fish:hover{
	background: url('../images/PPS002_PremierPet_Master_Final_21.png')  no-repeat;
}

#fish2{
	position:relative;
	top:150px;
	left:180px;
	height:166px;
	width:183px;
}

#fish2:hover{
	background: url('../images/fishCap2.png')  no-repeat;
}

#fish3{
	position:relative;
	top:155px;
	left:180px;
	height:166px;
	width:183px;
}

#fish3:hover{
	background: url('../images/fishCap3.png')  no-repeat;
}



#hamster{
	position:absolute;
	top:375px;
	left:350px;
	background: url('../images/hamsterCap.png')  no-repeat;
	height:217px;
	width:228px;
	background-position:-253px 0px;
}

#hamster:hover{
	background-position:0px 0px;
}

#greyCat{
	position:absolute;
	top:380px;
	left:700px;
	background: url('../images/greycatCap.png')  no-repeat;
	height:217px;
	width:250px;
	background-position:0px 0px;
}

#greyCat:hover{
	
	background-position:-250px 1px;
}

#oldDog{
	position:absolute;
	top:360px;
	left:650px;
	background: url('../images/oldDog2.png')  no-repeat;
	height:217px;
	width:250px;
	background-position:0px 0px;
}

#oldDog:hover{
	
	background-position:-253px 0px;
}



/*
#NavContainer li:hover>a{

	background-color:#00a5e2;
	color:#000000;
}*/

#NavContainer ul:hover{
	color:#000000;
	
}


#NavContainer ul li:hover li {  

	color:#000000;
}

#NavContainer li:hover {  

	color:#666666;

	
}

#NavContainer {
	background:#361413;
    color: #51626f;
}

ul#nav {
	overflow: auto;	
}

#NavContainer li {
	display: inline;
	list-style-type: none;

}

#NavContainer ul {
	
	list-style: none;
	margin:0px;
	display:block;
	color:#ffffff;
	
	}
	
#NavContainer ul li {
	margin:10px;
	color:#ffffff;
}
	

#NavContainer li ul {
    z-index:1000;
	position: absolute;
	height:20px;
	top: 138px;
	left:298px;
	margin:0px auto;
	color:#ffffff;
	display: block;
	padding:7px;
	text-transform:uppercase;	
}
	
#NavContainer li ul li:hover a{
	color:#fff;
}
	
#NavContainer li ul li a{
	color:#00ff12;
}
	
#NavContainer li ul a:visited{
	color:#000;
}

#NavContainer li ul a:link{
	color:#000;
}

.contactBut{
	margin-left:15px;
}

.mattBut{
	margin-left:15px;
}



.activeBut:hover ul{left:300px;}

/* selected slices */

#dogsSelect, #catsSelect, #aquaSelect, 
#reptileSelect, #smallSelect, #birdsSelect, 
#customerSelect, #adoptSelect {
	height: 35px;
	position: absolute;
	top: 141px;
	z-index: 3;
}


#dogsSelect{
	background:url(../images/SELECT_DOGS.png);
	width:59px;
	left:299px;

	
}


#catsSelect{
	background:url(../images/SELECT_CATS.png);
	width:58px;
	left:358px;
	
}



#aquaSelect{
	background:url(../images/SELECT_AQUA.png);
	width:90px;
	left:419px;

}


#reptileSelect{
	background:url(../images/SELECT_BIRDS.png);
	width:120px;
	left:510px;
	
}

#smallSelect{
	background:url(../images/SELECT_SMALL.png);
	width:117px;
	left:635px;

}


#birdsSelect{
	background:url(../images/SELECT_BIRDS-06.png);
	width:141px;
	left:750px;
	height:35px;
	position:absolute;
	top:141px;
	z-index:3;
}


#adoptSelect{
	background:url(../images/SELECT_ADOPTION.png);
	width:110px;
	left:300px;
}

#customerSelect{
	background:url(../images/SELECT_CUSTOMER.png);
	width:179px;
	left:415px;
}

.slider {
	position: relative;
	width: 511px;
	height: 300px;	
	margin-top:20px;
}

.left-button, .right-button {
	position: absolute;
	cursor: pointer;
	width: 47px;
	height: 68px;
	top: 40%;
	z-index: 10;
}

.left-button {
	left: 0;
	background:url(../images/left.png);
}

.right-button {
	right: 0;	
	background:url(../images/right.png);
}

/* customer */

#customerCont{

	width:627px;
	height:auto;
	margin-left:90px;
	margin-top:-30px;

}


#customerUpper{

	width:627px;
	height:140px;
    background:url(../images/custUpper.png);
}


#customerLower{

	width:627px;
	height:20px;
	background:url(../images/custlower.png);
}


#customerRight{
	width:257px;
	height:216px;
	float:left;
	margin:20px 0px 0px 47px;

}

#customerLeft{
	width:250px;
	height:216px;
	float:left;
	margin:20px 0px 0px 10px;
	line-height:20px;
	

}

#textAreaCustomer{
    width:627px;
	height:auto;
	margin:75px 100px;
	float:left;
	line-height: 14px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#361413;
}

.moreText {
	display: block;
	font-weight: bold;
	margin: 1em 0;
}

#comment {
	width: 500px;
}

#sidebar {
	float: right;
	padding: 75px 50px 0 0;
	width: 225px;	
}

/* adoption  */

#textAreaAdoption{

	width:800px;
	height:auto;
	margin:75px 100px;
	float:left;
	color:#333333;

}


#adoptRight{
	width:550px;
	float:left;

}




#logosAdopt{
    width:200px;
	height:auto;
	float:left;
	
}

#almostlogo{
    width:150px;
	height:26px;
	float:left;
	background:url(../images/almosthomelogo.jpg);
	margin: 40px 0px 0px 0px;
	
}

#happyhomeslogo{
    width:150px;
	height:132px;
	float:left;
	background:url(../images/happyhomeslogo.jpg);
	margin-top:5px;
	
}

#companionlogo{
    width:150px;
	height:47px;
	margin-top:350px;
	background:url(../images/companionpet.png);
	
}

/* Blog */
#content.liquid {
	height: auto;
	min-height: 720px;
}





/* Contact */


#mapBox{
	
	position:absolute;
	top:73px;
	left:580px;
	

	

}