/*---------------------------------------------
Author: Dkhalsa
Description: Sweet Medicine Spa (Static)
---------------------------------------------*/

/*=GENERAL TEMPLATE STYLES  
=== === === === === === === === === === */
body {
	text-align:center;
	background-color:#e4f6ff;
 }
#sm_spa.template #container,
#sm_spa.template #footer_wrapper, 
#sm_spa.template #launchpad_wrapper
 {
	text-align:left;
	margin-left:auto;
	margin-right:auto;	
}

#sm_spa.template #header,/* BLUE BORDERS*/
#sm_spa.template #main_content,
#sm_spa.template #launchpad,
#sm_spa.template #footer
{
	border: solid 0px #990000;
	
}
#sm_spa.template #header h1,/* GREEN BORDERS*/
#sm_spa.template #nav a,
#sm_spa.template #column_one,
#sm_spa.template #column_two,
#sm_spa.template #column_three,
#sm_spa.template #launch_one,
#sm_spa.template #launch_two,
#sm_spa.template #launch_three,
#sm_spa.template #launch_four,
#sm_spa.template a#skip_nav,
#sm_spa.template #toolbar
 {
	border: solid 0px #96ca2d;
}

/*=GENERAL STYLES  
=== === === === === === === === === === */

#sm_spa #container,
#sm_spa #header_wrapper,
#sm_spa #topbar,
#sm_spa #nav_wrapper,
#sm_spa #main_content_wrapper
 {
	width:100%;
}

#sm_spa #nav_inner,
#sm_spa #main_content,
#sm_spa #footer 
{
	width:64em;
	margin-left:auto;
	margin-right:auto;
}

#sm_spa .clear_left {
	clear:left;
}

#sm_spa p em {
	font-style:italic;
	color:#666666;
}


/*=HEADER STYLES  
=== === === === === === === === === === */
#sm_spa #topbar {
	background:#c7f5ff url(../images/topbar.gif) repeat-x left top;
	height:1.3em;
}

#sm_spa #header_wrapper {
	background:#FFFFFF url(../images/heder_bg.gif) repeat-x left top;
	height:194px;
}

#sm_spa #header_inner {
	position:relative;
	background:url(../images/header_left.jpg) no-repeat top left;
	top:5px;
	height:185px;
	width:66.8em;
	margin-left:auto;
	margin-right:auto;
}
	#sm_spa #header_inner h1 {
		position:relative;
		text-align:right;
	}
		#sm_spa #header_inner h1 span {
			position:absolute;
			top:0;
			right:0;
			background: url(../images/header_right.jpg) no-repeat top right;
			height:270px;
			width:425px;
		}
	

/*=NAV STYLES  
=== === === === === === === === === === */

#sm_spa #nav_wrapper {
	background:#878787 url(../images/nav_bg.gif) repeat-x left top;
	height:2.85em; 
	border-top: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}

#sm_spa #nav_inner {
	height:2.85em; 
}
	#sm_spa #nav_inner ul {
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
		#sm_spa #nav_inner ul li {
			float:left;
			list-style:none;
			font-variant:small-caps;
			margin-top:1px;
		}
			#sm_spa #nav_inner ul li a {
				text-decoration:none;
				color:#FFFFFF;
				padding:.6em 1em;
				line-height:225%;
				font-size:120%;
				
			}
				#sm_spa #nav_inner ul li a:hover {
					background: #999999 url(../images/nav_roll.gif) center left;
					color: #666;
					border-bottom: #CCCCCC solid 1px;
				}
/*=BODY STYLES  
=== === === === === === === === === === */
#sm_spa #main_content_wrapper {
	background:#e4f6ff url(../images/body_bg.gif) repeat-x left top;
	
}

#sm_spa #main_content {
	padding:2em 0;
}

/*** Column One ***/
#sm_spa #main_content #column_one {
	background-color:#FFFFFF;
	margin:0 16em 0 0;
	padding:1em;
	width:42em;
	border:#EEEEEE 1px solid;
	
}
	#sm_spa #main_content #column_one ul {
		margin-bottom:2.5em;
		
	}
	
		#sm_spa #main_content #column_one ul li {
			color:#666666;
			margin-bottom:.5em;
		}
	
	#sm_spa #main_content #column_one h1 {
		font-size:230%;
		margin-bottom:.3em;
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #666666;
	}
	
	#sm_spa #main_content #column_one h2 {
		font-size:170%;
		margin-bottom:.3em;
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #666666;
	}
	
	#sm_spa #main_content #column_one p {
		font-size:95%;
		margin-bottom:1.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		line-height:200%;
	}
	
	#sm_spa #main_content #column_one .make {
	}
	
	#sm_spa #main_content #column_one .pic_left {
		padding:.7em;
		border:#EEEEEE 1px solid;
		float:left;
		margin:5px 10px 0px 0px;
	}
	
	#sm_spa #main_content #column_one .pic_right {
		padding:.7em;
		border:#EEEEEE 1px solid;
		float:right;
		margin-right:1em;
		margin-bottom:1.5em;
	}
	
	#sm_spa #main_content #column_one .service_box {
		border:#EEEEEE 1px solid;
		background: url(../images/services.gif) repeat-x left top;
		padding:1em;
		margin-bottom:1em;
	}


/*** Column Two ***/
#sm_spa #main_content #column_two {
	width:15.5em;
	background-color:#FFFFFF;
	padding:1em;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	border:#EEEEEE 1px solid;
}

#sm_spa #main_content #column_two h2 {
		font-size:162%;
		margin-bottom:.4em;
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #666666;
	}
	
	#sm_spa #main_content #column_two p {
		font-size:85%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #999999;
		line-height:160%;
	}
	#sm_spa #main_content #column_two h3 {
		font-size:105%;
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #ec76b4;
		margin-bottom:.3em;
	}
		
	#sm_spa #main_content #column_two ul li {
		font-size:80%;
		color: #c3c3c3;
		line-height:160%;
	}
	
	#sm_spa #main_content #column_two .column_two_box {
		border:1px #EEEEEE solid;
		padding:.5em;
		margin-bottom:1em;
	}
	
		#sm_spa #main_content #column_two .col_two_pic img {
			border:#EEEEEE 1px solid;
		}

/*=FOOTER STYLES  
=== === === === === === === === === === */

#sm_spa #footer_wrapper {
	background-color:#e4f6ff;
	width:100%;
	background: url(../images/footer_wrapper.gif) repeat-x left top;
	position:relative;
	min-height:120px;
	padding:20px 0px 20px 0px;
	margin-top:30px;
}
	#sm_spa #footer {
		width:64em;
		
	}
	
	#sm_spa #footer #contact_box {
		
		padding:10px 10px 10px 95px;
		height:2em;
		background: url(../images/appointment.jpg) no-repeat 10px 10px;
		height:100px;
		
	
	}
		#sm_spa #footer p {
			color:#255e6d;
			font-size:130%;
			text-align:left;
			padding:0 0 2.5em 0;
			line-height:170%;
			
		}