/****************** LAYOUT ID SELECTORS ***********************/

body { 
 	margin: 0px; 
 	padding: 0px;
	background-image: url(../images/bg_grey.gif);
	background-position: left top;
	background-repeat: repeat-y; 
}

#printHeader {
	padding: 0px;
	margin: 0px;
	display: none;
	text-align: center;
}

#perf {
	width: 90%;
	margin: 3em auto 0em;
	font: 13px/140% 'Lucida Grande', Geneva, Verdana, Arial,  sans-serif;
	padding: 1.2em 2em;
	border: 2px dashed #D06E00;
	color: #D06E00;
	text-align: center;
	-moz-border-radius: 8px;
}

#sidebar {
 	width: 198px;
 	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

.sidebar {
 	width: 198px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

#mainwrapper {
 	margin-left: 198px;
 	background-color: #FFFFFF;
	background-image: url(../images/topstrip_gradient.gif);
	background-position: right top;
	background-repeat: no-repeat;
	
}

#mainwrapper-uuu {
 	margin-left: 198px;
 	background-color: #FFFFFF;
	background-image: url(../images/topstrip_gradient_uuu.gif);
	background-position: right top;
	background-repeat: no-repeat;
	
}

#mainwrapper-hm {
 	margin-left: 198px;
 	background-color: #FFFFFF;
	background-image: url(../images/topstrip_gradient_b.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#topheader {
	height: 206px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	top: 13px;
	text-align: center;
	position: relative;
}

#sectionUuu #topheader {
	height: 206px;
	padding: 0px;
	margin: 0px;
	top: 13px;
	background: #000000 url(../images/title_uuu.gif) no-repeat;
	background-position: center;
	position: relative;
}

#maincontent {
	padding: 20px 40px 1em 40px;
	margin: 0px;
	font: 13px/19px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #444444;
	vertical-align: top;
}
td.maincontent {
	padding: 0px;
	margin: 0px;
	font: 12px/18px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #444444;
	vertical-align: top;
}

#hm-promotion {
	margin: 0px;
	padding: 0px;
}

td.hm-top {
	height: 417px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/hm_f.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #000000;
}

td.hm-bottom {
	height: 79px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/hm_b.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color:#F47900;
	text-align: right;
	border-bottom: 2px solid #000000;
}

#programmeHeader {
	height: 119px;
	padding: 0px;
	margin: 2em 0px;
	background: url(../images/bg_2pixline.gif) repeat-x bottom left;
}

/****************** TESTIMONIALS ***********************/

dl.left {
	width: 206px;
	margin: 0px 24px 24px 0px;
	padding-bottom: 24px;
	background: #FFF url(../images/box_bottom.gif) no-repeat bottom left;
	float: left;
}


dl {
	width: 206px;
	margin: 0px 0px 24px 24px;
	padding-bottom: 24px;
	background: #FFF url(../images/box_bottom.gif) no-repeat bottom left;
	float: right;
	clear:right;
	font-size:11px;
	line-height:14px;
}

dt {
	margin: 0;
	padding: 0px 24px 0px 24px ;
	background: #FFF url(../images/box_top.gif) no-repeat top left;
}

dd {
	margin: 0px;
	color: #F37900;
	padding: 0px 24px 8px 24px;
	text-align:left;
}
/*
 -----------------------------------------------------
 Helpers and base rules
 -----------------------------------------------------
*/

p.skip {
	display: none;
	}
	
.addclear:after {
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	}
	
/*  Backslash Hack \*/
* html .addclear { height: 1%; }
/*  End Backslash Hack */

strong { color: #4C4C4C; }

.hidden { display: none }
.left { text-align: left }
.right { text-align: right }
.center { text-align: center }

/****************** NAVIGATION SELECTORS ***********************/

#programContainer {
	padding: 0 0 .5em 0;
	margin: -5px 0 0em 0;
}

#programRollovers {
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom:-3px;
	height: 119px;
	list-style: none;
}

#programRollovers li {
	width: 119px;
	float:left;
	height: 119px;
	padding: 9px 1em 1.5em 0;
	margin: 0 0 0em 0;
}

#pOne, 
#pTwo, 
#pThree,
#pFour {
	width: 100%;
	padding-top: 119px;
	height: 0px !important; 
	height /**/:119px; /* for IE5/Win only */
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
}

#pOne { background-image: url(../images/pone.gif) !important; }
#pTwo { background-image: url(../images/ptwo.gif) !important; }
#pThree { background-image: url(../images/pthree.gif) !important; }
#pFour { background-image: url(../images/pfour.gif) !important; }

#pOne:hover,
#pTwo:hover, 
#pThree:hover,
#pFour:hover {
	background-position: 0 -119px;
}


/****************** MAIN NAVIGATION ***********************/

#mainNav {
	display: block;
	padding: 0;
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
}

#mainNav li {
	width: 198px;
	height: 31px;
	padding:0;
	margin:0;
}

#about, 
#cbc, 
#program,
#facts, 
#faq, 
#products,
#articles,
#contact {
	width: 198px;
	line-height: 31px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

/*  This is li class is for the bigger menu option */
#mainNav li.bullshit,
#mainNav li.putup,
#mainNav li.uuu {
	width: 198px;
	height: 44px;
	padding:0;
	margin:0;
}

#bullshit,
#putup,
#uuu {
	width: 100%;
	line-height: 44px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

#about { background-image: url(../images/menu1.gif)!important; }
#cbc { background-image: url(../images/menu2.gif)!important; }
#putup { background-image: url(../images/menu9.gif)!important; }
#uuu { background-image: url(../images/menu3.gif)!important; }
#program { background-image: url(../images/menu4.gif)!important; }
#facts { background-image: url(../images/menu5.gif)!important; }
#faq { background-image: url(../images/menu6.gif)!important; }
#products { background-image: url(../images/menu7.gif)!important; }
#articles { background-image: url(../images/menu10.gif)!important; }
#contact { background-image: url(../images/menu8.gif)!important; }
#bullshit { background-image: url(../images/menu11.gif)!important; }

#articles:active,
#articles:hover,
#about:hover,
#cbc:hover, 
#program:hover,
#facts:hover,
#faq:hover,
#products:hover,
#contact:hover,
#about:active,
#cbc:active,
#program:active,
#facts:active, 
#faq:active, 
#products:active, 
#contact:active {
	background-position: 0 -31px;
}
#sectionArticles #articles,
#sectionAbout #about, 
#sectionCanine #cbc, 
#sectionUuu #uuu,
#sectionProgram #program, 
#sectionFacts #facts, 
#sectionFaq #faq,
#sectionProducts #products, 
#sectionContact #contact {
	background-position: 0 -62px;
}

/*  bigger menu option */
#bullshit:hover,
#putup:hover,
#uuu:hover {
	background-position: 0 -44px;
}
#sectionBullshit #bullshit, #bullshit:active, 
#sectionPutup #putup, #putup:active, 
#sectionUuu #uuu, #uuu:active {
	background-position: 0 -88px;
}


/*************** PSEUDO-CLASSES ****************/

a {
	color:#D06E00;
	text-decoration: underline;
	background-color: transparent;
}

a:link{
	color: #D06E00;
	text-decoration: underline;
	background-color: transparent;
}

a:visited {
	color: #D06E00;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #D06E00;
	text-decoration: none;
}

a:visited:hover {
	text-decoration: underline;
}


/*************** LINKS AND LIST ELEMENTS ****************/

ul.submenu {
	margin: -10px 0 0px 0px;
	padding: 0 0 10px 0;
	list-style-type: none;
	border-bottom: 1px solid #000;
	font-size: 13px;
	color:#ccc;
}

ul.submenu li {
	margin: 0px 12px 0px 0px;
	display: inline;
}

ul.dogbullets {
	margin: 0 0 0 0px;
	padding: 0px 0 0 25px;
	list-style-image: url(../images/dog_bullets.gif);
	list-style-position: outside;
	list-style-type: none;
}

ul.dogbullets li{
	margin: 0 10px 10px 0px;
}
	
ul.toplinks {
 	font-size: 11px;
	margin-top: 20px;
	float:right;
	list-style-type: none;
}

ul.toplinks li {
	display: inline;
}

ul.footer {
	text-align: center;
	font-size: 10px;
	line-height: 1.5;
	margin: 1em 0px 0 0px;
	padding: 15px 0 15px 0;
	list-style-type: none;
	border-top: 1px dotted #999999;
}

ul.footer li {
	margin: 0px;
	display: inline;
}

ul.footer li strong {
	font-size: 9px;
	display: inherit;
	color: #999999;
	padding: 0px 3px;
}
	
	
ul.square {
	list-style: square; 
	margin: 0 0 0 17px; 
	padding: 0 0 0 0;
}

ul.square li {
	margin: 0 0 10px 0; 
}

ul.square-indent {
	list-style: square; 
	margin: 0 0px 0 47px; 
	padding: 0 0 0 0;
}

ul.square-indent li {
	margin: 0 0 5px 0; 
}

/**************** IMAGES ******************/
	
	
dd img {
	margin: 0px 0px 15px 0px; 
	padding: 0px 0px 0px 0px;
	border: none;

}

img.right {
	float: right; 
	margin: 0px 0px .5em 1em; 
	padding: 0px;
	border: none;
	display: block;
}	

img.left {
	float: left; 
	margin: 0px 1em .5em 0px; 
	padding: 0px 0px 0px 0px;
	border: none;
}

img.imagine {
	margin: 0 0px 0px 0px;
	padding: 0px;
	padding-left: 230px;
	border: none;
}

#programmeHeader img {
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	border: none;
	vertical-align: top;
}	
	
	
	
/**************** FORMS ******************/


form {
	margin: 0px;
	margin-top: 2.5em;
	padding:0px;
}

fieldset {
	width: 380px; 
	background-color: #f6f6f6; 
	border: 1px dotted #666; 
	padding: 10px;
	margin: 0px;
	padding-top: 1.5em;
}

label {
  float: left;
  width: 20%;
  margin-right: 0.5em;
  padding-top: 0.5em;
  text-align: right;
  font-weight: normal;
}

.submit {
	padding-left: 82px;
}


/************* TYPOGRAPHY ******************/

h1 {
	font:28pt Georgia, "Times New Roman", Times, serif;
	line-height: 34px;
	color: #D06E00;
	font-weight: normal;
	margin: 0px;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
	padding: 60px 0px .5em 0px;
	border-bottom: 2px solid #000000;
}

h2 {
	font: 20pt Georgia, "Times New Roman", Times, serif;
	line-height: 22px;
	color: #000000;
	font-weight: normal;
	margin-top: 1.5em;
}

h3 {
	font: 14pt Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	color: #000000;
	font-weight: normal;
}

h4 {
	font: 12pt Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	color: #000000;
	font-weight: normal;
	padding-top: 1.5em;
	border-top: 1px dotted #999999;
}

form h3 {
	font: 14pt Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-bottom: 0.5em;
	text-align:center;
}

#programmeHeader p {
	font: 20pt Georgia, "Times New Roman", Times, serif;
	line-height: 28px;
	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding-top: 0.6em;
}

p.fallacies span {
	font: 12pt Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-right: 6px;
}

p.fallacies {
	padding-top: 0em;
	font-weight: bold;
	color: #000000;
	padding-left: 75px;
	text-indent: -75px;
	border-top: 1px dotted #999999;
	padding-top: 1em;
}


p.facts span {
	font: 12pt Georgia, "Times New Roman", Times, serif;
	color: #D06E00;
	font-weight: normal;
	margin: 0px 0 0 0;
	padding: 0px;
	padding-right: 26px;
}

p.facts {
	padding-left: 75px;
	text-indent: -75px;
}

p.copyright {
	margin: 54px 0px 12px;
	color: #838383;
	text-align: center;
	font-size: 10px;
	padding-top: 1.5em;
	border-top: 1px dotted #999999;
	line-height: 1.5em;
}

p.faq {
	margin: 0px;
	line-height: 2em;
	font-size: 12px;
}

.answer {
	font-weight: bold;
	color: #D06E00;
}

p.dottedline {
	border-bottom: 1px dotted #999999;
	clear:both;
}

p.dottedline-uuu {
	border-bottom: 1px dotted #999999;
	margin-bottom: 3em;
}

strong {color:#000;}