/* Normalizing browser styles
-------------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol,ul {
	list-style: none;
}

/* Layout -------------------------------------*/
html {
	text-align: center;
	background: #b4d0f6 url(images/general/unleashedTile.jpg) repeat;
}

body {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	font:75%/130% Verdana,Arial,Helvetica,sans-serif;
}

div#wrap {
	width: 900px;
	margin-top: 30px;
	background-color: #ccdef7;
	border : 1px solid #bf2026;
}

/* Fonts and Links -------------------------------------*/
p,h2, h3, h4 {
	color: #22406c;
}

ul {
	color: #ffffff;
}

a:link, a:visited {
	color: #22406c;
	text-decoration : underline;
}

.red1 {
	color : #bf2026;
}

.white1 {
	color : #ffffff;
}

.white2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size : 100%;
}

.contact1  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
	color : #22406c;
}

/* container 1 -------------------------------------*/
div#masthead {
	width: 900px;
}

/* leftSide -------------------------------------*/
div#leftSide {
	width:16px;
	float: left;
	background : url(images/general/hdrBckgrndBlue.gif) repeat-x top;
}

/* logo on all pages except Home pg -------------------------------------*/
div#Logo {
	width: 342px;
	margin-top: 3px;
	float: left;
	background-color: #bf2026;
}

div#Logo h1 {
	width: 315px;
	height: 150px;
	text-indent: -9000px;
	background : url(images/general/hdrLogo.gif) no-repeat center;
	margin: 12px 0 15px 13px;
}

/* logo & news on Home pg -------------------------------------*/
div#NewsUnleashed {
	width: 342px;
	margin-top: 3px;
	padding-bottom: 20px;
	float: left;
	background-color: #bf2026;
}

div#NewsUnleashed h1 {
	width: 315px;
	height: 150px;
	text-indent: -9000px;
	background : url(images/general/hdrLogo.gif) no-repeat center;
	margin: 12px 0 15px 13px;
}

div#dogPaw {
	width: 85px;
	height: 85px;
	margin: -97px 0 10px 255px;
}

/* Unleashed News -------------------------------------*/
div#news {
	width: 270px;
	height: 269px;
	overflow: auto;
	margin-left: 19px;
	padding: 10px 15px 10px 15px;
	border : 1px solid #ffffff;
	background-color : #3b6eb9;
}

div#news h2 {
	width: 195px;
	height: 30px;
	margin-bottom: 3px;
	text-indent: -9000px;
	background : url(images/home/titleNewsUnleashed.gif) no-repeat;
}

div#news li {
	margin: 0 0 15px 0;
}

div#news li span {
	color: #14243d;
	font-weight: bolder;
}

div#news li a {
	color: #ffffff;
}

div#NavAndPic {
	width: 542px;
	float: right;
}

/* Navigation -------------------------------------*/
div#navMain {
	width: 542px;
	position: relative;
}

div#catPaw {
	width: 72px;
	height: 82px;
	margin: 70px 0 0 12px;
	position: absolute;
}

div#pagePands {
	width: 276px;
	height: 26px;
	margin: 80px 0 0 248px;
	position: absolute;
}

div#pageNews {
	width: 204px;
	height: 26px;
	margin: 80px 0 0 321px;
	position: absolute;
}

div#newsPhoto {
	width: 134px;
	height: 74px;
	margin: 150px 0 0 305px;
	position: absolute;
}

div#pageFriends {
	width: 175px;
	height: 26px;
	margin: 80px 0 0 351px;
	position: absolute;
}

div#pageAbout {
	width: 134px;
	height: 26px;
	margin: 80px 0 0 392px;
	position: absolute;
}

div#titleRettig {
	width: 530px;
	height: 150px;
	margin: 120px 0 0 0;
	position: absolute;
}

div#pageArt {
	width: 170px;
	height: 26px;
	margin: 80px 0 0 358px;
	position: absolute;
}

div#contactPhoto {
	width: 281px;
	height: 161px;
	margin: 150px 0 0 235px;
	position: absolute;
}

div#pageContact {
	width: 165px;
	height: 26px;
	margin: 80px 0 0 362px;
	position: absolute;
}

div#navBckgrnd {
	background : url(images/general/hdrBckgrndBlue.gif) repeat-x top;
}

div#navMain h2 {
	width: 490px;
	height: 65px;
	text-indent: -9000px;
	background : url(images/general/navBckgrndBones.gif) no-repeat;
	margin: -105px 0 0 25px;
}

ul#navRow1 {
	position: absolute;
	top: 14px;
	left: 13px;
	width: 515px;
	height: 21px;
	background : transparent url(images/general/navRow1.png) no-repeat;
}

ul#navRow1 li {
	display: block;
	float: left;
	text-indent: -9000px;
	padding: 0;
	margin: 0;
}

ul#navRow1 li a {
	display: block;
	height: 19px;
}

/*
li#products, li#lost, li#home, li#friends, li#contact {
	border : 1px solid Purple;
}

li#news, li#art, li#shop, li#about {
	border : 1px solid Yellow;
}
*/

li#products a {
	width: 180px;
}

li#news a {
	width: 160px;
}

li#art a {
	width: 120px;
}

ul#navRow2 {
	position: absolute;
	top: 38px;
	left: 13px;
	width: 515px;
	height: 24px;
	background : transparent url(images/general/navRow2.png) no-repeat;
}

ul#navRow2 li {
	display: block;
	float: left;
	text-indent: -9000px;
	padding: 0;
	margin: 0;
}

ul#navRow2 li a {
	display: block;
	height: 21px;
}

li#home a {
	width: 110px;
}

li#friends a {
	width: 150px;
}

li#about a {
	width: 125px;
}

li#contact a {
	width: 115px;
}

/* link & photo -------------------------------------*/
 div#direct {
	margin: 50px 0 0 390px;
}

div#photoHome {
	width: 500px;
	height: 331px;
	margin: 20px 0 0 21px;
}

/* unleashed info -------------------------------------*/
div#infoUnleashed {
	width: 850px;
	padding: 20px 30px 0 20px;
	clear: both;
}

div#infoUnleashed p b {
	color: #9a1c20;
}

div#description {
	width: 560px;
	float: left;
	margin-right: 10px;
}

div#facts {
	width: 280px;
	float: right;
	text-align: right;
}

/* products & services on HOME-------------------------------------*/
div#products {
	width: 870px;
	text-align: center;
	clear: both;
	padding: 0 15px;
}

div#products h2 {
	width: 865px;
	height: 85px;
	text-indent: -9000px;
	background : #ccdef7 url(images/home/titleProductsServices.gif) no-repeat;
	margin-left: 2px;
}

div#products p {
	margin-bottom: 25px;
}

div#products img {
	border: none;
}

div#prodCol1,
div#prodCol2,
div#prodCol3 {
	width: 290px;
	float: left;
	margin: 5px 0;
}

/* unleashed info -------------------------------------*/
div#brands {
	width: 870px;
	clear: both;
	padding: 0 15px;
	margin-bottom: 10px;
}

div#brands h2 {
	width: 865px;
	height: 85px;
	text-indent: -9000px;
	background : #ccdef7 url(images/home/titlePremiumBrands.gif) no-repeat;
	margin-left: 2px;
}

div#premBrands {
	margin-left: 9px;
}

div#brands img {
	margin: 0 4px;
}

div#stripe {
	width: 868px;
	padding: 0 15px 20px 17px;;
}

/* pands-------------------------------------*/
div#infoPands {
	width: 865px;
	padding: 20px 15px 0 20px;
	clear: both;
}

div#premOrgFoods {
	width: 865px;
	margin: 20px 0 10px 0;
	position: relative;
}

div#bakedGoods,
div#apparel,
div#collarsLeashes,
div#grooming,
div#delivery {
	width: 865px;
	margin: 50px 0 10px 0;
	position: relative;
}

div#premOrgFoods h2 {
	width: 525px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/pands//titlePremOrgFoods.gif) no-repeat;
	margin-left: 5px;
}

div#bakedGoods h2 {
	width: 235px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/pands//titleBakedGoods.gif) no-repeat;
	margin-left: 620px;
}

div#apparel h2 {
	width: 145px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/pands//titleApparel.gif) no-repeat;
	margin-left: 5px;
}

div#collarsLeashes h2 {
	width: 374px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/pands//titleCollarsLeashes.gif) no-repeat;
	margin-left: 480px;
}

div#grooming h2 {
	width: 552px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/pands//titleGrooming.gif) no-repeat;
	margin-left: 5px;
}

div#delivery h2 {
	width: 153px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/pands//titleDelivery.gif) no-repeat;
	margin-left: 700px;
}

div#premOrgFoods p {
	margin: 12px 260px 0 5px;
}

div#bakedGoods p,
div#apparel p,
div#collarsLeashes p,
div#grooming p,
div#delivery p {
	margin: -7px 15px 0 5px;
}

div#premOrgFoods p b,
div#bakedGoods p b,
div#apparel p b,
div#collarsLeashes p b,
div#grooming p b,
div#delivery p b {
	color: #9a1c20;
}

img#paws1 {
	width: 134px;
	height: 74px;
	position: absolute;
	margin: -85px 0 0 320px;
}

img#paws2 {
	width: 134px;
	height: 74px;
	position: absolute;
	margin: -82px 0 0 460px;
}

img#paws3 {
	width: 134px;
	height: 74px;
	position: absolute;
	margin: -82px 0 0 580px;
}

img#redLine1 {
	width: 400px;
	height: 2px;
	position: absolute;
	margin: -50px 0 0 460px;
}

img#redLine2 {
	width: 450px;
	height: 2px;
	position: absolute;
	margin: -50px 0 0 0;
}

img#redLine3 {
	width: 570px;
	height: 2px;
	position: absolute;
	margin: -50px 0 0 0;
}

img#picP1 {
	width 225px;
	height: 300px;
	padding: 5px;
	background: #3b6eb9;
	margin: -2px 20px 10px -4px;
}

img#picP2 {
	width 225px;
	height: 300px;
	padding: 5px;
	background: #3b6eb9;
	position: absolute;
	margin: -45px 0 0 370px;
}

img#picB1 {
	width 300px;
	height: 225px;
	padding: 5px;
	background: #3b6eb9;
	margin: -40px 20px 10px 0px;
}

img#picB2 {
	width 225px;
	height: 300px;
	padding: 5px;
	background: #3b6eb9;
	margin: 5px 0px 10px 20px;
}

img#picB3 {
	width 460px;
	height: 105px;
	padding: 5px;
	background: #3b6eb9;
	margin: 5px 20px 10px 0px;
}

img#picA1 {
	width 225px;
	height: 300px;
	padding: 5px;
	background: #3b6eb9;
	margin: -40px 0px 10px 20px;
}

img#picA2 {
	width 225px;
	height: 300px;
	padding: 5px;
	background: #3b6eb9;
	margin: 0px 20px 0px 0px;
}

img#picC1 {
	width 225px;
	height: 300px;
	padding: 5px;
	background: #3b6eb9;
	margin: -40px 20px 10px 0px;
}

img#picC2 {
	width 300px;
	height: 225px;
	padding: 5px;
	background: #3b6eb9;
	margin: 5px 0px 10px 20px;
}

img#groomNF {
	width: 220px;
	height: 65px;
}

img#groomSign {
	width: 390px;
	height: 165px;
	padding: 2px;
	background: #3b6eb9;
	margin: -50px 0px 20px 20px;
}

img#picG1 {
	width 300px;
	height: 225px;
	padding: 5px;
	background: #3b6eb9;
	margin: 10px 20px 10px 0;
}

img#picG2 {
	width 225px;
	height: 300px;
	padding: 5px;
	background: #3b6eb9;
	margin: -20px 20px 10px 20px;
}

img#picG3 {
	width 300px;
	height: 225px;
	padding: 5px;
	background: #3b6eb9;
	margin: 5px 20px 10px 20px;
}

img#picD1 {
	width 300px;
	height: 225px;
	padding: 5px;
	background: #3b6eb9;
	margin: -40px 20px 60px 0px;
}

img#picD2 {
	width 275px;
	height: 206px;
	padding: 5px;
	background: #3b6eb9;
	margin: 5px 0px 10px 20px;
}

ul#groomNews {
	margin: 5px 35px 5px 25px;
	list-style-type : disc;
	color: #22406c;
}

ul#groomServices {
	width: 250px;
	margin: 25px 35px 15px 300px;
	list-style-type : none;
	text-align : center;
	color: #22406c;
}

div#secEnd {
	width: 865px;
}

div#secEnd2 {
	width: 800px;
}

/* news & events -------------------------------------*/
div#infoNews {
	width: 810px;
	padding: 20px 50px 0 40px;
	clear: both;
}

div#infoNews h3 {
	width: 300px;
	height: 40px;
	text-indent: -9000px;
	background : #ccdef7 url(images/news/titleNewsUnleashed.gif) no-repeat;
	margin-bottom: -12px;
}

div#infoNews h4 {
	text-transform : uppercase;
	margin: 60px 0 0px 5px;
	font-size : 140%;
}

div#infoNewsItems p {
	margin: 5px 0 40px 5px;
}

div#infoNews p b {
	color: #9a1c20;
}

img#pawsNews {
	width: 134px;
	height: 74px;
	position: absolute;
	margin: -112px 0 0 360px;
}

img#redLineNews {
	width: 350px;
	height: 2px;
	position: absolute;
	margin: -80px 0 0 0;
}

img#picRight {
	padding: 5px;
	background: #3b6eb9;
	margin: -20px 20px 10px 30px;
}

img#picLeft {
	padding: 5px;
	background: #3b6eb9;
	margin: 5px 20px 10px 0;
}

/* our friends -------------------------------------*/
div#infoFriends {
	width: 840px;
	padding: 20px 30px 0 30px;
	clear: both;
}

div#infoFriends h2 {
	width: 382px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/friends/titlePawsitively.gif) no-repeat;
	margin-bottom: 3px;
}

img#friends3Paws {
	margin: -40px 20px 10px 25px;
}

div#galleryFriends {
	margin: 10px 0 20px 0;
	padding: 10px;
	background: #3b6eb9;
	vertical-align: middle;
}

div#galleryFriends p {
	color: #ffffff;
	text-align: center;
	margin-bottom: 5px;
}

div#galleryFriends span {
	color: #ffffff;
	font: 140% "Trebuchet MS" Arial Helvetica sans-serif;
}

.picHorz {
	margin: 6px 3px;
	border : 2px solid Silver;
}

.picVert {
	margin: 6px 22px;
	border : 2px solid Silver;
}

.picSquare {
	margin: 6px 5px;
	border : 2px solid Silver;
}

/* about us -------------------------------------*/
div#infoAboutZach {
	width: 840px;
	padding: 20px 30px 0 30px;
	clear: both;
}

div#infoAboutZach p b,
div#infoAboutCorrine p b {
	color: #9a1c20;
}

div#infoAboutZach h2 {
	width: 434px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/about/titleZach.gif) no-repeat;
	margin: -22px 0 10px 350px;
}

img#zach {
	margin: 0 0 10px 15px;
	padding: 3px;
	background: #3b6eb9;
}

div#galleryAboutCorrine,
div#galleryAbout {
	margin: 20px 0 20px 0;
	padding: 10px;
	background: #3b6eb9;
	text-align: center;
	vertical-align: middle;
}

div#galleryAboutPets {
	margin: 120px 0 20px 0;
	padding: 10px;
	background: #3b6eb9;
	text-align: center;
	vertical-align: middle;
}

div#galleryAboutPets p,
div#galleryAbout p,
div#galleryAboutCorrine p {
	color: #ffffff;
}

div#galleryAboutPets p span,
div#galleryAbout p span,
div#galleryAboutCorrine p span {
	color: #ffffff;
	font: 140% "Trebuchet MS" Arial Helvetica sans-serif;
}

div#galleryAbout img {
	width: 150px;
	height: 112px;
	margin: 6px 3px;
	border: 2px solid Silver;
}

div#galleryAboutCorrine img {
	vertical-align: middle;
}

div#infoAboutCorrine {
	width: 840px;
	padding: 20px 30px 0 30px;
	position: relative;
}

div#infoAboutCorrine h2 {
	width: 592px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/about/titleCorrine.gif) no-repeat;
	margin: 0 0 9px 40px;
}

img#corrine {
	margin: 0px 15px 10px 0;
	padding: 3px;
	background: #3b6eb9;
}

img#about3Paws {
	margin: -30px 0 10px 15px;
}

img#aboutPaws {
	width: 134px;
	height: 74px;
	position: absolute;
	margin: 0px 0 0 460px;
}

img#aboutRedLine {
	width: 450px;
	height: 2px;
	position: absolute;
	margin: 32px 0 0 0;
}

/* custom art -------------------------------------*/
div#customArt {
	width: 850px;
	padding: 100px 30px 0 20px;
	margin-bottom: 600px;
	clear: both;
	position: relative;
}

div#customArt h2 {
	width: 530px;
	height: 150px;
	text-indent: -9000px;
	background : #ccdef7 url(images/art/titleRettigWatercolors.gif) no-repeat;
	margin: -80px 0 0 320px;
}

div#customArt p img {
	width: 160px;
	height: 184px;
	padding: 5px;
	background: #3b6eb9;
	margin: -40px 20px 10px 0;
}

div#customArt p {
	margin: 10px 0 0 10px;
}

div#customArt p b {
	color: #9a1c20;
}

div#artwork1stripe {
	position: absolute;
	margin: 150px 0 0 20px;
}

div#artwork1 {
	position: absolute;
	margin: 100px 0 0 34px;
}

div#artwork2stripe {
	position: absolute;
	margin: 40px 0 0 240px;
}

div#artwork2 {
	position: absolute;
	margin: 20px 0 0 254px;
}

div#artwork3 {
	position: absolute;
	margin: 135px 0 0 445px;
}

div#artwork3stripe {
	position: absolute;
	margin: 175px 0 0 835px;
}

div#artwork4 {
	position: absolute;
	margin: 360px 0 0 290px;
}

div#artwork4stripe {
	position: absolute;
	margin: 400px 0 0 275px;
}

div#artThreePaws {
	position: absolute;
	margin: 45px 0 0 650px;
}

/* contact us -------------------------------------*/
div#infoContact {
	width: 850px;
	padding: 20px 30px 0 20px;
	clear: both;
}

div#infoContact p b {
	color: #9a1c20;
}

div#contact,
div#contactThanks {
	width: 560px;
	float: left;
	margin: 0 10px 0 0px;
}

div#contact h2 {
	width: 259px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/contact/titleContactForm.gif) no-repeat;
	margin: 0 0 3px 2px;
}

div#contactThanks h2 {
	width: 206px;
	height: 31px;
	text-indent: -9000px;
	background : #ccdef7 url(images/contact/titleThankYou.gif) no-repeat;
	margin: 0 0 3px 2px;
}

div#contactForm,
div#contactFromThanks {
	margin-left: 60px;
}

input {
	background-color: #3b6eb9;
	border: 1px solid #3b6eb9;
}

select {
	background-color: #3b6eb9;
}

textarea {
	background-color: #3b6eb9;
	border: 1px solid #3b6eb9;
	scrollbar-base-color: #3b6eb9;
	scrollbar-arrow-color: #3b6eb9;
	overflow: auto;
}

div#contactFormThanks img {
	padding: 5px;
	background: #3b6eb9;
	margin: 5px 0 5px 10px;
}

div#contactFormThanks p {
	padding-left: 15px;
}

div#contactFacts {
	width: 280px;
	margin-top: 130px;
	float: right;
	text-align: right;
}

div#Map {
	width: 870px;
	padding: 0 15px;
	clear: both;
}

div#Map h2 {
	width: 865px;
	height: 85px;
	text-indent: -9000px;
	background : #ccdef7 url(images/contact/titleDirections.gif) no-repeat;
	margin-left: 2px;
}

div#Map img {
	width: 850px;
	height: 492px;
	margin: 10px 0 0 10px;
}

div#Map p {
	padding-left: 15px;
	margin-bottom: 10px;
}

 div#Map a {
	color: #9a1c20;
	text-decoration : underline;
}


/* footers -------------------------------------*/
div#ftrDogsCats {
	width: 900px;
}

div#ftrDogsCats img {
	width: 890px;
	height: 115px;
	margin: 0 0 0 10px;
}

div#ftrInfo {
	width: 900px;
	text-align: center;
	padding: 5px 0 30px 0;
}

div#ftrInfo p a {
	color: #22406c;
	text-decoration : underline;
}