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

html, body {
	height: 101%;
	background: #ccc;
 	font-size: 8pt; 
  	font-family: Verdana, Arial, Helvetica, Sans-Serif;
  	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	}

div#wrapper {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: 780px;
	}
	
div#titlebar { 
	margin: 5px 0 3px 0;
	}

div#mainBox {
	width: 780px;
	background-image: url(../images/sidebar.gif); 
	background-repeat: no-repeat;
  	background-color: #ccc;
  	margin: 0;
  	padding: 0;
	min-height: 441px;
	/* min-height hack for ie6 */
	height:auto !important;
	height: 441px;
  	}

div#mainRightBox {
	width:747px;
	margin-left: 33px;
	}

div#topMenu {
	font-size: 9pt;
	height: 28px;
	background-color: #666;
	border: 1px solid #fff;
	}
	
div#content {
	background: url('../images/bkgr_yellow.gif') top right repeat-y;
	width: 745px;
   	border: 1px solid #000;
    background-color: #fff;
	margin: 3px 0 3px 0;
	min-height: 380px;
	/*height:auto !important;*/
	}
	  
* html div#content {height: 380px}	/* sets min-height for IE */

div#leftContent {
	margin: 0 254px 0 0;
	padding:0;
	}

p#leftContent {
 	color: #666;
  	font-size: 9pt;
  	margin: 7px;
  	line-height: 1.5;
	}

#leftContent a:link, #leftContent a:visited {
	color: #947019;
	font-size: 9pt;
	text-decoration:none;
	}

#leftContent a:hover, #leftContent a:active { 
	color: #c29427;
	text-decoration:underline;
	}
  
div#rightContent {
	margin: 0;
	padding: 0;
	width: 252px;
	float: right;
	}

p#rightContent {
  	color: #000;
 	margin: 0 3px 7px 4px;
  	line-height: 1.4;  
	}
 
#rightContent a:link, #rightContent a:visited {
	color: #333;
	font-size: 8pt;
 	text-decoration:none;
	}

#rightContent a:hover, #rightContent a:active {
	color: #000;
	}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

div#footer {
/*	clear: right; */
	margin: 0;
	height: 20px;
	border: 1px solid #fff;
	background-color: #666;
	font-size: 7pt;
    color: #000;
   	text-align: right; 
	width:745px;
	line-height:200%;
	}

.title_blue {
    font-size: 16pt;
    color: #336699;
	letter-spacing: 3pt;
	}

.subtitle_blue {
 	font-weight: bold;
	font-size: 10pt;
    color: #336699;
	letter-spacing: 3pt;
	}

/* used in index.php */
div#homeContent {
	margin: 0;
	padding: 0;
	width: 745px;
	height: 380px;
	background-image: url(../images/home_bkg.jpg); 
	}

p#homeContent {
	font-size: 8pt;
  	margin: 0 3px 0 500px;
  	line-height: 1.5;
  	color: #4d4d4d;
	} 
	
/* used in care_hardwood.php */
.exception {
 	font-weight: bold;
	margin-left: 7px; 
	}

/* used in care_hardwood.php and care_cork.php */
#care_list  {
	padding: 0 3px 0 12px;
  	margin: 0 3px 0 12px;
  	}
  
#care_list li { 
	list-style-type:square;
	padding: 0 0 7px 0;
  	margin: 0 0 7px 0;
	}

/* used in pricing.php */
table.pricing { padding-left: 4px; border: none;}
table.pricing tr { text-align: left;} 
table.pricing td { font-size: 9pt; color: #4d4d4d; border: none;} 
table.pricing th { font-size: 9pt; color: #eeb62f; border: none; padding: 7px 0 2px 0; text-align: left;} 

/* used in pet gallery */
.clear {
	clear:both
	}

#gallery {
	position:relative;
	height:380px
	}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:28px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	/*#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}*/
	

/* used in contact.php */ 
#blocklist {
  	width: 460px;
  	text-align: left;
  	padding: 7px;
 /* 	float: center;*/
	}

.black8 {
    font-size: 8pt;
    COLOR: #000;
	}