body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #2f2f31;
}

#wrapper  {
	padding: 0;	
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: visible;
	visibility: visible;
	display: block;
	background-color:  #110f0f;
}

body#home #contentWrapper {
	background-color:  #110f0f;
	margin-left: -397px;
	margin-top: -250px;
	position: absolute;
	top: 10px;
	left: 50%;
	width: 794px;
	height: 614px;
	visibility: visible;
}




body#about #contentWrapper, body#options #contentWrapper,  body#contactPage #contentWrapper {
	background-color:  #ffffff;
	margin-left: -397px;
	margin-top: -250px;
	height: 615px;
	
	position: absolute;
	width: 794px;

	visibility: visible;
	
}






/*
body#about #contentWrapper, body#options #contentWrapper,  body#contactPage #contentWrapper {
	background-color:  #ffffff;
	margin-left: -397px;
	margin-top: -307px;
	position: absolute;
	width: 794px;
	height: 614px;
	left: 50%;
	top: 50%;
	visibility: visible;
	
}

*/
#swish {
	background-image:url(../images/swish_grey.gif);

	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 323px 495px;	
}


body#options .noTopMarg  {
	margin: 3px 0 14px 0;
	
}



h1 {
	font-size: 12px;
	margin: 30px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: .10em;
}


#header  {
	position: relative;
	background-color: #000000;
	margin: 0;
	padding: 0;
	height: 75px;
	width: 794px;
	visibility: visible;
	
}


body#about #leftPhoto {
	background-image:url(../images/scott_elliott_trainer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 360px;
	height: 540px;
}

body#options #leftPhoto {
	background-image:url(../images/scott_elliott_fitness.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 360px;
	height: 540px;
}

.homeImage {
	position: relative;
	top: 80px;
}


body#home p {
	position: relative;
	top: 250px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:500;
} 

.emp {
	font-weight:100;
	color: #9a9ca0;
} 

a:link a:active, a:visited {
	color: #0156b3;
	text-decoration: none;
} 
a:hover {
	color: #017D55;
} 

/* below is for header */

#contactInfo { 
	position: absolute;
	margin-left: 490px;
	top: 39px;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size: 11px;
	text-align: center;
	color: white;
	
} 

#content { 
	position: absolute;
	margin-left: 383px;
	top: 128px;
	width: 380px;
	text-align: left;
	color: #333;
	line-height: 1.5em;
	
} 

#contentContactForm { 
	position: relative;
	margin-left: 35px;
	top: 50px;
	width: 700px;
	text-align: left;
	font-size: 16px;
	color: #0070ad;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 4px 0 4px 0;
	line-height: 1.4em;
	
	
} 
#contentContactForm p { 
	
	color: #000;
	
} 
#contentContactForm h1 { 
	
	color: #0070ad;
	font-size: 16px;
} 


body#options #content {
	position: absolute;
	margin-left: 405px;
	line-height: 1.12em;
	
}


body#options #content li {
	
	margin-left: -24px;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;

}

body#contactPage #content  {
	position: absolute;
	margin: 45px 0 0 85px;
	width: 175px;
	text-align: left;
	color: #333;
	line-height: 1.5em;
}

body#contactPage form {
	position: absolute;
	margin: -80px 0 0 375px;
	width: 450px;
	height: 250px;
	text-align: left;
	color: #333;
	line-height: 1.5em;
}

#logoInterior { 
	position: absolute;
	margin-left: 10px;
	top: 3px;
	width: 328px;
	height: 96px;
	z-index: 2000;

} 
#logoInterior2 { 
	position: absolute;
	margin-left: 10px;
	top: 10px;
	width: 328px;
	height: 96px;
	z-index: 2000;
} 

#logoInteriorOptions { 
	position: absolute;
	margin-left: 10px;
	top: 10px;
	width: 328px;
	height: 96px;
	z-index: 2000;
} 

#nav { 
	position: absolute;
	width: 305px;
	top: 75px;
	margin-left: 490px;
	float: left;
	display: block;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

#nav .home {
	background-color: #e7dea3;
	width: 81px;
	float: left;
	display: block;
	margin-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	
} 
#nav .options {
	background-color: #aebfb5;
	width: 81px;
	float: left;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;

	
}

#nav .contact {
	background-color: #3c99d8;
	width: 81px;
	float: left;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}  


a.home:llnk, a.home:active, a.home:visited {
	color: #999;
	text-decoration: none;
	
}
a.options:llnk, a.options:active, a.options:visited {
	color: #dbf0e3;
	text-decoration: none;
	
}
a.contact:llnk, a.contact:active, a.contact:visited {
	color: #fff;
	text-decoration: none;
}

#nav a:hover {
	color: #017D55;
} 

.tagline {
	position: relative;	
	margin-left: -183px;
	margin-right: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	
} 


.tagline2 {
	position: relative;	
	margin-left: -30px;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	
} 
.certifications {
	position: absolute;
	margin-top: 0;
	color: #333;
} 


.url {
	position: absolute;
	top: 450px;
	margin-left: 200px;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	
} 

body#contactPage .url  {
	position: absolute;
	top: 550px;
	margin-left: 600px;
	color: #ccc;
	width: 100%;
} 

.col1 {
	text-align: right;
	width: 135px;
	height: 29px;
	margin: 0;
	float: left;
	margin-right: 2px;
}

.col2 {
	width: 185px;
	height: 29px;
	display: block;
	float: left;
	margin: 0;
	
}
.col2b {
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	
}
.col2comment {
	width: 185px;
	margin: 0;
	display: block;
	float: left;

}

.col1comment {
	text-align: right;
	width: 135px;
	height: 48px;
	float: left;
	display: block;
	margin-right: 2px;
}

div.row {
	clear: both;
	width: 335px;
}

#titleContactForm {

	
}

rule {
	border-top: 3px solid #e7dea3;
}

input, textarea {border: 1px solid  #aebfb5;}

.btns  {	
	margin: 0 0 0 170px;
	
}

input.button {
	background-color: #0082c8;
	color: white;
}

.thanks {	
	margin: 120px auto;
	text-align: center;
	
}

/*
	 Accordions
*/

.accordion_toggle {
	position: relative;
	display: block;
	height: 25px;
	width: 325px;
	background: url(../images/accordion_toggle.gif) no-repeat top right #006bbb;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	border-bottom: 1px solid #aebfb5;
	cursor: pointer;
	margin: 0 0 0 0;

}

.accordion_toggle_active {
	background: url(../images/accordion_toggle_active.gif) no-repeat top right #006bbb;
	color: #ffffff;
	border-bottom: 1px solid #aebfb5;
}

.accordion_content {
	width:  342px;
	background-color: #ffffff;
	
	overflow: hidden;
	: 1px solid #aebfb5;
	z-index: 3000;
	

}
	
	.accordion_content h2 {
		width: 300px;
		line-height: 100%;
		margin: 15px 0 5px 10px;
	
	}
	
	.accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	

	
	.accordion_content ul {
		margin: 10px 0 50px 10px;
	}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 325px;
	background: url(../images/accordion_toggle.gif) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	border-bottom: 1px solid #aebfb5;
	cursor: pointer;
	margin: 0 0 0 0;
		
}

.vertical_accordion_toggle_active {
	background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #aebfb5;
}

.vertical_accordion_content {
	background-color: #ffffff;
	overflow: hidden;
	
}

	.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}

	.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	
/*
	Horizontal Accordion
*/

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 100px;
	width: 30px;
	background: url(../images/h_accordion_toggle.gif) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #aebfb5;
	cursor: pointer;
	padding: 0 10px 0 10px;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
	background: url(../images/h_accordion_toggle_active.gif) no-repeat top left #e0542f;
	border-right: 1px solid #aebfb5;
}

.horizontal_accordion_content {
	/* REQUIRED */
	height: 130px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;

}
	
	.horizontal_accordion_content p {
		width: 250px;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
		
	.accordion_content ul {
		margin: 0 0 10px 10px;
	}
		
	
					
    /* Container styling*/
    #horizontal_container {
      margin: 0 auto 20px auto;
      width: 325px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 0 auto 0 auto;
      width: 300px;
    }
	
	
		p.BelowAccordion {
		width: 320px;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	
	}

	</style>