/*Quantum Energy Experience*/

/*---------------------------- common colors
blue = #0150c1
sky blue = #b8d6fa
green = #45933d
--------------*/

* {
	margin: 0;
	padding: 0;	
}

html {
	height: 100%;
}

body {
	font-size: medium;
	font-family: verdana, helvetica, arial, serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

a, :focus {
	outline:none;
}

hr, .hidden {
	display:none;
}

img {
	border:none;
}

/*---------------------------- layout ---------------------*/

#main {
	margin:0 auto;
	width: 747px;
	border-right: 5px solid #000;
	background: #fff url(http://quantumenergyexperience.com/images/side_tile.gif) repeat-y bottom left;
}

.container {
	padding-bottom: 1em;
	overflow: hidden;
}
	
	
/*---------------------------- header ---------------------*/
#header {
	text-align: center;
	height: 246px;
	margin: .75em auto 0 auto;
	width: 752px;
	background: #fff url(http://quantumenergyexperience.com/images/header.jpg) no-repeat top left;
}


/*---------------------------- navigation -------------*/
#nav {
	float: left;
	width: 203px;
}

#nav li {
	list-style: none;
	border-bottom: 1px solid #000;
}
	
#nav li.home {
	background: #b8d6fa url(http://quantumenergyexperience.com/images/home_btn.gif) top left no-repeat;
}

#nav li.about {
	background: #b8d6fa url(http://quantumenergyexperience.com/images/about_btn.gif) top left no-repeat;
}

#nav li.services {
	
	background: #b8d6fa url(http://quantumenergyexperience.com/images/services_btn.gif) top left no-repeat;
}

#nav li.appointments {
	background: #b8d6fa url(http://quantumenergyexperience.com/images/appointments_btn.gif) top left no-repeat;
}

#nav li.events {
	background: #b8d6fa url(http://quantumenergyexperience.com/images/events_btn.gif) top left no-repeat;
}

#nav li.testimonials {
	background: #b8d6fa url(http://quantumenergyexperience.com/images/testimonials_btn.gif) top left no-repeat;
}

#nav li.links {
	
	background: #b8d6fa url(http://quantumenergyexperience.com/images/links_btn.gif) top left no-repeat;
}

#nav li.contact {
	background: #b8d6fa url(http://quantumenergyexperience.com/images/contact_btn.gif) top left no-repeat;
}

#nav a {
	font-size: 21px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 1em 0 1em .75em;
}

#nav a:hover {
	color: #0150c1;
}

#nav a.active {
	color: #0150c1;
	text-decoration: underline;
}
	
	
/*---------------------------- content --------------------*/
.content {
	width: 544px;
	float: right;
}

.section {
	clear: both;
	padding: 1em 1em 0 1em;	
}

.section p {
	padding-bottom: .7em;	
}

.section p.last {
	padding-bottom: 1.5em;	
	border-bottom: 1px solid #000;
}

.section h3 {
	font-size: 115%;
	padding-bottom: .7em;	
}

.section h4 {
	font-size: 105%;
	border-bottom: 1px solid #000;
	margin-bottom: .7em;	
}

.comment {
	color: #0150c1;
	font-size: 80%;
}

.standout {
		list-style: none;
		color: #0150c1;
		font-size: 115%;
		}
		
.alt1 {
	text-indent: 1.5em;
	color: #45933d;
	}
	
.alt2 {
	text-indent: 2.5em;
	color: #0150c1;
	}
		
.alt3 {
	text-indent: 4em;
	color: #45933d;
	}
		
.alt4 {
	text-indent: 5.5em;
	color: #0150c1;
	}
		
.alt5 {
	text-indent: 7em;
	color: #45933d;
	}

	/*------------------------ home -----------------------*/
	.home_hdr {
		height: 36px;
		width: 372px;
		margin: 0 auto;
		padding-bottom: .5em;
		background: #fff url(http://quantumenergyexperience.com/images/home_hdr.jpg) top left no-repeat;	
		}
	
	/*------------------------ events --------------*/
	.events_hdr {
		height: 36px;
		width: 342px;
		margin: 0 auto;
		padding-bottom: .5em;
		background: #fff url(http://quantumenergyexperience.com/images/events_hdr.jpg) top left no-repeat;	
		}
		
	.events_image {
		height: 261px;
		width: 375px;
		margin: 0 auto;
		/*padding-bottom: .5em;*/
		background: #fff url(http://quantumenergyexperience.com/images/events_img.jpg) top left no-repeat;	
		}
		
	.events ul {
		list-style: none;
		float: left;
		padding: .75em 1.5em 0 0;
		}
		
	.events  p {
		clear: both;
		padding: 1em 0 1em 0;
		border-bottom: 1px solid #b8d6fa;
		}
		
	/*------------------------ about us -------------------*/
	.about_hdr {
		height: 36px;
		width: 374px;
		margin: 0 auto;
		padding-bottom: .5em;
		background: #fff url(http://quantumenergyexperience.com/images/about_hdr.jpg) top left no-repeat;	
		}
		
	.float_left {
		float: left;
		border: 1px solid #0150c1;
		padding: 3px 3px 0 3px;
		margin: 0 .5em .4em 0;
		}

	/*------------------------ services -------------------*/
	.services_hdr {
		height: 36px;
		width: 359px;
		margin: 0 auto;
		padding-bottom: .5em;
		background: #fff url(http://quantumenergyexperience.com/images/services_hdr.jpg) top left no-repeat;	
		}
		
	#services_page ul {
		list-style: square;
		padding: 0 0 0 2em;
		}
		
	#services_page li {
		padding: 0 0 .5em 0;
		font-size: 90%;
		}
	
	/*------------------------ appointments ---------------*/
	.appt_hdr {
		height: 36px;
		width: 425px;
		margin: 0 auto;
		padding-bottom: .5em;
		background: #fff url(http://quantumenergyexperience.com/images/appt_hdr.jpg) top left no-repeat;	
		}
		
	/*------------------------ testimonials -------------------*/
	.test_hdr {
		height: 36px;
		width: 408px;
		margin: 0 auto;
		padding-bottom: .5em;
		background: #fff url(http://quantumenergyexperience.com/images/test_hdr.jpg) top left no-repeat;	
		}		
		
	/*------------------------ Related Links --------------*/
	.links_hdr {
		height: 36px;
		width: 420px;
		margin: 0 auto;
		padding-bottom: .5em;
		background: #fff url(http://quantumenergyexperience.com/images/links_hdr.jpg) top left no-repeat;	
		}
		
	#links_page {
		text-align: center;
		font-size: 125%;
		font-weight: bold;
		}
		
	/*------------------------ contact us  ----------------*/
	.contact_hdr {
		height: 36px;
		width: 393px;
		margin: 0 auto;
		padding-bottom: .5em;
		background: #fff url(http://quantumenergyexperience.com/images/contact_hdr.jpg) top left no-repeat;	
		}
		
	#contact_page {
		list-style: none;
		}
		
	#contact_page li {
		display: inline;
		padding-right: 1em;
		}
				
	/*------------------------ form ----------------*/
	#contact_form {
		padding: 1em 0;
		}
			
	#contact_form fieldset {
		border: 1px dotted #0150c1;
		padding: 10px;
		margin-bottom: 1em;
		background-color: #b8d6fa;
		}
	#contact_form legend{
		font-size:115%;
		font-weight:bold;
		}
	
	#contact_form p {
		padding: .5em 0;
		}
	
	#contact_form label {
		display:block;
		padding:0 0 .5em 0;
		}
		
	#contact_form .instructions {
		font-size: 90%;
		}
	
	#contact_form input, #contact_form select  {
		font-size: 105%;
		width: 250px;
		padding: 3px;
		background-color: #fff;
		color: #000;
		}
		
	#contact_form select  {
		font-size: 105%;
		width: 100px;
		padding: 3px;
		background-color: #fff;
		color: #000;
		}
		
	#contact_form input:focus, #contact_form select:focus, #contact_form textarea:focus {
		font-weight:bold;
		}
		
	#contact_form textarea {
		font-size:105%;
		padding: 3px;
		width: 480px;
		background-color: #fff;
		color: #000;
		}
		
	#contact_form #send_btn {
		width: 8em;
		background-color: #0150c1;
		color: #fff;
		padding: 4px;
		font-size: 110%;
		cursor: pointer;
		}
		
/*---------------------------- footer ---------------------*/
#footer {
	background: #45933d url(http://quantumenergyexperience.com/images/footer_tile.gif) top right repeat-x;
	}

#footer p {
	text-align: center;
	font-size: 70%;
	color: #fff;
	padding: 2.2em;
	min-width: 750px;
	}