/*-------------------------------------------------------
	Reset - Used because of multiple ul and p padding/margin issues between IE and Firefox
-------------------------------------------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, input, textarea, th, td   
{   
margin: 0; padding: 0; border: 0; outline: none;   
} 

/*-------------------------------------------------------
	Structural
-------------------------------------------------------*/

body {
	text-align: center;
	background: #ffffa7;
	font-family: Arial;
	font-size: 14px;
	color: #4F4F4F; }
	
#container {
	text-align: left;
	width: 734px;
	margin-right: auto;
	margin-left: auto; }
	
#header {
	width: 734px;
	float: left;
	clear: both; }
	
#wrapper {
	width: 734px; }
	
#intro-pics {
	height: 250px;
	width: 734px;
	margin: 10px 0 0 0;
	clear: both; }

#supp-wrap {
	width: 231px;
	display: inline;
	float: left; }

#main-nav {
	width: 231px;
	height: 117px;
	float: left;
	background: #cebcd8 url(../images/layout/main-nav-bg.jpg) no-repeat; }
	
#supp-intro {
	width: 482px;
	height: 117px;
	background: #cebcd8 url(../images/layout/supp-intro-bg.jpg) no-repeat;
	margin: 0px 0 20px 20px;
	float: left;
	display: inline; }
	
#supp-content {
	width: 231px;
	float: left;
	margin: 20px 0 20px 0;
	display: inline;
	text-align: center; }	
	
#main-content {
	width: 480px;
	margin: 0px 0 20px 20px;
	float: left;
	display: inline; }
	
#footer {
	width: 734px;
	float: left;
	clear: both; }
		
		
/*-------------------------------------------------------
	Standard Selectors
-------------------------------------------------------*/

	a:link, a:visited { 
		color: #be96d5;
		font-weight: bold;
	}
		 
	a:hover, a:active {
		text-decoration: none;
		color: #be96d5; }
		 
	h1 { 
		font-size: 22px;
		color: #34a47c;
		margin: 0 0 8px 0;
	}
		
	h2 { 
		font-size: 15px;
		color: #34a47c;
		margin: 0 0 6px 0;
	}
	
	h3 { 
		color: #ba8ad5;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		margin: 10px;
		clear: both; 
	}
	
	h4 {
		font-size: 14px;
		color: #34a47c;
		margin: 24px 0 0 0;
	}
	
	h5 {
		font-size: 14px;
		color: #34a47c;
		margin: 24px 0 0 0;
		text-align: center;
	}
		
	P {
		margin: 4px 0 12px 0;
	}

	
/*-------------------------------------------------------
	Specific Selectors
-------------------------------------------------------*/

/*----- footer -----*/

	#footer ul {
		width: 250px;
		margin: 0 auto 10px auto; }
	
	#footer li {
		display: inline;
		padding: 0 0 0 10px; }
		
	#footer hr {
		width: 100%;
		color: #34a47c;
		height: 1px; }
		
	#footer p {
		padding-bottom: 20px; }
	
/*----- header ------*/

	#header ul {
		color: #34a47c;
		display: inline;
		width: 231px;
		margin: 40px 0 0 20px;
		float: left;
		list-style: none;
		padding: 0px; }
		
	#header li {
		margin: 0px;
		padding: 0px; }
		
	#header img {
		float: left; }
	
/*----- main-nav -----*/

	#main-nav li {
		margin: 0;
		padding: 0; }
	
	#main-nav ul {
		list-style: none;
		margin: 10px 0 0 60px;}
	
	#main-nav a {
		font-size: 24px;
		font-weight: bold;
		line-height: 24px; }
	
	#main-nav a:link, #main-nav a:visited {
		color: #FFFFFF;
		text-decoration: none; }
		 
	#main-nav a:hover {
		color: #ffff90; }
		 
	#main-nav a:active {
		text-decoration: underline;
		color: #be96d5; }
		 
/*----- supp-intro -----*/
	
	#supp-intro {
		color: #ba8ad5;
		font-size: 24px;
		font-weight: bold; }
		
	#supp-intro p {
		margin: 25px 10px 10px 10px;
		text-align: center; }
		
/*----- supp-content -----*/
	
	.supp-box {
		width: 231px;
		background: #ffff90 url(../images/layout/supp-content-bg.jpg) no-repeat top;
		clear: both;
		margin: 0 0 20px 0;
		padding: 10px 0 0 0; }
	
	.supp-content-footer {
		width: 231px;
		height: 12px; }
		
	.supp-box p {
		margin: 10px; }
	
	.supp-box h2 {
		margin: 10px; }	
		
/*----- services -----*/
	
	.services {
		clear: both;
		list-style: none;
		padding: 4px 0 4px 0; }
	
	.title {
		display: inline;
		list-style: none;
		float: left;
		color: #34a47c;
		font-size: 18px;  }
		
	.option-title {
		display: inline;
		list-style: none;
		float: left;
		color: #ba8ad5;
		font-size: 18px;
		clear: both;  }
	
	.price {
		height: 21px;
		display: inline;
		list-style: none;
		float: right;
		margin: 0 0 0 20px;
		color: #FFFFFF;
		font-size: 18px;
		font-weight: bold;
		background: #34a47c url(../images/layout/price-bg.jpg) no-repeat left center;
		text-align: center;
		padding: 0 0 0 6px; }
		
	.price-span {
		float: left; /*Added*/
		background: #34a47c url(../images/layout/price-span-bg.jpg) no-repeat right center;
		height: 21px;		
		padding: 0 7px 0 0;
		margin: 0px; }
				
		
	.description {
		margin: 5px 20px 10px 20px;
		clear: both;
		list-style: none; }
		
	#about-page #main-content ul {
		margin: 0 0 0 20px; }
	
	#about-page #main-content li {
		margin: 4px 0 4px 0; }
		
	#contact-page #main-content ul {
		list-style: none;
		width: 220px;
		margin: 20px auto 20px auto; }


/*-------------------------------------------------------
	Other Selectors
-------------------------------------------------------*/
	
	.first {
		margin-top: 10px; 
	}
	
	.clear-r {
		clear: right; 
	}
		
	.small-text {
		font-size: 10px;
	}
		
	.text-left {
		text-align: left;
	}
	
	table {
		margin: 18px 0 0 0; }

/*-------------------------------------------------------
	Mozilla Clearfix
-------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	

/*-------------------------------------------------------
	Contact Form
-------------------------------------------------------*/
	
	#contact_form * { list-style-type: none;
	}
	
	#contact_form {
		text-align: left;
		width: 300px;
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
		background: url(../images/layout/contact-bg.jpg) no-repeat;
	}
	
	#contact_form label { 
		text-align: left;
		width: 110px; 
		float: left; 
		display: block;
	}
	
	#contact_form h1 { 
		font-size: 1em; 
		font-weight: bold; 
		clear: both;
	}
	
	#contact_form input {
		background: #FFFFFF;
		margin-bottom: 8px;
	}
	
	#contact_form .submit {
		margin: 20px 0 0 0;
		padding: 4px; 
	}
	
	#contact_form textarea {
		border: none; 
	}
	
	.bot-input { 
		float: left; 
		margin-left: -999em;
	}
	
	.contact-footer {
		background: url(../images/layout/contact-footer-bg.jpg) no-repeat;
		width: 300px;
		height: 16px;
		margin: 0px auto 0px auto;
		padding: 10px;
	}