@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'futura_oblique';
    src: url('fonts/futura_oblique-webfont.eot');
    src: url('fonts/futura_oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_oblique-webfont.woff') format('woff'),
         url('fonts/futura_oblique-webfont.ttf') format('truetype'),
         url('fonts/futura_oblique-webfont.svg#futura_oblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'FuturaStdMedium';
	src: url('fonts/futurastd-medium-webfont.eot');
	src: url('fonts/futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/futurastd-medium-webfont.woff') format('woff'), 
		 url('fonts/futurastd-medium-webfont.ttf') format('truetype'), 
		 url('fonts/futurastd-medium-webfont.svg#FuturaStdMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	 font-family: 'FuturaStdBook';
	 src: url('fonts/futurastd-book-webfont.eot');
	 src: url('fonts/futurastd-book-webfont.eot?#iefix') format('embedded-opentype'), 
	 	  url('fonts/futurastd-book-webfont.woff') format('woff'), 
		  url('fonts/futurastd-book-webfont.ttf') format('truetype'), 
		  url('fonts/futurastd-book-webfont.svg#FuturaStdBook') format('svg');
	 font-weight: normal;
	 font-style: normal;
}

body.homepage{	
	background: url(../images/body-bg-home.jpg) no-repeat center top #ffffff;
}

body.subpage{	
	background: url(../images/body-bg-sub.jpg) no-repeat center top #ffffff;
}

html, body, h2, h3, h4, h5, h6, p, input, textarea, select, form {
	font-family: "futura_oblique", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #363636;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, .appoinment-form .submitButton, .contact-form .form-right .button, .info-box, .bold-text{
	font-family: "FuturaStdMedium", Arial, Helvetica, sans-serif;
}

.telephone, .address, .bucket-menu ul li a, .common-submenu a.DropDownLinks, .footer-wrapper .footer{
	font-family: "FuturaStdBook", Arial, Helvetica, sans-serif;
}

.question-mark{
	font-family: Arial, Helvetica, sans-serif;
}

h2, h3, h4 {
	line-height: 1.2;
}

.holder:after, .main-menu ul:after, .socialmedia:after, .bucket-menu ul:after, .get-social ul:after, .content-wrapper:after, .right-content .main-content:after, .search-area form:after, .contact-form form:after, .contact-hours-sub:after, .Top_menu_Items .submenu-wrapper:after, .images-section .images-wrapper:after, .footer .footer-menu ul:after, .footer-address:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a {
	color: #6fa518;
	text-decoration: none;
}

	a:hover {
		color: #5d8f0d;
	}

img {
	border: 0px;
}

h1 {	
	color: #7eb722;
	font-size: 23px;
	font-weight: normal;
	text-align: center;
	line-height: 1.05;
	letter-spacing: 0.5px;
	height: 45px;
	margin: 11px 0px 0px 0px;
}

h2 {
	font-size: 17px;
	margin: 20px 0px 2px 0px;
}

h3 {
	font-size: 16px;
	margin: 15px 0px 5px 0px;
}

h4 {
	font-size: 14px;
	margin: 15px 0px 10px 0px;
}

.holder{
	width: 1000px;
	margin: 0px auto;
	position: relative;	
}

.hide-from-desktop {
	display: none;	
}

/* Header Styels - Start */

.header {
	text-align: center;
	height: 232px;
	position: relative;
}

	.logo{
		width: 356px;
		height: 112px;
		position: absolute;
		left: 9px;
		top: 54px;
	}
	
	.telephone{	
		font-size: 23px;
		line-height: 1.2;
		position: absolute;
		right: 4px;
		top: 76px;
	}
	
		.telephone, .address{
			color: #7eb722;
		}

	.address{
		font-size: 16px;
		line-height: 1.0;
		position: absolute;
		right: 5px;
		top: 111px;
	}
	
		.address span{
			float: left;
			padding: 0px 24px 0px 0px;
			margin: 0px 0px 0px 25px;
			border-right: 1px solid #7eb722;
		}
		
			.address span.last{
				padding: 0px;
				border-right: 0px;
			}

.socialmedia{
	position: absolute;
	left: 379px;
	top: 137px;
	z-index: 20;
}

	.socialmedia .gplusbtn, .socialmedia .fblikebtn {
		float: left;
	}
	
		.socialmedia .gplusbtn{
			width: 64px;
		}
			
.search-area {
	width: 224px;
	position: absolute;
	top: 137px;
	right: 3px;
}

	.search-area .search{
		text-align: left;
		width: 200px;
		height: 20px;
		padding: 7px 7px 6px 15px;
		margin: 0px;
		background: url(../images/bg-images.png) no-repeat left top;
	}
	
		@media all { .search-area .search{ /* IE 8 and 9 Hack */
			padding: 9px 7px 6px 15px\0/; }
		} /* IE8 uses \0/ */
	
			.search-area .search-text{
				background: none;
				border: 0px;
				width: 180px;
				color: #d79596;
			}
			
				.search-area .go-button{
					text-indent: -9999px;				
					width: 25px;
					height: 25px;
					position: absolute;
					right: 7px;
					top: 4px;
					border: 0px;
					cursor: pointer;
					margin: 0px;
					background: url(../images/search-go-button.png) no-repeat left top;
				}
				
.language-selector {
	position: absolute;
	top: 8px;
	right: 3px;
}
	
.main-menu ul, .footer .footer-menu ul, .get-social ul, .bucket-menu ul, .font-controlas ul {
	list-style-type: none;
}

.main-menu{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 650px;
}

		.main-menu ul, .bucket-menu ul, .font-controlas ul {
			margin: 0px;
			padding: 0px;		
		}
		
			.main-menu ul li{
				float: left;
				padding: 0px 18px 0px 0px;
				background: url(../images/main-menu-seperator.png) no-repeat right top;
			}
			
				.main-menu ul li a{
					color: #d0568f;
					line-height: 0.8;
					text-align: center;
					display: block;
					padding: 14px 2px 12px 18px;
					margin: 0px;
				}
				
					/* Had to use this font size again to avoid applying text resizer styles in to these sections. */
					.main-menu ul li a, .font-controlas ul li a, a.DropDownLinks {
						font-size: 14px;
					}
					
						.main-menu ul li.first a{
							padding: 14px 0px 12px 8px;
						}
						
							.main-menu ul li a:hover, .main-menu ul li a.selected{
								color: #9ebe66;
							}
							
/* Drop Down Menu Styles - Start */									

.Top_menu_Items {
	position: absolute;
	visibility: hidden;
	/* width: 135px; */
	/* padding: 7px 10px 9px; */
	z-index: 100;
	border: 1px solid #fac8df;
	background: #ffffff;
	margin: -5px 0px 0px 18px;
}

	.Top_menu {
		float: left;
	}
	
		.Top_menu_Links {
			text-align: left;			
		}
		
		.common-submenu {
			border: 0px;
			margin: 0px;
		}
		
			.common-submenu .Top_menu_Links {
				background: #a3cf33;
				text-align: left;		
			}

				a.DropDownLinks {
					color: #d0568f;
					padding: 6px 0px 5px 10px;
					margin: 0px 6px 0px 5px;
					width: 105px;
					display: block;
					border-bottom: 1px dashed #d0568f;
					background: url(../images/main-menu-dropdown-bg.png) no-repeat 1px 11px;
				}
					
					a.DropDownLinks:hover {
						color: #770c3e;
					}
					
						.Top_menu_Links a.last-menu {
							padding: 3px 0px 5px 10px;
							border: 0px;
							background: url(../images/main-menu-dropdown-bg.png) no-repeat 1px 8px;
						}
						
							.common-submenu a.DropDownLinks {
								color: #ffffff;
								font-size: 17px;
								line-height: 0.9;
								padding: 15px 0px 0px 10px;
								margin: 0px;
								width: 322px;
								border-bottom: 0px;
								background: none;
							}
							
								.common-submenu a.first {
									padding: 17px 0px 0px 10px;
								}
								
									.common-submenu a.last-menu {
										padding: 14px 0px 21px 10px;
									}
									
										.Top_menu_Items .submenu-wrapper{
											background: #a3cf33;
										}
										
											.Top_menu_Items .submenu-section{
												float: left;
											}
										
/* Drop Down Menu Styles - End */								
			
.font-controlas {
	position: absolute;
	top: 13px;
	left: 655px;
}

	.font-controlas ul li {		
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
		.font-controlas ul li a {
			color: #d0568f;
			line-height: 0.9;			
			display: block;
			border-right: 1px solid #dd83ad;
			padding: 0px 8px 0px 8px;
		}
		
			.font-controlas ul li.last a {
				border-right: 0px;
			}
			
				.font-controlas ul li a:hover, .font-controlas ul li a.selected {
					color: #ff7bb9;
					text-decoration: underline;
				}
				
.bucket-menu{
	position: absolute;
	top: 196px;
	left: 0px;
	width: 1000px;
}
		
	.bucket-menu ul li{
		float: left;
		width: 332px;
		border-right: 1px solid #ffffff;
		padding: 0px;
	}
	
		.bucket-menu ul li.first{
			margin: 0px 2px 0px 0px;
		}
		
			.bucket-menu ul li.last{
				border-right: 0px;
			}
			
				.bucket-menu ul li a{
					color: #fffefe;
					font-size: 20px;
					line-height: 1.0;
					letter-spacing: 0.3px;
					text-align: center;
					display: block;
					padding: 9px 2px 8px 0px;
					margin: 0px;
				}
				
					.bucket-menu ul li a:hover, .bucket-menu ul li a.selected, .common-submenu a.DropDownLinks:hover{
						color: #c9ff49;
					}
					
.slider-wrapper {
	width: 1000px;
	height: 356px;
	position: relative;
	top: 41px;
}

.content-wrapper {
	width: 1000px;
	margin: 33px 0px 0px 0px;
}

	body.subpage .content-wrapper {
		margin: 49px 0px 0px 0px;
	}

.left-content{
	width: 243px;
	padding: 31px 0px 0px 0px;
	float: left;
}

.info-box{
	width: 222px;
	margin: 0px 0px 10px 1px;
	font-size: 18px;
	text-align: center;
}

	.info-box, .appoinment-form .submitButton, .contact-form .form-right .button {
		color: #d79596;
		line-height: 1.1;
	}
	
		.info-box a.click-here, .appoinment-form .submitButton, .contact-form .form-right .button {
			font-size: 16px;
			text-transform: uppercase;
			display: block;
			width: 186px;
			padding: 7px 0px 5px 0px;
			margin: 7px 0px 0px 7px;
			background: url(../images/click-button.png) no-repeat left top;
		}
		
			.info-box a.click-here{
				color: #935c5c;
				height: 18px;
			}
			
				.info-box a:hover {
					color: #4a2c2d;
					background: url(../images/click-button.png) no-repeat left bottom;
				}

					.info-box .info-box-top, .appoinment-form .appoinment-form-top {
						background: url(../images/box-top-bg.png) no-repeat left top;
					}
					
						.info-box .info-box-middle, .appoinment-form .appoinment-form-middle {
							width: 200px !important;
							padding: 1px 11px 0px 11px;
							background: url(../images/box-middle-bg.png) repeat-y left top;
						}
						
							.appoinment-form .appoinment-form-middle {
								padding: 1px 12px 0px 10px;
							}
							
								.info-box .info-box-bottom, .appoinment-form .appoinment-form-bottom{
									background: url(../images/box-bottom-bg.png) no-repeat left top;
								}
								
									.info-box .info-box-top, .info-box .info-box-middle, .info-box .info-box-bottom, .appoinment-form .common{
										width: 222px;
									}
									
										.info-box .info-box-top, .info-box .info-box-bottom, .appoinment-form .appoinment-form-top, .appoinment-form .appoinment-form-bottom{
											height: 10px;
										}
								
.get-social {	
	margin: 5px 0px 0px 0px;
}
		
	.get-social ul{
		margin: 0px 0px 0px 23px;
		padding: 0px;
	}

		.get-social ul li{
			width: 49px;
			height: 49px;
			margin: 0px 3px 0px 0px;
			float: left;
		}

.right-content{
	width: 757px;	
	float: right;
}

	.right-content .main-content{
		background: url(../images/heading-bg.png) no-repeat left top;
	}
	
		.right-content .main-content .inner-left{
			width: 515px;
			margin: 0px 0px 65px 0px;
			float: left;
		}
		
			.right-content .main-content .inner-left .sub-title{
				font-size: 16px;
				letter-spacing: 0.2px;
				display: block;
			}
			
				.right-content .main-content .inner-left .para{
					line-height: 1.5;
					padding: 17px 10px 0px 8px;
				}
				
					.right-content .main-content .inner-left .para ul{
						margin: 21px 0px 20px 18px;
						padding: 0px;
						list-style-type: none;
					}
						
						.right-content .main-content .inner-left .para ul li{
							padding: 0px 0px 0px 14px;
							margin: 0px;
							background: url(../images/bullet.png) no-repeat left 6px;
						}
						
							.right-content .main-content .inner-left .para ul.contact-info li{
								margin: 0px 0px 10px 0px;
							}
							
								.right-content .main-content .inner-left .para h2.sub-heading{
									margin: 3px 0px 2px 0px;
								}
					
									.right-content .main-content .inner-right{
										width: 221px;
										float: right;
										padding: 31px 0px 0px 21px;
									}
							
/* Appoinment Form Styles - Start */

.appoinment-form {
	width: 222px;
	margin: 0px 0px 20px 0px;
}

	.appoinment-form h2{	
		color: #d79596;
		font-size: 18px;
		line-height: 1.1;
		letter-spacing: 0.2px;
		margin: 0px 0px 16px 0px;
		padding: 6px 0px 0px 5px;
	}

		.appoinment-form .form{
			margin: 0px 0px 1px;
			clear: both;
		}

			.appoinment-form .formInput{
				margin: 0px 0px 3px;
			}
			
				.appoinment-form input#divCalendar_appointmentdate_lbl{
					width: 194px!important;
					padding: 4px 0px 6px 8px!important;
					margin: 0px 0px 7px;
				}
				
					.appoinment-form .formfield{
						margin: 0px 0px 5px;
					}
	
						.appoinment-form .formfield, .appoinment-form .formfeildquestion, .appoinment-form input#divCalendar_appointmentdate_lbl, .appoinment-form .time-field{							
							padding: 5px 0px 6px 8px;
							height: 24px;
							width: 194px;
							border: 0px;
							background: url(../images/bg-images.png) no-repeat left -127px!important;
						}
						
							.appoinment-form .formfield, .appoinment-form .formfeildquestion, .appoinment-form input#divCalendar_appointmentdate_lbl, .appoinment-form .requiredText, .appoinment-form .incorrectText{
								color: #353535;
							}
							
								.appoinment-form .time-field{
									padding: 7px 8px 5px 5px;
									height: 33px;
									width: 202px;
									margin: 0px 0px 9px 0px;
									background: transparent;
								}
								
									.appoinment-form .time{
										background: url(../images/bg-images.png) no-repeat left -127px!important;
									}
								
										.appoinment-form .comments{
											height: 41px;
											width: 194px;
											padding: 8px 0px 4px 8px;
											background: url(../images/bg-images.png) no-repeat left -184px!important;
										}
									
											.appoinment-form .answertext{
												margin: 2px 0px 1px 8px;
											}
				
												.appoinment-form .submitButton, .contact-form .form-right .button{
													color: #d79596;
													text-align: center;
													margin: 2px 0px 0px 8px;
													padding: 8px 0px 12px 0px;
													border: none;
													cursor: pointer;
													background: url(../images/bg-images.png) no-repeat left -63px;
												}
												
													/* Firefox Hack */
													@-moz-document url-prefix() { 
													  .appoinment-form .submitButton, .contact-form .form-right .button {
														padding: 5px 0px 12px 0px;
													  }
													}
									
														.appoinment-form .questionimage{
															margin: -3px 0px 0px 9px;
														}
														
															.appoinment-form .formfeildquestion{
																height: 20px;
																width: 114px;
																margin: 5px 0px 0px 5px;
																background: url(../images/bg-images.png) no-repeat left -264px!important;
															}
															
																.appoinment-form .incorrectText, .left-content .contact-form .form-right .red-font{
																	color: #de1717;
																	text-align: center;
																	display: block;
																	margin: 0px;
																}
																
																	.appoinment-form .requiredText{
																		margin: 16px 0px 0px 9px;
																	}
																	
																		/* .appoinment-form .required{
																			color: #de1717;
																		} */

/* Sub Page Styels - Start */

ul.patient-forms {
	list-style-type: none;
}

	ul.patient-forms li{
		padding: 0px 0px 0px 28px!important;
		background: url(../images/pdf-icon.png) no-repeat left 3px!important;
	}
	
.google-map {
	margin: 40px 0px;
	width: 440px;
}

a.contact-links{
	color: #363636;
}

	a.contact-links:hover{
		color: #528106;
	}
	
.staff-images{
	float: left;
	margin: 6px 20px 5px 0px;
}

	.staff-images, .images-section img{
		border: 1px solid #6fa518;
	}
	
.images-section {
    margin: 20px 0px;
}

	.images-section .images-box{
		margin: 0px 20px 20px 0px;
		float: left;
		width: 150px;
		text-align: center;
	}
		
		.images-section  .last{
			margin: 0px 0px 20px 0px;
		}
		
			.images-section  .images-title{
				display: block;
			}
																		
/* Sub Page Styels - End */																		
																		
.footer-wrapper {
	width: 100%;
	height: 172px;
	background: url(../images/footer-bg.jpg) repeat-x left top;
}

	.footer-wrapper .footer {
		width: 1000px;
		position: relative;
		margin: 0px auto;
		padding: 0px;
		font-size: 13px;
		color: #666666;
		text-align: center;
	}
										
		.footer .footer-menu ul{
			margin: 0px 0px 9px 0px;
			padding: 2px 0px 0px 108px;
		}

			.footer .footer-menu ul li{
				float: left;		
				margin-right: 7px;
				line-height: 0.9;			
			}
			
				.footer .footer-menu ul li a{
					color: #d0568f;
					padding: 13px 16px 14px 14px;
					display: block;
				}
				
					.footer .footer-menu ul li a.selected, .footer .footer-menu ul li a:hover{
						background: #ffffff;
					}
						
						.footer .copyright{						
							padding: 3px 0px 14px 0px;
							line-height: 1.0;
						}

							.footer .copyright a, .footer-address  .address-text a{
								color: #999999;
								text-decoration: underline;
							}

								.footer .copyright a:hover, .footer-address  .address-text a:hover{
									color: #747474;
								}
								
									.footer-address {
										margin: 21px 0px 15px 0px;
									}
										
										.footer-address .address-text{	
											text-align: center;
											line-height: 1.2;
											width: 195px;
											float: left;
										}
										
											.footer-address .address01{												
												margin: 0px 50px 0px 136px;
											}
											
												.footer-address  .address02{
													width: 235px;
													margin: 0px 83px 0px 0px;
												}
												
													.footer-address  .address03{
														width: 160px;
													}

/* Footer Styels - End */																		
																		
/* The Nivo Slider styles */
.nivoSlider {
	position: absolute;
	width: 1000px;
	height: auto;
	overflow: hidden;
	float: left;
}

	.nivoSlider img {
		position: relative;
		top: 0px;
		left: 0px;
		height: 356px;
		max-width: none;
	}

		.nivo-main-image {
			display: block !important;
			position: relative !important; 
			width: 100% !important;
		}

	/* If an image is wrapped in a link */
	.nivoSlider a.nivo-imageLink {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		border: 0;
		padding: 0;
		margin: 0;
		z-index: 6;
		display: none;
		background: none;
	}

		/* The slices and boxes in the Slider */
		.nivo-slice {
			display: block;
			position: absolute;
			z-index: 5;
			height: 100%;
			top: 0;
		}

			.nivo-box {
				display: block;
				position: absolute;
				z-index: 5;
				overflow: hidden;
			}

				.nivo-box img {
					display: block;
				}

		/* Caption styles */
		.nivo-caption {
			position: absolute;
			left: 0px;
			bottom: 0px;
			background: #000;
			color: #fff;
			width: 100%;
			z-index: 8;
			padding: 5px 10px;
			opacity: 0.8;
			overflow: hidden;
			display: none;
			-moz-opacity: 0.8;
			filter:alpha(opacity=8);
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
		}

			.nivo-caption p {
				padding: 5px;
				margin: 0px;
			}

				.nivo-caption a {
					display: inline !important;
				}

					.nivo-html-caption {
						display: none;
					}

		/* Direction nav styles (e.g. Next & Prev) */
		.nivo-directionNav a {
			position: absolute;
			top: 45%;
			z-index: 9;
			cursor: pointer;
		}

			.nivo-prevNav {
				left: 0px;
			}

				.nivo-nextNav {
					right: 0px;
				}

		/* Control nav styles (e.g. 1,2,3...) */
		.nivo-controlNav {
			text-align: center;
			padding:  15px 0px;
		}
			.nivo-controlNav a {
				cursor: pointer;
			}
				.nivo-controlNav a.active {
					font-weight: bold;
				}