/*-----------------The CSS that's required to position the footer-----------------*/

html {
	height: 100%;
}
body {
 height: 100%;
}
#nonFooter {
	position: relative;
	min-height: 100%;
}
* html #nonFooter {
	height: 100%;
}
#footer {
	background-color: #E5DBC0;
	background-image: url(/Images/Global/Footer-Backing.gif);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	margin-top: -5em;
	margin-bottom: 0;
	clear: both; /*Footer needs to clear both in order to keep anycontent from overflowing into it*/
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {
	margin-top: -5em;
}


/*-----------------PAGE/GENERAL-----------------*/

* {
	margin: 0;
	padding: 0;
	color: #7E7C6E;	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 12px;
	line-height: 19px;
}
body {
 background-color: #FFFFFF;
	color: #4C4C4C;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
}
#page {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
* html #page {
	height: 100%;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.hide {
	display: none;
}
img {
	border: 0;
}
a, a:link, a:visited, a:active {
	color: #1665CC;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
.backToTop {
	padding-right: 15px;
	font-style: italic;
}
.bold {
	font-weight: bold;
}
.indentbuttons {
 padding:50;
 margin-left:15px;
}
.textbox {
 	margin: 0;
	padding: 0;
	color: #7E7C6E;	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	height: 19px;
}

/*-----------------HEADER-----------------*/

#header {
	height: 151px;
	background-color: #0B1A24;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-attachment: scroll;
	background-image: url(/Images/Global/Header-Backing.gif);
	background-repeat: repeat-x;
}
#header h1, #header h1 a{
	text-indent:-9999px;
	width:1004px;
	height:151px;
	display:block;
	background-color: transparent;
	background-image: url(/Images/Global/Header-Logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*----------------- MAIN NAV STYLES -----------------*/

#mainNavArea{
	background-image: url(/Images/Global/Main-Nav-Background.gif);
	background-repeat: repeat-x;
	height:58px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	#mainNav {
	background-image: url(/Images/Global/Main-Nav-Background.gif);
	background-repeat: repeat-x;
	height: 58px;
	width: 830px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainNav ul {
	list-style-type: none;
	height: 58px;
	width: 830px;
	clear: left;
}
#mainNav ul li {
	float: left;
	display: inline;
}
#mainNav ul li a {
	display: block;
	height: 58px;
}
#mainNav ul li a.home {
	background: url(/Images/Global/Nav/Home.gif) no-repeat 0 0;
	width: 107px;
}
#mainNav ul li a.homeCurrent {
	background: url(/Images/Global/Nav/Home.gif) no-repeat 0 0;
	width: 107px;
	background-position: top right;
}
#mainNav ul li a.aboutus {
	background: url(/Images/Global/Nav/About-Us.gif) no-repeat 0 0;
	width: 146px;
}
#mainNav ul li a.aboutusCurrent {
	background: url(/Images/Global/Nav/About-us.gif) no-repeat 0 0;
	width: 146px;
	background-position: top right;
}
#mainNav ul li a.smilegallery {
	background: url(/Images/Global/Nav/Smile-Gallery.gif) no-repeat 0 0;
	width: 161px;
}
#mainNav ul li a.smilegalleryCurrent {
	background: url(/Images/Global/Nav/Smile-Gallery.gif) no-repeat 0 0;
	width: 161px;
	background-position: top right;
}
#mainNav ul li a.services {
	background: url(/Images/Global/Nav/Services.gif) no-repeat 0 0;
	width: 145px;
}
#mainNav ul li a.servicesCurrent {
	background: url(/Images/Global/Nav/Services.gif) no-repeat 0 0;
	width: 145px;
	background-position: top right;
}
#mainNav ul li a.testimonials {
	background: url(/Images/Global/Nav/Testimonials.gif) no-repeat 0 0;
	width: 153px;
}
#mainNav ul li a.testimonialsCurrent {
	background: url(/Images/Global/Nav/Testimonials.gif) no-repeat 0 0;
	width: 153px;
	background-position: top right;
}
#mainNav ul li a.contactus {
	background: url(/Images/Global/Nav/Contact-Us.gif) no-repeat 0 0;
	width: 118px;
}
#mainNav ul li a.contactusCurrent {
	width: 118px;
	background-image: url(/Images/Global/Nav/Contact-Us.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#mainNav ul li a:hover {
	background-position: top right;
}
#mainNav ul li .current {
	background-position: top right;
}

/*----------------- HOME SPECIAL TOP STYLES -----------------*/

/*SPECIAL TOP Background*/

#specialTop {
	background-image: url(/Images/Global/Special-Top-Background.gif);
	background-repeat: repeat-x;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #EAE7D2;
	height: 243px;
	position: relative;
	background-position: top;
}
#specialTop .wrapper {
	width: 830px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*SPECIAL TOP Content*/

#specialTop .left {
	float: left;
	width: 235px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 50px;
}
#specialTop .Photo1 {
	height: 200px;
	width: 217px;
	background-image: url(/Images/Home/Home-Photo1-Wrapper.gif);
	margin-top: 20px;
	padding: 5px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
}
#specialTop .Photo2 {
	float: left;
	height: 200px;
	width: 217px;
	background-image: url(/Images/Home/Home-Photo2-Wrapper.gif);
	margin-top: 20px;
	padding: 5px;
	background-repeat: no-repeat;
	display: inline;
	margin-left: 50px;
}

/*SPECIAL TOP Fonts*/

#specialTop h1 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #AC5318;
	font-weight: lighter;
	padding-bottom: 10px;
}
#specialTop p {
	color: #3C2914;
	line-height: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	clear: both;
	font-weight: lighter;
}

/*-----------------CONTENT-----------------*/

/*Any information inside the content, such as a left hand nav div, will need to have the bottom margin set to the same height as the footer. In this case, the footer is 60pixels high. So any div's contained in your content also need to have a bottom margin of 60pixels high to keep the footer from overflowing into those content areas.*/

#content {
	background-image: url(/Images/Global/Content-Background2.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 60px;
}
#content .wrapper {
	width: 830px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

/*CONTENT Page Layout*/

#content .sideBarLeft {
	float: left;
	margin-left: 20px;
	width: 205px;
	margin-top: 20px;
	position: relative;
	clear: both;
	padding-bottom: 60px;
	margin-right: 80px;
}
#content .sideBarLeft p {
	color: #6E3F0F;
	font-family: "Lucida Grande", Helvetica, Arial; 
	font-size: 12px;
}
#content .mainRight {
	margin-top: 20px;
	width: 500px;
	position: relative;
	float: left;
	padding-bottom: 60px;
}
#content .mainRight p {
	color: #6E3F0F;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 12px;
	clear: none;
}
#content .mainSingle {
	float: left;
	margin-top: 20px;
	width: 830px;
	position: relative;
	padding-bottom: 60px;
	margin-bottom: 10px;
}
#content .mainSingle p {
	color: #6E3F0F;
	font-family: "Lucida Grande", Helvetica, Arial; 
	font-size: 12px;
}

/*CONTENT Left Hand Sub Nav*/

#content .sideBarLeft ul {
	list-style-type: none;
}
#content .sideBarLeft ul li {
	display: block;
}
#content .sideBarLeft ul li a {
	width: 190px;
	height: 30px;
	color: #6E3F0F;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECD9CC;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	}
#content .sideBarLeft ul li a:hover {
 color: #1665CC;
}
#content .sideBarLeft ul li .current {
	background-color: #E9E7D2;
	color: #6E3F0F;
}

/*CONTENT Fonts*/

#content h1 {
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #656700;
	background-image: url(/Images/Global/Ornament-Line-Left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding-bottom: 13px;
	padding-right: 5px;
}
#content h2 {
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #656700;
	padding-bottom: 13px;
	background-image: url(/Images/Global/Ornament-Line-Main.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding-right: 10px;
}
#content h3 {
	color: #6E3F0F;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
}
#content h4 {
	font-size: 10px;
}
#content p {
	color: #000000;
	line-height: 19px;	font-family: "Lucida Grande", Helvetica, Arial;
 font-size: 11px;
	clear: both;
}
#content p .left {
	text-align: left;
	margin-left: 10px;
	padding-right: 35px;
	padding-left: 35px;
}

/*CONTENT Special Styles*/

#content .line {
	background-image: url(/Images/Global/1x1Tan.gif);
	background-repeat: repeat-x;
	width: 500px;
	float: left;
	background-position: center;
	clear: both;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
#content .backToTop {
	float: right;
	background-image: url(/Images/Global/InsetArrows.gif);
	background-position: left;
	padding-left: 10px;
	background-repeat: no-repeat;
	margin-bottom: 25px;
}
.photoRight {
	border: 1px solid #DECDBF;
	background-color: #FFFFFF;
	float: right;
	padding: 5px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#map {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #685f54;
 margin: 3px 0 15px 0
}
#map p {
	color: #000;
 line-height: 12px
}

/*-----------------FOOTER-----------------*/

#footer .wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	width: 830px;
}
#footer .wrapper ul {
	list-style-type: none;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
}
#footer .wrapper ul li {
	display: inline;
	font-size: 11px;
	padding-right: 8px;
	padding-left: 8px;
	background-image: url(/Images/Global/Separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #666666;
}
#footer .wrapper ul li a {
	color: #666666;
	text-decoration: underline;
	font-size: 11px;
}
#footer .wrapper ul li a:hover {
	text-decoration: none;
	color: #000000;
}
#footer .wrapper ul li .current {
	color: #FFFFFF;
}
#footer .wrapper .LastPipe {
	background: none;
}