/*
 * #01 - Columns
 * #02 - Sections
 * #03 - Lists
 * #04 - Forms
 * #05 - Tables
 * #06 - Other
 */

/* #01 - COLUMNS **************************************************************/

.clearcol
{
	/* A right-floated div placed next to (and, in the markup, after) a
	left-floated div will always appear at the top of the containing element.
	If that left-floated div is preceded by another left-floated div, this 
	makes it impossible to horizontally align a right-floated div with the 2nd
	left-floated div.  Intead, the right-floated div will be horizontally
	aligned with the first left-floated div since it is at the top. By wrapping
	the 2nd left-floated div and the right-floated div in a cleared div (using
	this class), those two divs can be horizontally aligned */
	clear: both;
	/* overflow: hidden; /* to contain the floated divs */
	/* causes problems in FF2: any .clearcol div will show through popup with this set */
}

.leftcol
{
	float: left;
	width: 420px;
	clear: both;
}

.rightcol
{
	float: right;
	width: 405px;
	margin-right: 15px;
	display: inline; /* IE6 doubled float-margin bug */
}

.leftcol .sub-leftcol,
.rightcol .sub-leftcol
{
	float: left;
	width: 195px;
}

.leftcol .sub-rightcol,
.rightcol .sub-rightcol
{
	float: right;
	width: 195px;
}

#inner-footer .leftcol
{
	float: left;
	width: 130px;
	margin: 86px 0 0 17px;
	display: inline; /* IE6 doubled float-margin bug */
}

#inner-footer .middlecol
{
	float: left;
	width: 185px;
	margin: 40px 0 0 120px;
	display: inline; /* IE6 doubled float-margin bug */
}

#inner-footer .rightcol
{
	float: right;
	width: 425px; 
	margin: 30px 15px 0 0;
	display: inline; /* IE6 doubled float-margin bug */
}

/* #02 - SECTIONS *************************************************************/

.outer-pull-quote
{
	background: transparent url('../images/pull_quote_line.gif') 50% 0 no-repeat;
	margin-bottom: 20px;
}
.outer-pull-quote.first
{
	margin-top: 23px;
}
.inner-pull-quote
{
	background: transparent url('../images/pull_quote_line.gif') 50% 100% no-repeat;
	padding: 20px 30px;
}

#popup, #popup2
{
	display:none;
	position:fixed;
	position:absolute; /* required for ie6 */
	z-index:999;
	width: 450px;
	margin-top: 150px; /* doesn't appear above top of screen in 1024x768 */
	
	border: 10px solid #99cc00;
	background: #363636;
}
#popup2 { margin-top: 50px; }
#popup.wide, #popup2.wide { width: 600px; }

#popup-close, #popup2-close
{
	background: #99cc00 url('../images/popup_close.gif') 0 0 no-repeat;
	height: 45px;
	width: 45px;
	float: right;
	cursor: pointer;
}

#popup-content, #popup2-content
{
	color: #fff;
	padding: 30px;
}

.popup-footer { text-align: right; }

#lunchcrunch, #crushhour { width: 420px; } /* required to avoid jump in jquery slide */

#footer-contact
{
	margin-top: 18px;
	padding: 13px 0 0 50px;
	height: 45px;
	background: transparent url('../images/footer_bullet.jpg') 0 0 no-repeat;
	display: block;
}

/* Individual Images */

body#home-gym-planning .rightcol img,
body#athlete .rightcol img { margin-bottom: 30px; } 

/* #03 - LISTS ****************************************************************/

#inner-wrapper ul { list-style: none; margin-bottom: 30px; margin-left: 15px; }

#inner-wrapper ul li
{
	padding-left: 20px;
	margin-bottom: 10px;
}
body#me-and-you #inner-wrapper ul li { text-align: justify; }

#inner-wrapper ul ul,
#inner-wrapper ol ul { margin-top: 10px;  margin-bottom: 15px; }

#inner-wrapper ol { margin-left: 35px;  margin-bottom: 30px; }
#inner-wrapper ol li { margin-bottom: 10px;  text-align: justify; }
#run-4-your-life #inner-wrapper ol li { margin-bottom: 15px; }

/* #04 - FORMS ****************************************************************/

fieldset
{
	border: 2px solid #464646;
	padding: 15px;
	margin-bottom: 15px;
}
form p { margin-bottom: 15px; }

label { display: block; }
#services-list label
{
	display: inline;
	float: none;
}

input { width: 210px; }
#services-list input { width: auto; }
#submit { width: 109px;  height: 30px;  margin-left: 17px; }

textarea { width: 380px;  height: 105px; }
#services-list div { width: 360px;  float: left; } 

.errorbox
{
    border: 2px solid red;
    background: #732626;
    color: #fff;
    font-weight: bold;
	width: 385px;
    padding: 15px;
    margin-bottom: 15px;
}


/* #05 - TABLES ***************************************************************/

#popup table, #popup2 table
{
	border-collapse: collapse;
	margin: 0 auto 15px;
	padding: 0 15px;
	border: 1px solid #fff;
}

th, td { padding: 5px 30px 5px 5px;  border-right: 1px solid #fff; }
th.last, td.last { border-right: none; }

thead { border-bottom: 1px solid #fff; }
tr.even { background: #464646; }

/* #06 - OTHER ****************************************************************/

.indent
{
	margin-left: 35px;
}

.centered
{
	text-align: center;
}