body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:RGB(38,59,115);
	background-image:url(images/gradientBackground.png);
	background-repeat:repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:RGB(17,17,17);
}

h1, h2 {
	font-weight:normal;
	color:RGB(56,87,167);
}

h1 {
	font-size:24px;
	margin:0;
}

h2 {
	font-size:18px;
	margin-bottom:0;
}

p {
	margin-top:0;
}

.ntm {
	margin-top:0;
}

.nbm {
	margin-bottom:0;
}

.reg {
	font-size:10px; 
	color:RGB(150,150,150);
}

/* templated styles */
#bodyWrapper {
	width:960px; 
	height:auto; 
	margin:0 auto; 
	padding:0; 
	overflow:hidden;
}

#topPad {
	width:960px; 
	height:10px; 
	overflow:hidden;
}

#header #logo {
	width:153px; 
	height:230px; 
	float:left;
}

#header #logo a {
	display:block; 
	width:153px; 
	height:153px; 
	overflow:hidden; 
	background-image:url(images/mystikKennelsLogo.png); 
	background-repeat:no-repeat;
}

#header #navWrap {
	width:807px; 
	height:auto; 
	float:left;
}

#header #navWrap .vSpacer {
	height:55px; 
	overflow:hidden;
}

#header #navWrap #gNav {
	height:40px; 
	overflow:hidden; 
	background-image:url(images/mystikKennelsNav.png); 
	background-repeat:no-repeat;
}

#header #navWrap #gNav a {
	display:block;
	height:40px;
	float:left;
	margin:0;
}

#header #navWrap #gNav a.home {
	width:82px;
}

#header #navWrap #gNav a.boarding {
	width:90px;
}

#header #navWrap #gNav a.grooming {
	width:95px;
}

#header #navWrap #gNav a.puppy {
	width:150px;
}

#header #navWrap #gNav a.about {
	width:85px;
}

#header #navWrap #gNav a.contact {
	width:100px;
}

#header #navWrap .puppies {
	height:135px; 
	background-image:url(images/puppiesHeader.jpg); 
	background-repeat:no-repeat;
	overflow:hidden;
}

#contentHeader {
	width:960px; 
	height:72px; 
	background-image:url(images/contentHeader.png); 
	overflow:hidden;
}

#contentBoard {
	width:960px; 
	height:auto; 
	background-image:url(images/contentBackground.png); 
	background-repeat:repeat-y; 
	overflow:hidden; 
	margin:0; 
	padding:0;
}

#contentBoard .interiorWrapper #leftBoard {
	width:610px; 
	height:auto; 
	overflow:hidden; 
	float:left;
}

#contentBoard .interiorWrapper #rightBoard {
	width:280px; 
	height:auto; 
	overflow:hidden; 
	float:right;
	font-size:12px;
}

#contentBoard .interiorWrapper #rightBoard .sideTitle {
	color:RGB(227,69,38); 
	font-weight:bold; 
	font-size:14px; 
	line-height:22px; 
	border-bottom:1px solid RGB(210,210,210); 
	margin-bottom:10px;
	padding-left:5px;
}

#contentBoard .interiorWrapper #rightBoard .grayBox {
	width:280px; 
	height:auto; 
	background-image:url(images/rightBoard-boxGray.png); 
	background-repeat:no-repeat; 
	overflow:hidden;
	color:#000;
}

#contentBoard .interiorWrapper #rightBoard .grayBox .interiorWrap {
	margin:10px 10px 0 10px;
}

#contentBoard .interiorWrapper #rightBoard .grayBox .interiorWrap .sidePic {
	width:258px;
	height:180px;
	border:1px solid RGB(150,150,150);
	overflow:hidden;
	margin-bottom:10px;
}

#contentBoard .interiorWrapper #rightBoard .grayBox .footer {
	width:280px; 
	height:10px; 
	background-image:url(images/rightBoard-boxGray.png); 
	background-position:center bottom; 
	overflow:hidden;
}

#contentBoard .interiorWrapper .clearSpacer {
	clear:both; 
	height:20px;
}

#contentFooter {
	width:960px; 
	height:10px; 
	background-image:url(images/contentFooter.png); 
	background-repeat:no-repeat; 
	overflow:hidden;
}

#pageFooter {
	width:960px; 
	height:auto; 
	background-color:RGB(19,29,57); 
	color:#FFF; 
	overflow:hidden; 
	padding:0; 
	margin:0;
}

#pageFooter a {
	color:RGB(76,107,186);
}

#pageFooter a:hover {
	color:RGB(227,69,38);
}

#pageFooter .interiorWrapper {
	padding:20px 0;
}

#pageFooter .interiorWrapper .copyCell {
	width:300px; 
	float:left; 
	margin-right:10px;
}

#pageFooter .interiorWrapper .linksCell {
	width:300px; 
	float:left; 
	margin-right:10px;
}

#pageFooter .interiorWrapper .miscCell {
	width:280px; 
	float:left;
}



.interiorWrapper {
	width:900px; 
	height:auto; 
	margin:0 auto; 
	overflow:hidden;
}

/* picture boards */
.pbSingle {
	width:608px; 
	height:200px; 
	border:1px solid RGB(210,210,210); 
	background-color:RGB(245,245,245); 
	margin:10px 0; 
	overflow:hidden;
}

.pbDoubleWrap {
	margin-bottom:10px;
}

.pbDoubleWrap img {
	width:300px;
	height:180px;
	border:none;
}

.pbDoubleWrap .left {
	width:298px; 
	height:180px; 
	border:1px solid RGB(210,210,210); 
	background-color:RGB(245,245,245); 
	overflow:hidden;
	float:left;
}

.pbDoubleWrap .right {
	width:298px; 
	height:180px; 
	border:1px solid RGB(210,210,210); 
	background-color:RGB(245,245,245); 
	overflow:hidden;
	float:right;
}

.pbTripleWrap .left {
	width:298px; 
	height:412px; 
	border:1px solid RGB(210,210,210); 
	background-color:RGB(245,245,245); 
	float:left;
}

.pbTripleWrap .right {
	width:300px; 
	height:414px; 
	float:right;
}

.pbTripleWrap .right .top {
	width:298px; 
	height:200px; 
	border:1px solid RGB(210,210,210); 
	background-color:RGB(245,245,245); 
	margin-bottom:10px;
}

.pbTripleWrap .right .bottom {
	width:298px; 
	height:200px; 
	border:1px solid RGB(210,210,210); 
	background-color:RGB(245,245,245); 
}

/* additional styles */
p.pdf {
  height:34px; 
  width:auto; 
  padding-left:44px; 
  line-height:34px; 
  background:url(PDF_icon.png) no-repeat;
}

/* tabular data tables */
table.rates {
  width:590px; 
  padding:0; 
  margin:0; 
  border-collapse:collapse; 
  border:none;
}

table.rates tr {
  border-bottom:1px solid #CCC;
}

table.rates td {
  padding-bottom:3px;
  padding-left:5px;
}

table.rates td.price {
  width:125px;
  padding-left:0;
}

table.rates td.priceSM {
  width:100px;
  padding-left:0;
}

table.rates tr.alt {
  background-color:RGB(245,249,254);
}

table.rates tr.blank {
  border:none;
}

table.rates tr.blank td {
  padding-left:0;
}

table.rates td span.desc {
  font-size:12px;
  font-style:italic;
}