@charset "utf-8";

* { margin: 0; padding:0;}
img { border:none;}

h1{}
h2{}
h3{}

p{ padding-bottom: 12px; line-height: 18px;}

a{ color: #a9233e; text-decoration: underline;}
a:focus { outline: none;}
a:hover{ text-decoration: none;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7e5221;
}

body {
	background-image: url(../images/backdrop.jpg);
	background-repeat:repeat;
	/*background-position:top;
	background-color: #33200d;*/
	}

/*---------------------framework-------------------------*/

#container {
	width: 800px; margin: 0 auto; padding:0 19px 23px 19px; background-color: #f7edd4; margin-top: 14px;
	background-image:url(../images/containerdrop.jpg); background-repeat:no-repeat; background-position: top;}
#header{ text-indent: -3000px;}
	#h1-logo a {display: block; height: 135px; width: 255px; background-image:url(../images/logo.jpg); background-repeat:no-repeat;}
	#phone-num { background-image:url(../images/phone-num.jpg); height: 135px; width: 333px;}

#nav {}
	#nav ul { list-style: none;}
	#nav li { float:left;}
	#nav a { display:block; height: 30px; text-indent: -3000px; background-repeat:no-repeat;}
		#nav-home { background-image:url(../images/nav-home.jpg); width: 90px;}
		#nav-team { background-image:url(../images/nav-team.jpg); width: 105px;}
		#nav-services { background-image:url(../images/nav-services.jpg); width: 98px;}
		#nav-gallery { background-image:url(../images/nav-gallery.jpg); width: 134px;}
		#nav-faqs { background-image:url(../images/nav-faqs.jpg); width: 69px;}
		#nav-appointments { background-image:url(../images/nav-appointments.jpg); width:137px;}
		#nav-forms { background-image:url(../images/nav-forms.jpg); width: 78px;}
		#nav-contact { background-image:url(../images/nav-contact.jpg); width: 89px;}
		
		#nav-home:hover { background-image:url(../images/nav-home-over.jpg);}
		#nav-team:hover { background-image:url(../images/nav-team-over.jpg);}
		#nav-services:hover { background-image:url(../images/nav-services-over.jpg);}
		#nav-gallery:hover { background-image:url(../images/nav-gallery-over.jpg);}
		#nav-faqs:hover { background-image:url(../images/nav-faqs-over.jpg);}
		#nav-appointments:hover { background-image:url(../images/nav-appointments-over.jpg);}
		#nav-forms:hover { background-image:url(../images/nav-forms-over.jpg);}
		#nav-contact:hover { background-image:url(../images/nav-contact-over.jpg);}


#wrapper{ padding-top: 12px;}
		.bbox {
			background-color: #ded0b9;
			padding: 16px 19px;
			}
		.bbox p { padding: 11px;}
		.bbox a { text-decoration: none;}
		.bbox a:hover { color: #a9233e;}
		.inner-bbox {
			background-color: #ece1cd; padding-bottom: 5px;
			}
			ul.breaker { list-style: none; }
			ul.breaker li { background-image: url(../images/breaker.jpg); background-position:bottom; background-repeat:no-repeat;} 
			ul.breaker li.last { background-image: none;} 
			ul.breaker span, ul.breaker a { display: block; padding: 10px; font-size: 14px; color: #7e5221;}	
				#sidebar-home .flowerdrop { background-image:url(../images/img-flowerdrop.jpg); background-repeat: no-repeat; background-position: top;}
				#sidebar-services .flowerdrop, #sidebar-contact .flowerdrop, #sidebar-faq .flowerdrop { 
					background-image:url(../images/img-flowerdrop.jpg); background-repeat: no-repeat; background-position: bottom;}
				
				#sidebar-contact p { padding: 0 10px 5px 10px;}
				
	#leftcol{ width: 255px;}
		#h-services, #h-contact, #h-faq, #h-map, #h-question {
			height: 30px; width: 217px; background-repeat:no-repeat; text-indent: -3000px; margin-bottom: 3px;}
		#h-services { background-image:url(../images/h-services.jpg); }
		#h-contact { background-image:url(../images/h-contact.jpg); }
		#h-faq { background-image:url(../images/h-faq.jpg);}
		#h-map { background-image:url(../images/h-map.jpg);}
		#h-question { background-image:url(../images/h-question.jpg);}
	#rightcol{ width: 522px;}
		#info { padding: 11px; height: 224px;}
		#rightcol-left { width: 245px;}
		#rightcol-right { width: 255px;}
		#rightcol ul, #rightcol ol  { margin: 0 0 14px 25px; line-height: 18px;}
			.li-space li { margin-bottom: 14px;}
		#rightcol h3 { padding-bottom: 10px;}
		#rightcol h2 { font-size: 14px; padding-bottom: 12px;}
		#rightcol h2#h1-welcome, #rightcol h2#h1-team, #rightcol h2#h1-services, #rightcol h2#h1-gallery, #rightcol h2#h1-faqs, #rightcol h2#h1-appointments, #rightcol h2#h1-forms, #rightcol h2#h1-contact { height: 27px; background-repeat:no-repeat; text-indent: -3000px; padding: 0;}
		#h1-welcome { background-image:url(../images/h1-welcome.jpg); width: 522px;}
		#h1-team { background-image:url(../images/h1-team.jpg); width: 522px;}
		#h1-services { background-image:url(../images/h1-services.jpg); width: 522px;}
		#h1-gallery { background-image:url(../images/h1-gallery.jpg); width: 522px;}
		#h1-faqs { background-image:url(../images/h1-faqs.jpg); width: 522px;}
		#h1-appointments { background-image:url(../images/h1-appointments.jpg); width: 522px;}
		#h1-forms { background-image:url(../images/h1-forms.jpg); width: 522px;}
		#h1-contact { background-image:url(../images/h1-contact.jpg); width: 522px;}

#footer{
	width: 800px; padding: 0 19px; margin: 0 auto;
	color: #f7edd4;
	font-size: 14px;
	text-align: right;
	padding: 5px 0;
	}
#footer a { color: #f7edd4; text-decoration: none;}
#footer a:hover { text-decoration: underline;}


.border { border: 5px solid #9f968d;}
.img-right { float:right; padding: 0 0 0 20px;}
.img-left {float: left; padding: 0 20px 0 0;}

.input-style {padding: 1px 5px; border:1px solid #968422;}

.input-contact2 { width: 185px; padding: 1px 5px; border:1px solid #968422;}
.input-contact2:focus { border:none; border:1px solid #A9243f;}

#googlemaps { margin-left: 12px;}


/*---------------------universal classes-------------------------*/

.small { font-size: 10px;}
.normal {}
.large { font-size: 14px;}
.xlarge {}

.right { float:right;}
.left { float:left;}
.clear { clear:both;}

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

.clearfix {display: inline-block;}

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

.case {
border-top:1px solid #999999;
padding-bottom:20px;
padding-top:20px;
}
.caption {
float:left;
width:200px;
}
.photo {
float:right;
}

hr { border: none; height:1px; background-color:#b1946c; margin-bottom: 20px;}