/* Global Styles */

html, body {
	margin:0px;
	background-color: #696C61;
	height: 100%;
	margin: 0; 
	padding: 0; 
	color:#FFFFEE;
}
	
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
	
a {
	color: #FF6600;
	font-weight:bold;
	}
	
a:hover {
	color: #3366CC;
	}


#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:0.2em;
	line-height:30px;
	position: absolute;
	left: 0px;
	height: 153px;
	width: 100%;
	z-index:50;
	background-image:url(../images/website_template_green_logo.png);
	background-repeat: no-repeat;
	background-position: left;
}

#background_gradient   {
        position: absolute;
        background-color: transparent;
        background-image:url(../images/background_gradient.png);
        left: 318px;
        top: 0;
        width: 153px;
        height: 153px;
        z-index: 50;
}

#palm 	{
	position: absolute;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	line-height:30px;
	margin-top: 0px;
	margin-left:10%;
	right: 0px;
	top: 0px;
	height: 153px;
	width: 100%;
	z-index: 4;
	opacity:0.75;
	background-image:url(../images/website_template_green_03.png);
	background-repeat: no-repeat;
    background-color: #b4aa8c; 
	background-position: right;
}	

#highlight {
	position: absolute;
	top: 153px;
	left: 0px;
	width:100%;
	height:140px;
	background-image:url(../images/website_template_green_05.png);
	background-repeat:repeat-x;
	
}

#leftBackground {
	position: absolute;	
	background-image:url(../images/website_template_green_left_background.png);
	background-repeat:no-repeat;
	left: 0;
	width: 186px;
	min-height: 588px;
	height:588px;
	z-index: 5;
}

#rightBackground {
	position: absolute;
	background-image:url(../images/website_template_green_right_background.png);
	background-repeat:no-repeat;
	right: 0;
	width: 201px;
	min-height: 588px;
	height:158px;
	z-index: -1;
}

#officeInfoBackground {
    background-image:url(../images/website_template_green_info.png);
    background-repeat:no-repeat;
    position: relative;
    right: 0px;
    top: 100px;
    width: 201px;
    height: 262px;
    text-align: center;
    color: #3b382f;
    font-weight: bold;
}

#officeInfo {
    position: absolute;
    overflow: auto;
    top: 65px;
    left: 35px;
    width: 150px;
    height: 150px;
}

#header {
	position: relative;
}

#bodyText {
	position: relative;
	text-align:justify;
	line-height: 1.5em;
	font-size:.8em;
	margin-left:auto;
	margin-right:auto;
    padding-top:75px;
	padding-bottom:75px;
    padding: 75px 25px;
	width: auto;
    height: 100%;
	color:#FFFFDD;
	z-index: 7;
}

#bodyText h1 {
	line-height: 1.2em;
}

#bodyTextCentering {
        display: table;
        margin: -10px auto 100px auto;
	    background-color:#6a695f;
        width: 100%;
}
#bodyTextArea {
    display: table-cell;
	width: 100%;
	margin-top: 50px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 100px;
	background-color:#6a695f;
}

#leftTopCorner {
	background-image:url(../images/website_template_green_lt_text_corner.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#rightTopCorner {
	background-image:url(../images/website_template_green_rt_text_corner.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
}

#leftBottomCorner {
	background-image:url(../images/website_template_green_lb_text_corner.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
}

#rightBottomCorner {
	background-image:url(../images/website_template_green_rb_text_corner.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
}

#textTopShadow {
	background-image:url(../images/website_template_green_t_inner_border.png);
	background-repeat:repeat-x;
    background-position: 0 0;
}

#textLeftShadow {
	background-image:url(../images/website_template_green_l_inner_border.png);
	background-repeat:repeat-y;
    background-position: 0 0;
}

#bodyArea {
	position: relative;
	z-index:6;
	width: 100%;
	min-height:100%;
}

#bodyShadow {
	position: relative;
	background-color:#BBB79E;
	background-image:url(../images/website_template_green_body_top_shadow.png);
	background-repeat:repeat-x;
	max-width:100%;
	top: 153px;
	min-height:100%;
	padding-left:186px;
	padding-right:201px;
	z-index: 1;
}

#bodyGlare {
	background-image:url(../images/website_template_green_left_body_glare.png);
	background-repeat:no-repeat;
	min-height:588px;
	max-width: 100%;
    padding: 75px 40px 100px 40px;
	margin-right:auto;
    margin-left: auto;
	top: 153px;
	z-index: 2;
}

#shadowLeft {
	position: absolute;
	left: 0;
	top: 0;
	background-image:url(../images/website_template_green_left_background_shadow.png);
	background-repeat:repeat-y;
	min-height: 100%;
	background-color:#6A6D62;
	width: 186px;
	z-index:4;
}

#shadowRight {
	position: absolute;
	right: 0;
	top: 0;
	background-image:url(../images/website_template_green_right_background_shadow.png);
	background-repeat:repeat-y;
	background-color:#6A6D62;
	min-height: 100%;
	width: 201px;
	z-index:-1;
}

#shadowTopRight {
	position: absolute;
	right: 0;
	top: -153px;
	background-color:#6A6D62;
	background-image:url(../images/website_template_green_right_background_shadow.png);
	background-repeat:repeat-y;
	height: 153px;
	width: 201px;
	z-index:5;
}

#navigation {
	position:relative;
    display: table;
	background-color:#7c7560;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #E3FF7F;
    top: -15px;
	border-color:#555454;
	border-style:solid;
	border-width: 1px;
  	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	z-index:100;
}

#map_div {
	color: black;
	width:90%;
	height:500px;
	position: relative;
	margin:auto auto;
}

#staffText {
	min-width:200px;
	position: relative;
	padding: 0 5%;
}

#staffPictures {
	min-width:150px;
	position: static;
	padding: 0 10%;
}

/* Class Styles */

.StaffImage {
	max-width:90%;
	display:block;
	width:640px;
	margin-left: auto;
	margin-right: auto;
}

.beforeAndAfter img {
	float: left;
}

.beforeAndAfter {
	margin: 50px auto 50px auto;
	padding: 75px auto 50px auto;
	border: thin solid #555454;
	background-color: #444444;
	width: 95%;
}

.beforeAndAfter p {
	width: 90%;
	position:relative;
	margin: 20px auto;
	padding: auto auto 200px auto;
}
.staffMember {
        float: left;
		width:100px;
		background-color: #DFDFDF;
		padding: 5px 5px 5px 5px;
		border: thin solid #555454;
		color: #333333;
        margin: 10px 20px 20px 10px;
}

.staffMember h3 {
	float: none;
	margin: 0 0 0 0;
}	
	
.bodyText {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin-top:0px;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}

.navigation {
	display:table-cell;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #E3FF7F;
	letter-spacing:.1em;
	text-decoration: none;
	padding:3px 10px;
    cursor:pointer;
    margin: 0px 2px;
    height: 1.2em;
    text-align: center;
	}
   
.darkNav {
	background-color:#6c6550;
}    

.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}



	.floatImg {
			float: left;
	        margin: 0px 20px 20px 0px;
	}

	/* ID Styles */

	#mainDiv {
		position: relative;
		margin-left: auto; 
		margin-right: auto;
		height:100%;
		top: 0px;
		background-color: #BBB79E;
	}

	.topHeading {
		display:block;
		width:100%;
		text-align:center;
	}
	.topHeading h1 {
	        color:#BAB4A3;
			margin:0px 20px;
			font-size:2em;
	}

	.topHeading h2 {
		color: #4A4534;
		margin:0px 20px;
		font-size: .6em;
	}



.procedure {
		font-size: 1em;
		/*margin: 0px 20px 40px 20px;*/
		margin: 50px auto 50px auto;
		padding: 25px 20px 25px 20px;
		border: thin solid #555454;
		background-color: #444444;
		width: 95%;
}

.procedure p {
		margin: 0 2em;
}
.procedure h2 {
		margin: auto 1em;
		/*font-size: 1em;*/
	}

	.procedure img {
		float: left;
		margin: 0px 10px 10px 0px;
	}

.photo {
	float: left;
	margin:auto 20ps;
}

#photo {
	position: relative;
}