@import url(reset.css);
@import url(basics.css);
@import url(nav.css);

body {
	background: #c0dffc url("../images/bgBody.gif") top center;
	padding-top: 191px;
	}

#bgHeaderShadow {
	position: absolute; /* for ie */
/*	position: fixed;  /*  */
	top:0;	left:0;
	height: 219px;
	min-width: 954px;
	width: 100%;
	background: url("../images/bgHeaderShadow.png") repeat-x bottom center;
	}

	#bgHeaderRepeat {
		position: relative;
		background: url("../images/bgHeader.gif") repeat-x top center;
		width: 100%;
		height: 219px;
		}	
	#bgHeader {
		position: relative;
		background: transparent url("../images/bgTitle.jpg") no-repeat top center;
		width: 100%;
		height: 162px;
		}	
	
		#header {
			position: relative;
			width: 954px;
			padding: 0;
			margin: 0 auto;
			}

						
			#title {
				position: absolute;
				top: 15px;
				left: 188px;
				z-index: 4;
				}

			#title a {
				display: block;
				width: 533px;
				height: 103px;
				}
							
			#title a:hover {
			background-image: url("../images/bgTitle_hover.jpg");
			background-repeat: no-repeat;
			background-position: right 20px;
			}
	
			#logo{
				position: absolute;
				top: 20px;
				left: 764px;
				width: 124px;
				height: 200px;
				}
						

#container {
/*	background-image: url("../images/bgRhythm.gif");/* rhythm guide */
	background: #c0dffc url("../images/bgBody.gif") top center;
	width: 954px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	}

	#introSection, .section {
		position: relative;
		background: url("../images/bgSection.gif") repeat-y;
		padding: 0px 137px;
		margin: 80px 0 0 0;
		}
	
	#introSection {
		padding-top: 44px;
		padding-bottom: -20px;
		margin-top: 0;
		}
	
		.section span.head {
			position: relative;
			display: block;
			top: -36px;
			left: -137px;
			width: 954px;
			height: 36px;
			background: url("../images/bgSectionCaps.gif") no-repeat;
			}

		#introSection span.foot ,
		#introSection span.footFlat,
		.section span.foot ,
		.section span.footFlat {
			position: relative;
			display: block;
			bottom: -36px;
			left: -137px;
			width: 954px;
			height: 36px;
			background: url("../images/bgSectionCaps.gif") no-repeat 0 -36px;
			}

		#introSection span.footFlat,
		.section span.footFlat {
			background-position: 0 -72px;
			}
	
	#footer {
		background: url("../images/bgFooter.gif") no-repeat;
		padding: 0 35px;
		margin-top: 35px;
		margin-bottom: 2em;
		}
		
		#footer .bottomNav {
			font-size: 1.1em;
			text-align: justify
		}
	

.pushRight {
	margin-right: -133px;
	margin-left: 1em;
	}

.pushLeft {
	margin-left: -133px;
	margin-right: 1em;
	}
div.splitColL  {
	width: 49%;
	float: left }

div.splitColR {
	width: 49%;
	float: right }

div.splitColL2  {
	width: 25%;
	float: left }

div.splitColR2 {
	width: 75%;
	float: right }

div.splitColThirds {
	width: 210px;
	float: left;
	margin-right: 18px;
	}

div.splitColThirdsLast {
	width: 210px;
	float: left;
	margin-right: -8px;
	}

div.splitColNinths {
	width: 85px;
	float: left;
	}

div.splitColNinthsLast {
	width: 75px;
	float: left;
	margin-right: -8px;
	}

div.splitColNinthsHome {
	width: 75px;
	float: left;
	}


		.storeImages {
			text-align: center;
		}
		.orderColor {
			text-align: center;
			margin-bottom: 2.2em;
			padding: 15px 5px;
		}	

		.orderColor a:link,
		.orderColor a:hover, 
		.orderColor a:active,
		.orderColor a:visited {
			color: white;
		}

/*=====  TYPOGRAPHY  =====*/

#footer p   {
	color: #6c6f7e;
	font-size: 1.2em;
	line-height: 1.58333333em;
	margin: 0;
	padding: 0;
	text-indent: 0;
	}

#footer a, #footer a:hover, #footer a:active, #footer a:visited { color: #6c6f7e }

p.swatch {
	font-style: italic;
	font-size: 12px;

}
p.note {
	text-indent: 0;
	font-style: italic;
	color: #;
	}

p.noIndent {
	text-indent: 0;
	}

/*=====  FORMS  =====*/

form  {
	}

fieldset {
	}

label   {
	}

form input, form select, form textarea  {
	}

input#city {
	width: 10em;
	float: left }

select#state {
	width: 10em;
	margin-right: 1em;
	float: left }

input#zip {
	width: 30em;
	float: left }

form input.error   {
	}



form label.error   {
	color: red;
	background-color: #fff4f4;
	text-align: center;
	display: block;
	margin-top: 0;
	margin-right: 8px;
	margin-left: 110px;
	width: auto;
	float: none;
	clear: left }


/*=====  OVERRIDES  =====*/

div.hr {
	height: 2px;
	background-color: #C7E2FD;
	}
	div.hr hr {display: none;}

.dropCap {
	}

img.floatRight {
	margin-left: 20px;
	}

img.floatLeft {
	margin-right: 20px;
	}

ol.upperRoman {
	list-style-type: upper-roman }

ol.lowerRoman  {
	list-style-type: lower-roman;
	padding-left: 2em }

ol.decimal   {
	list-style-type: decimal;
	padding-left: 1.5em }

ul.indent  {
	margin-left: 2em !important }

ul.bullets, dl.bullets dt   {
	list-style: disc }


ul.checks li, ul.bust li, ul.bustEm li, ul.subtle li   {
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: -20px;
	padding-left: 20px }

ul.subtle li   {
/*	background-image: url("../images/iconSubtleBullet.gif");
	background-position: 0 6px;
	margin-left: -14px;
	padding-left: 14px; */
	}

.expandomatic {
	cursor: pointer;
	}
	
.videoClip {
	width: 100%;
	font-size: .85em;
	text-align: left;
	}

.videoClip p  {
	width: 49%;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	}

.videoClip img  {
	padding-bottom: 6px;
	}

.videoClip .floatRight {
	padding-right: .5em;
	}