body {margin:0;padding:0; background: #fff; font-family: Arial, Verdana, Tahoma; font-size: 12px; color: #242424;}
body, html {height: 100%;}

/*->default's---------------------------------------------------*/
#pageLayout {position: relative; width: 100%; min-height: 100%; height: auto !important; height: 100%;}
.container {width: 650px; margin: 0 auto;}
a img {border: none;}
a {color: #0096d5; font-weight: bold;outline: 0;}
a:hover {color:#6d6a6a;}
.error {color: #d61321; font-weight: bold;}
.description {font-size: 10px;}
.imgRight {float: right; margin: 10px 0 10px 20px;}
#pageCollage {position: absolute; z-index: 10;}
#pageCollage2 {position: absolute; z-index: 10;}

/*->border------------------------------------------------------*/
.border {position: relative; border: 20px solid #e5f0fa; padding: 20px; clear: both; z-index: 5; background: #fff; margin-bottom: 130px;}
  .btl, .btr, .bbl, .bbr {position: absolute; top: 0; left: 0; background: url(../images/bgCorners.gif) no-repeat left top; width: 27px; height: 27px; margin-left: -20px; margin-top: -20px;}
	.btr, .bbr {left: 100%; margin-left: -7px; background-position: right top;}
	.bbl, .bbr {top: 100%; margin-top: -7px; background-position: left bottom;}
	.bbr {background-position: right bottom;}
	
#video {background: #019dcb; padding: 10px; float: left; margin: 0 0 9px 0; position: relative;}
  #video .btl, #video .btr, #video .bbl, #video .bbr {background: url(../images/bgVideoCorners.gif) no-repeat left top; width: 8px; height: 8px; margin: 0;}
	#video .btr, #video .bbr {left: 100%; margin-left: -8px; background-position: right top;}
	#video .bbl, #video .bbr {top: 100%; margin-top: -8px; background-position: left bottom;}
	#video .bbr {background-position: right bottom;}

/*->pageHeader--------------------------------------------------*/
#pageHeader {width: 100%; clear: both; background: url(../images/bgHeader.gif) repeat-x left 78px; height: 120px; text-align: right;}
#pageHeader .container {position: relative; padding: 15px 0 0; height: 105px; overflow: hidden;}
  #pageLogo {height: 100px; position: absolute; left: 0; bottom: 0; background: #fff; z-index: 2;}
  #pageMenu {margin: 0; padding: 0 0 0 1px; list-style-type: none; position: absolute; right: 0; bottom: 0; z-index: 3; height: 42px; background: url(../images/bgHeader.gif) repeat-x left top; width: 413px;}
	#pageMenu li {position: relative; height: 42px; float: left;}
	#pageMenu li a {float: left; padding: 14px 11px 10px 12px; border-right: 1px solid #a0d3e9; height: 16px; margin-top: 1px;}
	#pageMenu li.last a {border-right: none; padding-right: 12px; padding-left: 11px;}
	#pageMenu li a:hover, #pageMenu li.sel a {border-top: 1px solid #a0d3e9; border-bottom: 1px solid #a0d3e9; border-right: 1px solid #a0d3e9 !important; background: #832884; padding-top: 13px; padding-bottom: 9px; padding-right: 11px;}
	#pageMenu li.first a:hover, #pageMenu li.first.sel a {border-left: 1px solid #a0d3e9; padding-left: 11px;}
	

/*->pageContent-------------------------------------------------*/
#pageContent {padding: 10px 0; width: 100%; clear: both; position: relative;}
  #pageContent ul, #pageContent ol {padding: 0 0 0 2.3em; margin: 1.1em 0;}
	#pageContent p {margin: 0 0 1.1em;}
	#pageContent h1 {font-size: 38px; color: #832884; font-weight: normal; margin: 0.8em 0 0.5em 0.5em;}
	#pageContent h2 {font-size: 26px; color: #0179ac; font-weight: normal; margin: 1em 0 0.5em; background: url(../images/icons/legLarge.gif) no-repeat left 2px; padding-left: 27px;}
	#pageContent h3 {font-size: 18px; font-weight: normal; margin: 1em 0 0; color: #5f5f5f;}
	#pageContent h3.leg, #pageContent p.leg {background: url(../images/icons/legLarge.gif) no-repeat left center; margin: 0 0 0.6em; padding-left: 30px;}
	#pageContent p.leg {background-position: left top;}
	#pageContent h4 {font-size: 14px; margin: 0.3em 0; color: #832884;}
        #pageContent h5 {font-size: 12px; color: #0b92cb; font-weight: bold; padding:3px 0 0 0;margin:0px; background: url(../images/icons/legLarge.gif) no-repeat left 0px; padding-left: 27px;height:21px;}
        #pageContent h6 {font-size: 12px; color: #0179ac; font-weight: normal; margin:0;}
        #pageContent .week3 {background: url(../images/icons/legSmall_3week.gif) no-repeat left 2px;padding-left: 32px;margin-top:20px;}
        #pageContent .week {background: url(../images/icons/legSmall.gif) no-repeat left 2px;padding-left: 32px;margin-top:20px;}
        #pageContent table td{vertical-align:top}
        #pageContent table ul{padding: 0 0 0 2.3em; margin:0 0 20px 0;}
        #pageContent table dl{padding:0px;margin:50px 0 0 0;overflow:hidden;}
        #pageContent table dl dd{padding:0px;margin:0px;font-size:36px;color:#0393d0;}
        #pageContent table dl dt img{padding:0px;margin:0px 17px;}
	.legGrey {background: url(../images/icons/legGrey.gif) no-repeat left 4px; padding: 1px 0 1px 15px; color: #525252; text-decoration: none; font-weight: normal;}
	.legBlue {background: url(../images/icons/legBlue.gif) no-repeat left 3px; padding: 1px 0 1px 15px; color: #0096d5; font-weight: bold; text-decoration: none;}
	.legBlueDouble {background: url(../images/icons/legBlueD.gif) no-repeat left 2px; padding: 1px 0 1px 17px; color: #5bbde6; font-weight: bold; text-decoration: none;}
	.legWhite {background: url(../images/icons/legWhite.gif) no-repeat left 2px; padding: 1px 0 1px 20px; color: #fff; font-weight: bold; text-decoration: none;}
        #pageContent .buy_now{width:300px;overflow:hidden;padding:15px 0;margin:15px 0 0 0;border:6px solid #e5f0fa}
        #pageContent .buy_now dt{float:left;width:130px;padding:0 0 0 17px;margin:0;font-size:12px;font-weight:bold;color:#832884}
        #pageContent .buy_now dd{float:left;width:150px;padding:0;margin:0;height:47px;overflow:hidden;}
	
	.legGrey:hover {color:#a3a2a2;}
  
	.index {background: url(../images/bg.jpg) no-repeat left 20px; height: 590px; margin-bottom: 150px; padding: 10px 0; width: 100%; clear: both; position: relative;}
	.index #experience {position: absolute; width: 370px;overflow:hidden;top: 470px; left: 240px; margin: 0 0 0px 0; color: #525252;list-style-type:none}
        .index #experience li{background: url(../images/icons/legGrey.gif) no-repeat left 4px;padding:0 0 0 20px}
	.index #help {position: absolute; top: 95px; left: 0; width: 590px; list-style-type: none; margin: 0; padding-left: 15px; height: 45px; overflow: hidden; color: #525252;}
	.index #help li {float: left; width: 50%;}
	.index #training {position: absolute; top: 300px; left: 480px; width: 140px; line-height: 1.2em; color: #343434;}
	.index #basicProgram {position: absolute; left: 185px; top: 250px; width: 280px; margin: 0; padding: 0; list-style-type: none; font-size: 14px;}
	.index #basicProgram li {float: left; width: 33%;}
	.index #challenge {width: 270px; position: absolute; left: 180px; top: 220px; font-size: 14px;}
	.index #challenge .all {text-align: center; margin: 2px 0 6px 0; font-size: 12px;}
        .index #challenge .prompt{padding-left:5px}
        .index #view_gallery {position: absolute; top: 380px; left: 6px; width: 133px;}
	
	.contact .border {background: url(../images/contactDog.jpg) no-repeat right bottom #fff;}
	.contact .info {position: absolute; top: 3px; left: 350px; width: 240px;}
	#contactForm {width: 300px; position: relative; overflow: hidden;}
	#contactForm td {padding: 2px 4px 2px 0;}
  #contactForm .inp_text {width: 170px; border: 1px solid #c5c5c5;}
	#contactForm .submit, #contact_bf .submit {border: 1px solid #000; background: #fff; font-size: 12px; padding: 5px 8px; cursor: pointer;}
	
	.services .week_info {position: absolute; width: 330px; top: 18px; left: 260px;}
	.services #program {clear: both; height: 211px; background: url(../images/bgProgram.gif) no-repeat left top; margin: 20px 0 30px; padding: 12px 0; color: #fff; overflow: hidden;}
	.services #program h3 {margin: 0 15px; color: #fff; text-transform: uppercase;}
	#pageContent.services #program ul {margin: 5px 44px 0 13px; width: 143px; float: left; overflow: hidden; list-style-type: none; padding: 0;}
	#pageContent.services #program li {background: url(../images/icons/dotWhite.gif) no-repeat 2px 6px; padding-left: 10px;}
	#pageContent.services ul {padding-left: 15px; list-style-type: none; margin-top: 0;}
	#pageContent.services li {padding-left: 10px; background: url(../images/icons/dotBlue.gif) no-repeat 2px 6px;}
        #pageContent.services p.programm{font-size:11px;padding-right:20px;margin:0 0 0px 0}
	.services #problems {background: url(../images/bgProblems.jpg) no-repeat center top; position: relative; margin: 15px -5px 15px; padding: 25px; height: 150px; overflow: hidden;}
	.services #problems h2 {background: none; padding-left: 0; margin-top: 0;}
	.services #problems ul {padding-left: 0;}
	.services #rightSide {float: left; width: 325px;}
        .services #rightSide p{clear:both;padding-left:12px;padding-right:10px;margin-bottom:19px;font-size: 11px;}
	
	#testimList {position: relative; margin-bottom: -33px;}
	.testimItem {background: url(../images/icons/legLarge.gif) no-repeat left 5px; padding-left: 40px; padding-bottom: 20px;}
	.testimItem .name {color: #666666; font-size: 11px;}
	
	.about #join {position: absolute; right: -10px; bottom: 180px; z-index: 22;}
	.about #dog {position: absolute; right: 15px; bottom: 10px; z-index: 21; background: url(../images/aboutDog.jpg) no-repeat left top; width: 133px; height: 183px;}
        .about #letter {position: absolute; right: 15px;top: 15px; z-index: 21; background: url(../images/letter.gif) no-repeat left top; width: 125px;padding:110px 0 0 0px;text-align:center;}
	
	.about #pageCollage {top: 10px; left: 300px; background: url(../images/aboutCollage.png) no-repeat left top; width: 311px; height: 110px;}
        .about #pageCollage2 {top: 28px; left: 360px; background: url(../images/aboutCollageNewsletter.png) no-repeat left top; width: 291px; height: 156px;}
	.links #pageCollage {top: 0; left: 465px; background: url(../images/linksCollage.png) no-repeat left top; width: 175px; height: 174px;}
	.contact #pageCollage, .terms #pageCollage, .quest #pageCollage {top: 10px; left: 465px; background: url(../images/contactCollage.png) no-repeat left top; width: 184px; height: 122px;}
	.services #pageCollage, .privacy #pageCollage {left: 280px; top: 10px; background: url(../images/serviceCollage.png) no-repeat left top; width: 357px; height: 108px;}
	.testimonials #pageCollage {position: relative; float: right; margin-top: -110px; margin-right: -35px; background: url(../images/testimCollage.png) no-repeat left top; width: 196px; height: 234px;}
	
	.quest .inp_text {border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #c5c5c5; width: 100%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 3px 0; margin: 1px 0;}
	.quest td {padding: 0 8px 0 0;}
	.quest td td {padding: 0;}
	#contact_bf {padding-left: 8px;}
	.quest th {text-align: left; padding: 30px 8px 4px 0;}
	
	#facebox h3 {font-size: 18px; margin: 0; color: #832884;}
	#facebox p, #facebox ul, #facebox ol {margin: 1.1em 0;}
	#facebox ul, #facebox ol {padding-left: 2.7em;}
	#facebox li {margin-bottom: 0.6em;}

/*->pageFooter--------------------------------------------------*/
#pageFooter {height: 100px; position: absolute; width: 100%; margin-top:-100px;background: #0096d5; text-align: right; font-size: 11px; clear: both;}
#pageFooter .container {background: url(../images/bgFoot.gif) no-repeat left bottom; padding: 50px 0 15px; height: 70px; overflow: hidden; position: relative; margin-top: -35px;}
#pageFooter ul {margin: 0 20px 20px; padding: 0; list-style-type: none;}
#pageFooter li {display: inline; background: url(../images/bgSep.gif) no-repeat right top; padding: 1px 15px 0 10px;}
#pageFooter li.last {background: none; padding-right: 0;}
#pageFooter a, #pageFooter {color: #fff;}
#pageFooter p {margin: 0.3em 20px;}
#pageFooter a:hover, .legBlue:hover, .legWhite:hover, .legBlueDouble:hover {color: #8ed9f9;}