/* layout styles */
/* styles that affect the wysiwyg and general styling are in content.css */

/* style body tag, affects all pages, font styles, etc set in content.css */
body {
        margin:0;
        padding:0;
        font:12px Arial, Helvetica, sans-serif;
        background-color:#FFFFFF;
        text-align: center;
}

p, td, li {     
        font:11px Verdana, Arial, Helvetica, sans-serif;
        margin:0;
}
a {     
        text-decoration:none;
        margin:0;
        padding:0;
}       
a:hover {
        text-decoration:underline;
}       
/* general link style */
a
{ color: #036; }
a:link, a:visited
{ text-decoration: underline; }
a:hover
{ text-decoration: none; }

img {   
        border:none;
}
ul {
        margin:0;
        padding:0;
}       
li {    
        margin:0;
        padding:0;
}
input {
}       
h1 {    
        margin:0;
}       
h2 {    
        font:bold 24px Verdana, Arial, Helvetica, sans-serif;
        margin:0;
}       
h3 {
        font:bold 18px Verdana, Arial, Helvetica, sans-serif;
        margin:0 0 10px;
        color:#231e20;
}
h4 {    
        margin:0;
        padding:0; 
        margin-bottom:5px;
}       

/* headings */
h1
{	font-size: 21px; margin:0px 0px 2px 0px;}
h2
{	font-size: 18px; color: #000; font-weight: bold; margin: 2px 0px;}
h3
{	font-size: 12px; color: #666; font-weight: bold; margin: 4px 0px;}
h4
{	font-size: 12px; color: #669; font-weight: normal; margin: 2px 0px;}
h5
{	font-size: 11px; color: #000; }
h6
{	font-size: 9px; color: #000; }

/* ---------- main blocks ----------  */
/* page wraps all served pages */
#page
{
	/* set width to % for flexible width, set to px for constant width */
        width:1000px;
        margin:0 auto;
        padding:0;
        overflow:hidden;
/*      height:1%;	*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}



/* ---------- index page style ----------- */
/* container for content in index page */
#index {
        padding-right:22px;
        padding-bottom:0px;
        width:976px;
        overflow:hidden;
/*      height:1%;	*/
        margin-top:0px;
        padding-right:100px;
}

#index h1 {
 	font-size: 18px; 
	margin: 0;
        color:#e2383f;
}
#index p
{ 	margin: 4px 0px; color: #666;}
/* BLOCK 1*/
#top-featurearea {
        background:url(/templates/petsuites/images/big-bg.jpg) no-repeat;
        width:954px;
        height:350px;
        float:right;
        margin-right:1px;
        padding-top:36px;
        padding-bottom:10px;
}

#top-featurearea img {
        width:64px;
        height:64px;
        display:block;
        margin:30px 0 0 45px;
}  
#top-featurearea .left-menu {
        list-style:none;
        width:157px;
        text-align:center;
}
#top-featurearea .left-menu li {
        padding:10px 21px 0 17px;
        font:16px "Myriad Pro", Arial, Helvetica, sans-serif
}
#top-featurearea .left-menu a {
        color:#0d0d0c;
	text-decoration: none;
}

#bottom-left {
        width:688px;
        overflow:hidden;
        float:left;
        padding-left:20px;
}
/*BLOCK 2*/
#index .block-two {
        background-image:url(/templates/petsuites/images/block-two_cont.gif);
	background-repeat: repeat-y;
        width:252px;
        float:left;
}
#index .block-two .top {
        background-image:url(/templates/petsuites/images/block-two_top.gif);
        width:252px;
        height:16px;
}
#index .block-two .cont {
        width:212px;
        height:474px;
        padding: 6px 20px 0;
}
#index .block-two .cont p{
	line-height: 18px;
	padding: 2px 0 0 0;
}
#index .block-two .cont h1 {
	color: #60A00C;
}
#index .block-two .bottom {
        background-image:url(/templates/petsuites/images/block-two_bottom.gif);
        width:252px;
        height:16px;
}
/*BLOCK 3*/
#index .block-three {
        width:425px;
        float:right;
}
#index .welcome-all {
        width:425px;
        background:url(/templates/petsuites/images/wel-top.gif) no-repeat;
        padding:20px 0 10px 0;
}
#index .welcome-all h2 {
	font-family: arial black;
	font-style: normal;
        color:#e2383f;
}

#index .welcome {
        height:26px;
        text-indent:-9999em;
        background:url(/templates/petsuites/images/zg-welcome.gif) no-repeat;
        margin-left:70px;
}

#index .wel-cont {
	height: 460px;
        color:#626262;
        padding:0px 20px 5px 20px;
        background:url(/templates/petsuites/images/wel-cont.gif) repeat-y;
}
#index .wel-cont p {
        padding: 0 0 20px;
        line-height:18px;
}
#index .block-three .learn {
        text-align:right;
        background:url(/templates/petsuites/images/wel-bottom.gif) no-repeat;
	background-position: bottom;
        width:425px;
        height:28px;
}
#index .learn a {
        text-decoration:underline;
        color:#e2383f;
        font:bold 11px Verdana, Arial, Helvetica, sans-serif;
        margin:0 50px 0 0;
}
#index .learn a:hover {
        text-decoration:none;
}
/* BLOCKS 3 & 4*/
#index .watcha {
        width:70px;
        text-decoration:underline;
        color:#e2383f;
        font:bold 11px Verdana, Arial, Helvetica, sans-serif;
        padding:0 30px 0 0;
}


/*BLOCK5*/
#bottom-right {
        float:right;
        width:258px;
        margin-left:8px;
        font: 11px Arial, Helvetica, sans-serif;
        color:#626262;
}
#bottom-right .block-four {
	height: 110px;
        background:url(/templates/petsuites/images/guest-bg.gif) repeat-y;
	padding:0 30px 0 24px;
        text-align:left;
}
#bottom-right .block-four h1 {
	margin: 0;
	color: #4F91CD;
}
#bottom-right .block-four p {
        padding:0px 0 6px 0;
	margin: 0;
}
/*BLOCK6*/
#bottom-right .top-3 {
        background-image:url(/templates/petsuites/images/top-3.gif);
        width:259px;
        height:16px;
}


#bottom-right .block-five, #bottom-right .block-six {
	height: 155px;
        background:url(/templates/petsuites/images/guest-bg.gif) repeat-y;
/*        height: 378px;     */
	padding:0 30px 0 24px;
}
#bottom-right .block-five p, #bottom-right .block-six p {
        padding:0px 0 18px 0;
        margin:0;
}
#bottom-right .block-five a, #bottom-right .block-six a {
        text-decoration:underline;
        color:#e2383f;
}
#bottom-right .block-five a:hover, #bottom-right .block-six a:hover {
        text-decoration:none;
}

#bottom-right .block-five ul, #bottom-right .block-six ul {
        list-style:none;
        margin-bottom:15px;
}
#bottom-right .block-five ul a, #bottom-right .block-six ul a {
        font-style:italic;
        color:#868686;
}
#bottom-right img {
        float:left;
        margin-right:13px;
}
#bottom-right .bottom-3 {
        background-image:url(/templates/petsuites/images/bottom-3.gif);
        width:259px;
        height:18px;
}


/* ---------- content pages style---------- */
/* container for content in content pages */
#content
{
	overflow:hidden;
/*       height:1%;	*/
       width:955px;
       margin-left:20px;
       margin-top:0px;
}

.Locations {
	background:url(/templates/petsuites/images/bg-all.gif) no-repeat;
	background-position: left bottom;
	background-color: #60A00C;
}
.Canine {
	background:url(/templates/petsuites/images/bg-canine.gif) no-repeat;
	background-position: left bottom;
	background-color: #4F91CD;
}
.Feline {
	background:url(/templates/petsuites/images/bg-feline.gif) no-repeat;
	background-position: left bottom;
	background-color: #8c63ab;
}
.Reservations {
	background:url(/templates/petsuites/images/bg-reservation.gif) no-repeat;
	background-position: left bottom;
	background-color: #e2383f;
}
.Employment {
	background:url(/templates/petsuites/images/bg-employ.gif) no-repeat;
	background-position: left bottom;
	background-color: #a7a9ac;
}
.In {
	background:url(/templates/petsuites/images/bg-news.gif) no-repeat;
	background-position: left bottom;
	background-color: #a7a9ac;
}
.About {
	background:url(/templates/petsuites/images/bg-about.gif) no-repeat;
	background-position: left bottom;
	background-color: #e8e6d5;
}
#content #main-col {
        padding-top:10px;
        padding-right:15px;
        padding-bottom:10px;
        float:left;
        width:784px;
}
#content .featureimg {
}

#content #bodytitle {
	background-image:url(/templates/petsuites/images/sub-top.gif);
    width:751px;
	height:32px;
	padding:30px 0 0 33px;          
	color:#e2383f;
	margin-top:16px;
}
#content #bodytitle h1 { font-size: 21px; }
#content #bodytitle h1, #content #bodytitle h2 {     
	color:#e2383f;
}

#content .all-right {
        background-color:#fff;
        overflow:hidden;
/*	height:1%;	*/
	padding-bottom:55px;
        padding-top:0px;
        padding-left:33px;
}

#bodysubtitle, #bodyimages, #bodytext {
	height:auto;
}
#bodysubtitle, #bodyimages {
}
#bodytext, #bodytext p {
	color:#808285;
	padding:0px 20px 20px 0;
	font:12px/17px Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	}

#bodytext td, #bodytext li {
	color:#808285;
	}
#bodytext input {
	padding-left: 5px;
	padding-right: 5px;
	}

#content #bodyimages
{	float: right; margin-left: 10px; }

#content .bodyimage
{	margin-bottom: 10px; }

/* div or cell class for editable body text */
#content .body
{
	background: #fff;
	width: 100%;
	padding: 0px 10px;
	min-height: 400px;
	padding-bottom: 10px;
}


/* container for header and main top nav */
#top
{ border-bottom: none; margin-top: 0px;}

/* class for the middle content div or table of both content and index pages */
.contentblock
{ margin-left:auto; margin-right:auto;min-width: 500px;}

/* lists */
#bodytext ul {
	margin-left: 30px;
}
/* ---------- GENERAL STYLES ---------- */
/* floatables */
.floatleft
{ 	float: left; }
.floatright
{	float: right; }
.clearfloats
{	clear: both; }
/* highlight marker style */
.hilight
{	background: #ff0; color: #000; }
/* add other styles needed within the wysiwyg editor here */
.narrow-content {
	width:400px;
}

/* ---------- header ---------- */
/* header container */
#header {
        width:978px;
        height:110px;
        overflow:hidden;
        padding-right:22px;
        padding-left:0px;
}

#header .logo {
        float:left;
        width:290px;
        height:108px;
        background:url(/templates/petsuites/images/logo.gif) no-repeat;
        display:block;
        text-indent:-9999em;
        margin:0 0 0 7px;
}
#header .logo a {
	display: block;
	width: 290px;
	height: 108px;
}
#header .header-right {
        width:660px;
        float:right;
        overflow:hidden;
        height:112px;
}
#header .right {
        width:242px;
        float:right;
}
#header .email {
        background:url(/templates/petsuites/images/email-bg.gif) no-repeat;
        width:156px;
        height:44px;
        float:right;
        padding:0 4px 0 82px;
        margin-bottom:11px;
}
#header .go {
        width:20px;
        height:18px;
        border:1px solid #080807;
        margin-top:5px;
        border-left:none;
        float:left;
}
#header .txt {
        float:left;
        width:124px;
        height:18px;
        border:1px solid #080807;
        margin-top:5px;
        margin-left:6px;
        margin-bottom:3px;
}
#header .red {
        color:#e2383f;
}
#header .searche {
	display: none;
        float:right;
}
#header .txt-2 {
        width:71px;
        height:16px;
        border:1px solid #898989;
        float:right;
        color:#b3b4b7;
        padding-left:16px;
}
#header .go-2 {
        float:right;
        width:18px;
        height:16px;
        border:1px solid #898989;
        margin-right:5px;
        border-left:none;
}
#header .left {
        float:left;
        padding:30px 0 0 6px;
        overflow:hidden;
}
#header .watch {
        background:url(/templates/petsuites/images/watch-bg.gif) no-repeat;
        width:210px;
        height:18px;
        padding:2px 0 1px 6px;
        margin-bottom:15px;
}
#header .inp-wath {
        border:none;
		font:12px/16px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
        background-color:#dfdcc6;
        width:178px;
        float:left;
        padding: 0 0 0 6px;
}
#header a {
	text-decoration: none;
}
#header .go-3 {
        margin:0px;
}
#header .nav-center {
	display:none;
        color:#e2383f;
        margin-left:-1px;
        margin-bottom:0px;
}
#header .nav-center li {
        list-style:none;
        display:inline;
        border-left:1px solid;
        padding:0 3px 0 6px;
}
#header li.first {
        border:none;
}
#header .nav-center a {
        color:#e2383f;
}

#header .please {
        font:italic 8px Verdana, Arial, Helvetica, sans-serif;
        color:#000;
        display:block;
        clear:both;
}



#header #searchform
{	margin: 5px; padding: 0px;}
#searchform input.searchtext
{ width: 150px; border: 1px solid #ccc; }


/* ---------- footer ---------- */
#footer
{
        text-align:center;
        width:1000px;
        padding-bottom:12px;
}
#footer a:link, #footer a:visited {	
	display:inline;
	text-decoration: none;
	color: #a2a3a6;
}
#footer a:hover
{	text-decoration: underline;}
#footer .info {
	color: #a2a3a6;
}


/* ---------- calendar ----------- */
/* calendar container... styles for the calendar itself are in calendar.css */
#cal
{ 	margin: 0px 0px; }


/* ---------- downloads section ----------- */
#downloads
{ 	border-top: 1px solid #ccc; margin-top: 10px;}

#downloads h1
{	font-size: 14px; color: #666; }

#downloads a
{	color: #666; }

#downloads .download
{	margin-bottom: 10px; }


/* --------- photo gallery ---------- */
#photogallery table {
	width: 100%;
}

#photogallery table tr td {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

.photoGalleryCaption {
	font-style: italic;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 5px;
}

.photoGalleryImg {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.photoGalleryLargerLink {
	text-align: center;
	font-size: 11px;
}


/* ---------- search results page ---------- */
/* container for search results on results page */
#search_results
{ 	background: #fff; color: #000; padding: 10px;}
/* each search result */
.search_result
{ }


/* ---------- sitemap ---------- */
.sitemap
{ 	padding: 15px; font-size: 12px; font-weight: bold; }
.sitemap li
{ 	list-style: none; }
.sitemap a, .sitemap a:link, .sitemap a:active, .sitemap a:visited
{ 	text-decoration: none; }
.sitemap a:hover
{ 	text-decoration: underline; }
.sitemap .m4nav_l0
{ 	border: 1px solid #ccc; margin: 10px; padding: 10px; }
.sitemap .m4nav_l1
{ 	font-size: 10px; font-weight: normal; }



/* ---------- right bar ---------- */
#rightbar
{	margin: 0px; padding: 0px; width: 260px; background: #cde;}



/* top navigation with dropdowns */
#topnav .sections {
        list-style:none;
        float:right;
        margin-top:-28px;
        padding-right:24px;
        overflow:hidden;
	
}

#topnav .sections li.m4nav_l0 { 
	display: inline;
} 

#topnav .sections li.m4nav_l0 a { 
	display:block;
	float:left;
	width:109px;
	height:28px;
	margin-left:2px;
	text-decoration: none;
	font-size: 12px;
	color: #000000;
}
#topnav ul #m4nav_footer_l0_locations a,
#m4nav_l0_locations a {
	font-size: 105px;
}
#topnav ul li#m4nav_footer_l0_locations {
	background-image:url(/templates/petsuites/images/locations.gif);
	float:left;
	height:28px;
	width:109px;
}
#topnav ul #m4nav_footer_l0_canine a,
#m4nav_l0_canine a {
	font-size: 105px;
	color: #4F91CD;
}
#topnav ul li#m4nav_footer_l0_canine {
	background-image:url(/templates/petsuites/images/canine.gif);
	float:left;
	height:28px;
	width:109px;
	margin-left: 3px;
}
#topnav ul #m4nav_footer_l0_feline a,
#m4nav_l0_feline a {
	font-size: 105px;
}
#topnav ul li#m4nav_footer_l0_feline {
	background-image:url(/templates/petsuites/images/feline.gif);
	float:left;
	height:28px;
	width:109px;
	margin-left: 3px;
}
#topnav ul #m4nav_footer_l0_reservations a,
#m4nav_l0_reservations a {
	font-size: 105px;
}
#topnav ul li#m4nav_footer_l0_reservations {
	background-image:url(/templates/petsuites/images/reservations.gif);
	float:left;
	height:28px;
	width:109px;
	margin-left: 3px;
}
#topnav ul #m4nav_footer_l0_employment a,
#m4nav_l0_employment a {
	font-size: 105px;
}
#topnav ul li#m4nav_footer_l0_employment {
	background-image:url(/templates/petsuites/images/employ.gif);
	float:left;
	height:28px;
	width:109px;
	margin-left: 3px;
}
#topnav ul #m4nav_footer_l0_news a,
#m4nav_l0_news a {
	font-size: 105px;
}
#topnav ul li#m4nav_footer_l0_news {
	background-image:url(/templates/petsuites/images/inthe.gif);
	float:left;
	height:28px;
	width:109px;
	margin-left: 3px;
}
#topnav ul #m4nav_footer_l0_about a,
#m4nav_l0_about a {
	font-size: 105px;
	color: #E8E6D5;
}
#topnav ul li#m4nav_footer_l0_about {
	background-image:url(/templates/petsuites/images/aboutus.gif);
	float:left;
	height:28px;
	width:109px;
	margin-left: 3px;
}



#topnav .sections li.over, #topnav .sections li.m4nav_l0:hover {
	background: white;
	color: black; 
	/* background: url(/templates/petsuites/images/uploaded/layout/nav_bg_hover.gif); */
}

#topnav .sections li.m4nav_l0 ul { display:none; }
#topnav .sections li.m4nav_l0:hover ul, 
#topnav .sections li.over ul { display:none; }

#topnav .sections li.m4nav_l0 ul { 
	position:absolute;
	top:33px;
	left:0px;
	padding:0px;
	margin:0px;
	border-top: 1px solid #666;
	width:180px;
}

#topnav .sections li.m4nav_l0 ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}

#topnav .sections li.m4nav_l0 ul li a {
	color:white;
	background: #999;
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	line-height:15px;
	margin:0px;
	padding:3px;	
	display:block;
	width:100%;
}


#topnav .sections li.m4nav_l0 ul li a:hover {
	background: #333;
}

/* footer navigation without dropdowns */
#footernav {
	text-align: center;
	width: auto;
}
#footernav .sections { 
        color:#e2383f;
        margin-left:-1px;
        margin-bottom:0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align: center;
	}

#footernav .sections li.m4nav_l0 { 
        height: 15px;
	display:inline;
        border-left:1px solid #666666;
        padding:0 3px 0 6px;
} 

#footernav .sections li.first {
	border: none;
} 
#footernav .sections li.m4nav_l0 a { 
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0px;
	height:34px;
	line-height:34px;
	padding: 0px 10px 0px 10px;
	color:#e2383f;
}

#footernav .sections li.over, #footernav .sections li.m4nav_l0:hover {
	background: white;
	color: black; 
	/* background: url(/templates/petsuites/images/uploaded/layout/nav_bg_hover.gif); */
}

/* ---------- submenu left navigation ---------- */

#submenu {
	float:left;
    width:152px;
    padding-right: 4px;
}

#submenu h1 {
        float:left;
	background:url(/templates/petsuites/images/corner.gif) no-repeat;
        height:40px;
        margin-bottom:6px;
	padding-top: 20px;
	padding-left:20px;
	font-family: "Arial Rounded MT Bold", "Arial Bold", Helvetica, sans-serif;
	font-size: 18px;
}
#submenu h1 a {
	color: #ffffff;
	height: 100%; 
	width: 100%; 
	display: block; 
}

#submenu h1 a:hover {
}
#submenu a
{	text-decoration: none; }

#submenu ul
{
	list-style: none;
	clear: both;
}

#submenu li
{
}

#submenu li a {
	width:132px;
	height:23px;
	background-image:none;
	display: inline;
	padding:9px 0 0 20px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration: none;
}

#submenu li a:link,
#submenu li a:visited
{	color: #fff; }

#submenu li a:hover {
        background:url(/templates/petsuites/images/roll.gif) no-repeat;
        text-decoration:none;
}

#submenu li a.current {
        background:url(/templates/petsuites/images/roll.gif) no-repeat;
        text-decoration:none;
}

.subnav_cell
{	 background: #444; padding: 0px; margin: 0px;}

/* photogallery */
#myGallery
{
	text-align: left;
	margin: 0 auto;
}
/* image caption under headline image */
.imagecaption
{ text-align: right; padding: 2px 5px;font-style: italic;}

/* convenience style for stacking columns or other block elements to the left 
	ensure you clear:both after the columns for proper display */
.stackleft
{ float:left; }
/* specific styles for the setup site as examples on stacking columns */
/*  with this type of stack ensure you set a clear:both after the floated elements*/
.About #submenu h1 a, .About #submenu ul li a {
	color:#E2383F;
}

#index .col1
{ width:250px; background: #ccc; }
#index .col2
{ width: 250px; background: #ddd; }
#index .col3
{ width: 260px; background: #eee; }

.reservationsForm {
	color: #808285;
	}
	
.reservationsForm tr {
	height: 30px;
	}


#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#gallerydialog {
	display: none;
	width: 425px;
	height: 350px;
	text-align: center;
}
.ui-dialog {
	width: 350px;
	height: 300px;
	
}
#gallerydialog .ui-dialog-container {
	width: 425px;
	height: 350px;
    background: url(/images/uploaded/white.png) 0 0 no-repeat;
    padding: 25px 0px 0 0px;
}
.ui-dialog-container {
    background: url(/images/uploaded/white.png) 55px 4px no-repeat; 
	position: absolute;
	z-index: 102;
	color: #000000;
	text-align: center;
	padding: 25px 15px 0 50px;
}
.ui-dialog-title-dialog, span.ui-dialog-title {
	text-align: center;
    font: italic 11px Arial, Helvetica, sans-serif;
    padding: 5px 0;
    margin: 5px 0;
    color: #6d6d6d;
}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
    background: url(/images/uploaded/close.png) 0 0 no-repeat; 
	position: absolute;
	right: 20px;
	top: 3px;
	width: 35px;
	height: 35px;
	z-index: 100;
	text-indent: -9999999px;
}