/* Keith Donegan, http://www.code-sucks.com */
* {
	padding: 0;
	margin: 0;
}

body {
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	background-color: #CCCC9A;
}

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 800px;
	background-color: #D7D3C7;
	background-image: url(grfx/bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#head {
	width: 800px;
	float: left;
}

#nav {
	float: left;
	width: 800px;
	margin: 5px 0 18px 0;
}

#nav div {
	width: 118px;
	float: left;
	margin-left: 14px;
}

.content {
	float: left;
	width: 800px;
	margin: 8px 0 0 0;
}

.innercontent {
	clear: both;
	margin: 0 30px;
}

.innercontent p { color: #343434; font-size: 0.90em; margin: 15px 20px; }

#lcol {
	margin: 0 5px 5px 0;
	width: 387px;
	float: left;
}

#testimonialpage #lcol { width: 800px; }
#fitnesspage #lcol {width: 327px;}
#speakerpage #lcol {width: 350px;}
#calendarpage #lcol {width: 380px; padding-top: 20px;}
#signuppage #lcol {width: 424px}

#rcol {
	float: left;
	margin: 0 0 5px 0;
	width: 408px;
	display: inline;
}

#fitnesspage #rcol {width: 433px;}
#speakerpage #rcol {width: 425px;}
#calendarpage #rcol {width: 415px; padding-top: 75px;}
#signuppage #rcol {width: 371px;}

#bootcamp {
	background-image: url(grfx/bootcamp.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 410px;
	padding-top: 90px;
	color: #442E18;
	font-weight: bold;
}

#bootcamp p {
	padding: 10px 30px 0 85px;
	font-size: 0.80em;
}

#bootcamp ul {
	list-style-type: none;
	margin: 5px 0 0 95px;
}

#bootcamp li {
	font-size: 0.80em;
	background-image: url(grfx/dogtag.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0 5px 18px;
	margin-bottom: 3px;
}

#foot {
	width: 800px;
	clear: both;
	margin: 0;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 15px;
}

#foot p { font-size: 0.7em; }
div#joyful, p#me { display: none; }
#homepage div#joyful, #homepage p#me { display: block; }

p {
	font-size: 0.85em;
	line-height: 1.7em;
	margin: 10px 20px;
}

ul { list-style-type: none; }

ol, ol li {
	list-style-type: decimal;
	list-style-position: default;
}

dl { font-size: 0.75em; }
dt { margin-bottom: 10px; }
dd { margin-bottom: 20px; }

td {
	padding: 0;
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; margin: 12px 0; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }

a {
	color: #644422;
	background-color: inherit;
	font-weight: bold;
}

a:hover, a:focus { color: #000; }
img { border: 0; }
.mid, .midway, .midshort { text-align: center; }
.midway { margin: 65px 0; }
.midshort { margin: 35px 0; }

.lefty {
	float: left;
	margin: 8px;
}

.flushlefty {float: left; margin: 0 8px 0 10px;}

.righty {
	float: right;
	margin: 8px;
}

.rightyless {float: right; margin: 3px;}

.picadjust {
	margin-top: 13px;
	margin-left: 20px;
}

.picadjust2 { margin: 20px 0 40px 25px; }

.note {
	margin: 65px 40px 0 40px;
	border: 2px #644422 solid;
}

.note p { font-size: 0.8em; }

.sidenote {
	margin-left: 490px;
	height: 407px;
	background-image: url(grfx/blankparchment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
}

.sidenote p, .sidenote2 p {font-size: 0.8em; line-height: 1.4em; margin: 0 30px 5px 30px;}
.sidenote2 p {margin-right: 70px;}

.sidenote2 {
	margin-left: 20px;
	height: 407px;
	background-image: url(grfx/blankparchment-b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
}

#bootinfo {
	width: 377px;
	margin-left: 29px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #7F7F7F;
	background-image: url(grfx/note-bg.jpg);
	background-repeat: no-repeat;
}

#bootinfo img {
	display: block;
	margin: 10px 0 0 30px;
}

#bootinfo p, #bootinfo li {
	font-size: 0.80em;
	line-height: 1.6em;
	font-weight: bold;
	color: #741616;
}

#bootinfo p { margin-top: 4px; }
#bootinfo p.main { margin-left: 25px; }
#bootinfo ul { margin-left: 55px; }

#bootinfo li {
	background-image: url(grfx/tick.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 23px;
	margin-bottom: 4px;
}


#bootinfo2 {
	width: 468px;
	height: 610px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(grfx/note-bg2.jpg);
	background-repeat: no-repeat;
}

#bootinfo2 img {
	display: block;
	margin: 30px 0 10px 30px;
}

#bootinfo2 p, #bootinfo2 li {
	font-size: 0.80em;
	line-height: 1.6em;
	font-weight: bold;
	color: #741616;
}

#bootinfo2 p { margin-top: 4px; }
#bootinfo2 p.main { margin-left: 30px; }
#bootinfo2 ul { margin-left: 55px; }

#bootinfo2 li {
	background-image: url(grfx/tick.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 23px;
	margin-bottom: 1px;
	line-height: 1.4em;
}

img#notebottom { margin-left: 29px; }

.testimony {
	margin: 5px 0 5px 20px;
	height: 73px;
	clear: left;
}

#bootinfo .testimony img, .fan img {
	float: left;
	margin-right: 15px;
}

.fan img { margin-left: 25px; }

#bootinfo div.testimony p {
	font-size: 0.70em;
	/*font-weight: normal;*/
	padding-top: 18px;
	padding-right: 20px;
}

#bootinfo  p#restore {
	margin: 15px 10px 0 25px;
	clear: left;
}

.fan { margin: 20px 60px; }

.fan p, .fan1 p, .fan2 p, .fan3 p {
	font-size: 0.80em;
	padding-right: 20px;
}

.fan3 p {padding-top: 25px;}
.fan1 p {padding-top: 10px;}

.fan1, .fan2, .fan3 {
	width: 590px;
	height: 240px;
	background-image: url(grfx/testibox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 20px 0 20px 100px;
	padding: 20px 0 0 20px;
}

.fan1 { background-image: url(grfx/testibox-a.jpg); }
.fan3 { background-image: url(grfx/testibox-b.jpg); }

.about {margin: 0 60px; }
.about p {font-size: 0.85em;}

#aboutwellness {
	width: 630px;
	height: 677px;
	margin-top: 30px;
	margin-left: 85px;
	padding-top: 25px;
	background-image: url(grfx/aboutwellness.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#aboutwellness p, #aboutwellness ul {margin: 10px 50px;}

#aboutwellness ul, #speakerpage #rcol ul { list-style-type: disc; padding-left: 30px;}
#speakerpage #rcol ul {padding-left: 60px;}

#aboutwellness li, #speakerpage #rcol li {font-size: 90%;}

.quote {margin: 0;}
.quote p {
	font-style: italic;
	text-align: center;
	line-height: 1.7em;
	margin: 10px 30px;
	color: #353535;
}
.quote p.cite {font-style: normal; text-align: right;}

#speakingbox {
	width: 347px;
	height: 435px;
	padding-top: 15px;
	margin-top: 30px;
	background-image: url(grfx/speakerbox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#speakingbox p {font-size: 0.8em; line-height: 1.5em; padding-right: 10px; padding-left: 10px;}

#speakerpage .content p {margin-right: 70px; margin-left: 70px;}

#calendarnote {
	width: 378px;
	height: 593px;
	background-image: url(grfx/calendarbox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
	margin-top: 25px;
}

#calendarnote p {margin: 8px 35px 8px 20px; font-size: 0.8em; line-height: 1.6em;}

.calendaritem, .calendaritem2 {text-align: center; margin: 50px 0;}
.calendaritem p, .calendaritem2 p {font-size: 1.0em;}

.calendaritem2 {
	border: 2px #696969 solid;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.calendaritem2 img {margin: 15px 0;}

.calendaritem2 p {text-align: left;}

#signupblock {
	background-image: url(grfx/bootcampsignup.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
	width: 461px;
	padding-top: 120px;
}

#signupblock p {
	font-size: 0.9em;
	margin: 40px 0 0 80px;
	width: 220px;
	padding-left: 35px;
	background-image: url(grfx/tag.jpg);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

img.signgroup {float: right; margin-top: 175px; margin-right: 20px;}

div.signgroup {
	float: right;
	margin-top: 50px;
	margin-right: 20px;
	margin-bottom: 25px;
	width: 277px;
	border: 2px #891F00 dotted;
	text-align: center;
	padding: 6px;
}

div.signgroup p {font-size: 0.75em; line-height: 1.3em; text-align: left; margin: 8px 4px;}

form.pay {margin: 20px 0;}

p.signhow {margin: 30px 10px;}

h4.paynow {padding-top: 5px; border-top: 2px solid #000; margin-top: 30px;}

#signupnote {
	width: 371px;
	height: 586px;
	background-image: url(grfx/signupnote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
}
#signupnote p {padding-left: 10px;}
#signupnote h3 {margin-bottom: 15px;}

img.signuprunners {margin: 30px 0 0 30px;}

.pressbox {
	margin: 45px 30px 30px 30px;
	padding: 15px 5px 5px 5px;
	border: 3px #5F4020 dashed;
	text-align: center;
}

#juicy {
	margin: 3px 12px 3px 3px;
	padding: 2px;
	border: 2px #F93 solid;
	background: #fff;
}

#juicy p {margin: 3px; font-size: 0.8em; height: 70px;}

select.optionpicker {display: block; margin: 0 auto 15px auto;}
