@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
@import "css/mininav.css";

body {
	background-color: #1a0088;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	display: block;
}

#header, #wrapper {
	display: block;
	overflow: hidden;
}

#wrapper {
	width: 970px;
	margin: 0 auto 10px auto;
	padding-bottom: 10px;
	background-color: #fff;
}

#header {
	height: 183px;
	width: 930px;
	margin: 0 auto;
	background: url(images/sm_header-bg.jpg) no-repeat 0 0;
	position: relative;
	z-index: 1;
}

#header h1.brand a {
	float: left;
	text-indent: -9999em;
	width: 0;
	height: 0;
	text-align: left;
}

#header a img {
	border: none;
}

#header #headerimg {
	width: 320px;
	height: 140px;
	display: block;
	overflow: hidden;
	margin: 31px auto 0 59px;
}

#header #callnow {
	position: absolute;
	z-index: 10;
	top: 0;
	width: 100px;
	height: 50px;
	text-indent: -9999em;
}

/* TOP NAVIGATION */

#navigation {
	display: block;
	overflow: hidden;
	height: 29px;
	width: 930px;
	margin: 0 auto;
	background-color: #000;
}

#navigation ul {
	height: 29px;
	display: block;
}

#navigation ul li {
	float: left;
	margin: 0;
}

#navigation ul li a {
	float: left;
	text-align: left;
	margin: 0;
	text-indent: -9999em;
	height: 29px;
}

#navigation ul li a.nav_home {
	width: 74px;
	background: url(images/nav-sprite2.png) no-repeat -2px 0;
}
#navigation ul li a:hover.nav_home, body.home #navigation ul li a.nav_home {
	background: url(images/nav-sprite2.png) no-repeat -2px -29px;
}

#navigation ul li a.nav_about {
	width: 101px;
	background: url(images/nav-sprite2.png) no-repeat -76px 0;
}
#navigation ul li a:hover.nav_about, body.about #navigation ul li a.nav_about {
	background: url(images/nav-sprite2.png) no-repeat -76px -29px;
}

#navigation ul li a.nav_dogtraining {
	width: 127px;
	background: url(images/nav-sprite2.png) no-repeat -177px 0;
}
#navigation ul li a:hover.nav_dogtraining, body.dogtraining #navigation ul li a.nav_dogtraining {
	background: url(images/nav-sprite2.png) no-repeat -177px -29px;
}

#navigation ul li a.nav_puppytraining {
	width: 139px;
	background: url(images/nav-sprite2.png) no-repeat -304px 0;
}
#navigation ul li a:hover.nav_puppytraining, body.puppytraining #navigation ul li a.nav_puppytraining {
	background: url(images/nav-sprite2.png) no-repeat -304px -29px;
}

#navigation ul li a.nav_why {
	width: 161px;
	background: url(images/nav-sprite2.png) no-repeat -445px 0;
}
#navigation ul li a:hover.nav_why, body.why #navigation ul li a.nav_why {
	background: url(images/nav-sprite2.png) no-repeat -445px -29px;
}

#navigation ul li a.nav_testimonials {
	width: 128px;
	background: url(images/nav-sprite2.png) no-repeat -606px 0;
}
#navigation ul li a:hover.nav_testimonials, body.testimonial #navigation ul li a.nav_testimonials {
	background: url(images/nav-sprite2.png) no-repeat -606px -29px;
}

#navigation ul li a.nav_products {
	width: 105px;
	background: url(images/nav-sprite2.png) no-repeat -733px 0;
}
#navigation ul li a:hover.nav_products, body.products #navigation ul li a.nav_products {
	background: url(images/nav-sprite2.png) no-repeat -733px -29px;
}

#navigation ul li a.nav_contact {
	width: 95px;
	background: url(images/nav-sprite2.png) no-repeat -839px 0;
}
#navigation ul li a:hover.nav_contact, body.contact #navigation ul li a.nav_contact {
	background: url(images/nav-sprite2.png) no-repeat -839px -29px;
}

/*END OF TOP NAVIGATION*/

#contentwrapper {
	display: block;
	overflow: hidden;
	width: 930px;
	margin: 25px auto 10px auto;
	position: relative;
	z-index: 2;
}

#contentwrapper.twocol {
	background: #fff url(images/2col-bg.gif) repeat-y -20px 0;
}

#contentwrapper.twocol #sidebar {
	float: left;
	width: 220px;
	padding: 0 0 200px 0;
	margin: 0;
}

#contentwrapper.twocol #content {
	float: right;
	width: 690px;
	padding: 0;
	margin: 0;
}

#contentwrapper.onecol #content {
	display: block;
	overflow: hidden;
	width: 930px;
	margin: 0;
}

/* SIDEBAR TEXT STYLING */

#sidebar h3 {
	font: bold 15px Tahoma, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding: 0px 0 0px 30px;
	background: url(images/paw.gif) no-repeat 0 center;
	margin: 0 0 3px 0;
	display: block;
	overflow: hidden;
	clear: both;
}

#sidebar ul {
	margin: 0 0 5px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	display: block;
	overflow: hidden;
}

#content ol li ul li {
	list-style-type: none;
}

#sidebar ul li, #content ul li, #content ol li ul li {
	background: url(images/blue-bullet.gif) no-repeat 0 4px;
}

#content ol li {
	list-style-type: decimal;
	margin: 5px 20px 5px 35px;
}

#sidebar ul li, #content ul li, #content ol li ul li {
	display: block;
	overflow: hidden;
	padding-left: 15px;
	margin-left: 10px;
}

#sidebar ul li {
	font-size: 11px;
	width: 180px;
	line-height: 130%;
}

#sidebar ul li a {
	text-decoration: none;
	color: #000;
}

#sidebar ul li a:hover {
	text-decoration: underline;
}

#comm_dis_excontainer {
	position: absolute;
	z-index: 50;
	bottom: 0;
	left: 0;
}

/* CONTENT */

.uppercase {
	text-transform: uppercase;
}

#content h1, #content h2, #content h3, #content h4 {
	color: #112b8b;
}

#content h1 {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 130%;
}

#content h2 {
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 50px;
}

#content h3 {
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 20px;
}

#content h3 em {
	font-weight: bold;
}

#content h3.strapline {
	font-weight: bold;
	font-style: italic;
}

#content h4 {
	
}

#content ul li, #content p, #content ol li, #content td {
	font-size: 13px;
}

#content p {
	margin: 15px 0;
	line-height: 130%;
}

#content blockquote {
	margin-left: 20px;
}

#content p.bonehead {
	/*background: url(images/bone-bullet-white.jpg) no-repeat 0 0;
	text-indent: 40px;*/
	padding-top: 1px;
	font-weight: bold;
	margin-top: 30px;
}

#content div.piccaption p {
	margin: 0 auto;
	font-size: 11px;
}

#content a {
	text-decoration: underline;
	color: #1a0088;
	font-weight: bold;
}

#content a:hover {
	text-decoration: none;
}

/* FOOTER */

#footer {
	display: block;
	overflow: hidden;
	width: 930px;
	margin: 0 auto;
	border-top: 6px solid #1a0088;
}

#footertopcontainer {
	display: block;
	overflow: hidden;
	width: 930px;
	margin: 0 auto;
	border-top: 11px solid #f5bb00;
	padding: 5px 0 0 0;
}

#footer #bookmark {
	width: 240px;
	float: left;
	height: 100px;
	background-color: #fff;
	text-align: center;
	margin-left: 10px;
}

#footer #bookmark, #footer #paypal {
	margin-top: 15px;
}

#footer a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
}

#footer h3 {
	color: #112b8b;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 5px;
}

#footer a:hover {
	text-decoration: underline;
}

#footer #bookmark p a.bookmarkuslink {
	float: left;
	width: 100px;
	height: 100px;
	background: #fff url(images/ie-icon.gif) no-repeat center 25px;
}

#footer #bookmark p a.contactlink {
	width: 100px;
	height: 100px;
	float: right;
	background: #fff url(images/contact-icon.gif) no-repeat center 28px;
}

#footer #paypal {
	width: 250px;
	float: right;
	height: 200px;
}

#footer #paypal p a.paypallink {
	height: 76px;
	width: 210px;
	float: right;
	text-align: left;
	text-indent: -9999em;
	background: #fff url(images/paypal.jpg) no-repeat 0 0;
	margin: 0 20px 0 0;
}

#footer #footerinfo {
	width: 400px;
	margin: 10px 15px 0 15px;
	text-align: center;
	float: left;
}

#footer #footerinfo p {
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
}

#footer #footernav {
	display: block;
	overflow: hidden;
	width: 930px;
	margin: 10px auto;
}

#footer #footernav div {
	display: block;
	overflow: hidden;
	margin: 10px auto 0 auto;
}

#footer #footernav div.footernavtop {
	width: 560px;
}

#footer #footernav ul.footernavtop {
	width: 600px;
}

#footer #footernav div.footernavbottom {
	width: 370px;
}

#footer #footernav ul.footernavbottom {
	width: 600px;
}

#footer #footernav ul li {
	float: left;
	margin: 0;
	display: inline;
}

#footer #footernav ul li a {
	float: left;
	padding: 0 8px;
	border-left: 1px solid #f5bb00;
	font-size: 12px;
}

#footer #footernav ul li.firstlistitem a {
	border-left: none;
}

#footer #copyright p {
	display: block;
	overflow: hidden;
	width: 600px;
	margin: 15px auto 0 auto;
	text-align: center;
}

#footer #copyright p, #footer #copyright p.cm a {
	color: #333;
	font-size: 11px;
}
#footer #copyright p {
	margin-top: 5px;
}
#footer #copyright p.cm {
	margin-top: 20px;
}
#footer #copyright p.cm a {
	text-decoration: underline;
}

#footer #copyright p.cm a:hover {
	text-decoration: none;
}

/* Some specific layout options */

#content hr {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	margin: 25px auto;
	border-bottom: none;
	border-right: none;
	border-left: none;
	background-color: #999;
	border-top: 1px solid #999;
	clear: both;
}

#content .imgandtextcontainer {
	display: block;
	overflow: hidden;
}

#content img.floatright {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#content .imgandtextcontainer img.floatleft {
	margin-top: 15px;
}

#content .imgandtextcontainer p img.floatleft {
	margin-top: 0;
}

#content img.floatleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

#content div.textbtmcontainer {
	position: relative;
	z-index: 59;
}

#content div#siebelinfo.textbtmcontainer {
	height: 165px;
	width: 400px;
}

#content div.textbtm {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 60;
}

#content div.textbtm p {
	margin-bottom: 0;
}

div.centralfeature {
	text-align: center;
}

div.centralfeature h3 {
	margin-bottom: 20px;
	text-transform: uppercase;
}

#content a.morelink {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 35px 5px 0;
	background: url(images/arrow.gif) no-repeat right center;
}

#content a:hover.morelink {
	text-decoration: underline;
}

div.twoimgsandtextcontainer {
	display: block;
	overflow: hidden;
	width: 99%;
	margin: 30px auto;
	clear: both;
}

div#nooneloves.twoimgsandtextcontainer div.centraltext {
	width: 19%;
}

div#nooneloves.twoimgsandtextcontainer div.leftimg, div#nooneloves.twoimgsandtextcontainer div.rightimg {
	width: 40%;
}

div#nooneloves.twoimgsandtextcontainer div.rightimg img {
	float: right;
}

p.boldital {
	font-weight: bold;
	font-style: italic;
}

/*Contact Form formatting*/

#content div.contactform form div.formmain input {
	height: 20px;
}

#content div.contactform form div.formmain input, #content div.contactform form textarea {
	border: 1px solid #1a0088;
	clear: both;
}

#content div.contactform form div.formmain input.checkbox {
	float: left;
	margin: 0 10px 0 5px;
	border: none;
}
#content div.contactform form div.formmain p.checkboxcaption {
	padding-top: 2px;
	margin-top: 3px;
}
#content div.contactform form div.formmain h3 {
	padding: 5px 10px;
	background-color: #1a0088;
	color: #fff;
	margin-top: 20px;
}

#content div.contactform form {
	font-size: 13px;
	width: 500px;
}

#content div.contactform form input.submitbtn {
	margin-top: 15px;
}

#content div.contactform form p {
	margin-bottom: 0;
}

#content p.test_response {
	border-top: 1px dotted #999;
	padding-top: 20px;
	margin-top: 20px;
}

#content table.breakdowntable {
	width: 500px;
	margin: 0 auto;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
}

#content table.breakdowntable th, #content table.breakdowntable td {
	width: 240px;
	padding: 5px 20px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}

#content table.breakdowntable th {
	background-color: #333;
}

#content table.breakdowntable th p {
	font-weight: bold;
	color: #fff;
}

#content table.breakdowntable p {
	margin: 10px 0;
}

/* Contact Us Styling */

#content #contactpgform form .formmain p {
	float: left;
	width: 190px;
	clear: left;
	margin: 0;
	padding-right: 10px;
}

#content #contactpgform form .formmain div {
	clear: both;
	display: block;
	overflow: hidden;
	margin: 10px 0;
}

#content #contactpgform form .formmain h3 {
	clear: both;
}

#content #contactpgform form .formmain input, #content #contactpgform form .formmain textarea, #content #contactpgform form div.inputwithcaption {
	float: left;
	clear: right;
}

#content #contactpgform form div.inputwithcaption {
	margin-top: 0;
}

#content #contactpgform form div.inputwithcaption p.inputcaption {
	font-size: 11px;
}

#content #contactpgform form .formmain textarea {
	overflow: auto;
	width: 210px;
}

#content #contactpgform form .formmain #inforequested div {
	margin: 15px 0;
}

#content #contactpgform form .formmain #inforequested div.checkboxes, #content #contactpgform form .formmain #inforequested div.checkboxcontainer {
	margin-top: 0;
	margin-bottom: 0;
}

#content #contactpgform form .formmain #inforequested div.checkboxes {
	display: inline-table;
	margin-right: 40px;
	margin-top: 0;
	margin-bottom: 0;
}

#content #contactpgform form .formmain div.checkboxcontainer {
	float: left;
	clear: right;
}

#content #contactpgform form .formmain div.checkboxes input {
	border: none;
	margin-right: 5px;
	
}

/*#content #contactpgform form .formmain p.inputcaption {
	float: right;
	clear: right;
	margin-right: 95px;
	font-size: 11px;
}*/

#content #contactpgform form input.submitbtn {
	margin: 0 0 30px 265px;
}

body.trainingtips #content h3 {
	font-weight: bold;
	font-style: italic;
}

#content p.biopara {
	font-style: italic;
}

/* Gallery styling for 2-column layout */

#contentwrapper.twocol #content div.gallery {
	display: block;
	overflow: hidden;
	width: 670px;
	margin: 0 auto;
}

#contentwrapper.twocol #content div.gallery div.picscontainer {
	display: block;
	overflow: hidden;
	width: 670px;
	clear: both;
}

#contentwrapper.twocol #content div.gallery.threecol div.picscontainer div {
	width: 200px;
}

#contentwrapper.twocol #content div.gallery.twocol div.picscontainer div {
	width: 300px;
}

#contentwrapper.twocol #content div.gallery div.picscontainer div {
	float: left;
	margin: 10px 11px;
	text-align: center;
}

#contentwrapper.twocol #content div.gallery div#zoch {
	width: 600px;
}

#contentwrapper.twocol #content div.gallery div p {
	margin: 5px 0 0 0;
	font-size: 11px;
}

table.ratestable {
	width: 500px;
	padding: 0;
	margin: 30px 0;
}

body.boardtrain table {
	width: 300px;
	margin: 30px 0 0 30px;
}

table.ratestable td {
	padding: 5px 5px 25px 5px;
}

table.ratestable td.trainingtype, body.boardtrain table.ratestable td.cost {
	width: 115px;
	/*padding-left: 45px;
	background: url(images/bone-bullet-white.jpg) no-repeat 5px 5px;*/
}

table.ratestable td.cost {
	width: 70px;
}

table.ratestable td.duration {
	width: 240px;
}

#content img.whiteimg {
	border: 2px solid #000;
}

body.rates #content div.imgandtextcontainer {
	margin: 40px auto;
}

body.rates #content div.imgandtextcontainer img.floatleft {
	margin-left: 30px;
}

body.rates #content div.imgandtextcontainer div.classrates.floatright {
	width: 370px;
	margin-right: 30px;
	margin-top: 15px;
	text-align: center;
}

body.references #content div.imgandtextcontainer {
	width: 550px;
	margin: 25px 0;
	float: left;
}

body.references #content ul li {
	margin: 30px;
}

body.references #content div.imgandtextcontainer ul {
	padding-top: 20px;
	float: left;
}

body.references #content div.imgandtextcontainer ul li {
	float: left;
	width: 200px;
}

#content div.gridcontainer {
	display: block;
	overflow: hidden;
	margin: 0 auto;
}

#content div.gridcontainer.twocol {
	width: 550px;
}

#content div.gridcontainer.twocol div {
	width: 250px;
	float: left;
}

body.servicearea #content div.gridcontainer.twocol div {
	text-align: center;
	margin-bottom: 25px;
	margin-top: 25px;
}

body.servicearea #content div.gridcontainer.twocol p, body.servicearea #content div.gridcontainer.twocol h3 {
	margin-top: 0;
	margin-bottom: 5px;
}

body.videos #content div.video, body.videos #content div.video div#tvPlayerVideoArea_0 {
	margin: 0 auto;
	text-align: center;
}

body.custsurvey #content div.contactform div#customerfeedback p, body.custsurvey #content div.contactform div#customerfeedback textarea {
	display: block;
	overflow: hidden;
	float: none;
	width: 450px;
	margin-bottom: 10px;
}

body.custsurvey #content div.contactform div#customerfeedback textarea {
	margin-bottom: 20px;
}

body.custsurvey #content div#satisfactionsurvey.contactform form div.formmain p.privacyinfo {
	width: 450px;
	font-size: 11px;
	font-style: italic;
}
body.custsurvey #content p.formintro {
	margin-top: 30px;
	margin-bottom: 30px;
}

body.vendors #content {
	text-align: center;
}

body.vendors #content p img, body.vendors #content p.noimg, body.vendors #content div.othervendors p {
	display: block;
	overflow: hidden;
}

body.vendors #content p a.totoplink {
	float: right;
	clear: both;
	margin: 10px 0 20px auto;
}

.close {
	text-align: center;
	valign: top;
	height: 40;
	padding: 10px 0 20px 0;
	display: block;
	overflow: hidden;
	clear: both;
	
}
.close h2 {
	font-size: 16px;
	font-weight: bold;
	color: #EED278;
	line-height: 18px;
	margin-bottom: 4px;
}

body.products #content div.payments table.paymenttable, body.products #content div.payments table.paymenttable tr {
	width: 700px;
	float: left;
	display: block;
	overflow: hidden;
}


body.products #content div.payments table.paymenttable tbody td {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

body.products #content div.payments table.paymenttable tbody td.paymentprice {
	width: 150px;
}

body.products #content div.payments table.paymenttable tbody td.paymentdesc {
	width: 300px;
}

body.products #content div.payments table.paymenttable tbody td.paymentbtn {
	width: 150px;
}

body.products #content div.payments table.paymenttable tbody td p {
	margin: 0;
}

body.products #content div.payments form.payPalForm  table.paymenttable div.formmain div.paymentdiv p {
	float: left;
}

body.products #content div.payments form.payPalForm table.paymenttable tbody td.paymentprice p {
	padding-top: 3px;
}

body.products #content div.payments form.payPalForm table.paymenttable div.formmain div.paymentdiv input.amount {
	width: 100px;
	height: 20px;
	border: 1px solid #1a0088;
	margin-left: 4px;
}

/*
div.imgandtextcontainer {
	float: left;
}
*/

#wrapper #content div.imgcontainer {
	float: left;
}

#wrapper #content div.imgcontainer p {
	text-align: center;
	clear: left;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
}

#wrapper div#content img#markbiopic {
	margin-bottom: 15px;
}

.link,
#SignUp .signupframe {
      color: #3D27CF;
      font-family: Arial, Helvetica, sans-serif;
}
.link {
	text-decoration: none;
}
#SignUp .signupframe {
	border: 1px solid #979F2D;
	background: #AEAA2F;
}