/*
-------------------------------------------------------
Devise Studio "Taking Your Ambitions Seriously" 
Copyright 2007 - Present
-------------------------------------------------------
Author:   
-Dan Fris (Devise Studio)
Date:	
-00/00/0000
-------------------------------------------------------
Restricted Editing (Non Site Owning Persons / Entities. 	
-------------------------------------------------------
By opening this and any other .css or .xhtml document 
you agree to all terms listed below.

You are prohibited from duplicating, copying, pasting, 
transposing, or moving any portion of this code. Feel 
free to reference as often as you like for educational 
purposes.
-------------------------------------------------------
*/



/* THEME STYLES 
------------------------------------------------- */

@import url('style.css');


/* Global Settings
------------------------------------------------ */

*
	{
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000;
	}

html
	{
	text-align: center;
	}
body
	{text-align: center;}

h1, h2, h3, h4
	{
	font: normal 18px arial, verdana, sans-serif;
	border: none;
	letter-spacing: 0px;
	}

id, class, a, ul, li, img, p, span, em
	{
	font: normal 14px arial, verdana, sans-serif;
	line-height: 21px;
	letter-spacing: 0px;
	border: none;
	}


a 
	{
	font-size: 12px; 
	text-decoration: underline; 
	}
	a:hover
	{
	}



img 
	{display: block; border: none;}

.hide
	{display: none;}


/*  Float Clear
----------------------- */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* Divisions
------------------------------------------------ */
.frame
	{
	position: relative;
	margin: 20px auto 20px;
	width: 780px;
	}

.header
	{
	position: relative;
	padding: 1px 0 0 0;
	width: 780px;
	height: 200px;
	}

	.header h1,
	.header p,
	.header a
	{color: #fff;}

	.header h1
	{
	margin: 20px 0 0 24px;
	font-size: 36px;
	font-style: italic;
	}

	.header p
	{
	margin-left: 166px;
	}

	p.tasknav
	{
	margin: 0;
	position: absolute; 
	top: 5px; right: 5px;
	font-size: 10px;
	}
		p.tasknav a
		{
		font-size: 10px;
		margin: 0 5px;
		}

.content
	{
	position: relative;
	margin: 3px 0;
	width: 780px;
	}

.left,
.right
	{
	position: relative;
	display: inline;
	float: left;
	padding: 0 0 15px 0;
	}

.left
	{
	width: 201px;
	position: relative;
	}

	.left ul
	{
	list-style:none;
	margin-left: 11px;
	margin-bottom: 22px;
	width: 190px;
	text-align: left;
	}

		.left ul li
		{		
		height: 34px;
		}
			
			.left ul li a
			{
			display: block;
			
			height: 34px;
			overflow: hidden;
			font: bold 14px/45px arial, sans-serif;
			text-decoration: none;
			}
			
	.left h2,
	.left p
	{
	margin: 0 11px;
	}

	.left p
	{font-size: 12px;}

.right
	{
	margin: 0 0 0 10px;
	padding-left:15px;
	width: 550px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	}

		.right img
		{
		padding: 0 0 3px 0;
		/*border-bottom: 10px solid #387399;*/
		}

			.inner .right img
			{	
			margin: 5px 15px 15px;
			display: inline;
			float: right;
			}

		.right h2
		{
		margin: 15px 10px 20px 15px;
		font-size: 32px;
		font-style: italic;
		}

			#home .right h2
			{
			margin: 30px 10px 0 15px;
			/*border: none;*/
			}

		.right h3
		{
		margin: 15px 10px 0 15px;
		font-size: 14px;
		line-height: 21px;
		font-weight: bold;
		}

			.right h3 strong
			{
			margin: 0 20px;
			color: #363636;
			}

			#services .right h3 em,
			#services .right h3 a
			{
			font-size: 12px;
			text-decoration: none;
			}

		.right p
		{margin: 20px 10px 0 15px;}

			#home .right p
			{margin-left: 17px;}

			#services .right p
			{
			margin-top: 0;
			padding-bottom: 7px;
			border-bottom: 1px dotted #ccc;
			}
	
			#benefits .right p
			{margin-top: 10px;}

			#links .right p
			{
			padding-bottom: 7px;
			}

			#links .right p a
			{display: block;}
			
			.right p a:hover
		{text-decoration: none;}
		



	/* APPT BOOK WEEK VIEW
	---------------------- */

	table
	{display: table;}

	table.appt-book
	{
	margin: 0 0 7px 7px;
	width: 501px;
	background: #fff;
	}

		table.appt-book tr
		{
		background: #F7F7F7;
		}

		table.appt-book tr.nav
		{
		background: #fff;
		}
		
		table.appt-book tr.nav td
		{
		width: auto;
		}

			table.appt-book tr.nav td.link
			{text-align: right;}

			table.appt-book tr.nav td a
			{font-size: 12px; color: #333;}

			table.appt-book tr.nav td:hover
			{background: #fff;}

		table.appt-book tr.title
		{
		background: #387399;
		}
			table.appt-book tr.title td
			{
			padding: 3px 5px;
			color: #eee;
			}

		table.appt-book tr.stripe 
		{
		background: #F7F7F7;
		}

			table.appt-book td
			{
			padding: 5px;
			width: 20px;
			border-bottom: none;
			border-right: none;
			}

			table.appt-book td:hover
			{background: #ccc;}


			table.appt-book td.time
			{	
			width:20px;
			}
			
			
			table.appt-book td.stripe
			{background: #319ACA;}

			table.appt-book td.avail
			{background: #389941;}

				table.appt-book td.avail:hover
				{background: #1E6D25;}

#footer {
	text-align: center;
	font-size: 12px;
	width: 780px;
	margin: 0 auto 10px auto;
	}

	#footer a {
		text-decoration: none;
		margin: 0 3px;
		line-height: 1.8em;
		font-size: 12px;
	}
	
	#footer a em {
		text-decoration: underline;
		}
	
p.credits
	{
	position: relative;
	width: 715px;
	height: 20px;
	font-size: 10px;
	line-height: 18px;
	}

	p.credits em
	{
	position: absolute; 
	top: 0px; right: 0px; 
	font-size: 10px;
	font-style: normal;
	}
		p.credits em a
		{
		font-size: 10px;
		line-height: 18px;
		}
		
ul.contactInfo {
	margin: 10px 0 10px 15px;
	font-size: 1em;
	border: none;
}

ul.contactInfo h5 {
	font-size: 14px;
	line-height: 18px;
	}

ul.contactInfo li {
	border: none; 
	height: auto;
}

.left h4 {
	margin-left: 10px;
}

.content .clientCenter li a { 
	font-size: 14px;
	font-weight: normal;
	margin-left: 12px;
}

.content .clientCenter li { 
	border: none;
	height: 30px;	
}

/* FORMS 
------------------------------------------------- */

form.appt
	{
	margin: 15px 0 15px 15px;
	}
/*-----------------------------------------------------------------------------------------------*/
/*                                        APPOINTMENT REQUEST                                    */
/*-----------------------------------------------------------------------------------------------*/

.apptRequest {}

	.apptRequest .appt {border: none;}
	
	.apptRequestStep {border: solid 1px #ccc; margin: 0 0 40px 0; position: relative;}
	
		.apptRequestNum {
			width: 24px; 
			height: 24px; 
			position: absolute; 
			top: -30px;
			left: -12px;
			background: transparent url(../../images/circle_dark.gif) no-repeat;
			z-index: 300;
			float: left;
			text-align: center;
			line-height: 24px;
			font-weight: bold;
			font-style: italic;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif
		}