* { margin: 0; padding: 0; }

.clear { clear:both; }

.clearl { clear:left; }

#logo a { border:none; }
#logo img { border:none }

#page-wrap {
	width:1024px;
	margin:auto;
	padding-top:10px;
	font-family:Lucida Grande, Sans-Serif; 
}

#header {
	width:1024px;
	height:160px;
}

#logo {
	width:392px;
	height:160px;
	float:left;
}

#contactholder {
	width:632px;
	height:160px;
	float:right;
	background:url(images/header_02.png);
}

#subscribe {
	width:328px;
	height:62px;
	background:url(images/submen_06b.png);
	float:right;
}

#menuholder {
	width:696px;
	height:62px;
	float:left;
	background:url(images/menu_bg.png) repeat-x;
}

ul#menu {
	list-style:none;
	}
	ul#menu li {
		display:inline;
	}
	ul#menu li a {
		text-indent:-9999px;
		display:block;
		height: 62px;
		float: left;
		}
		ul#menu li a.asp {
			background: url(images/nav_asp.png) no-repeat bottom center;
			width: 175px;
			}
			ul#menu li a.asp:hover, ul#menu li a.asp:active {
				background-position: top center;
			}
		ul#menu li a.ep {
			background: url(images/nav_ep.png) no-repeat bottom  center;
			width: 173px;
			}
			ul#menu li a.ep:hover, ul#menu li a.ep:active {
				background-position: top center;
			}
		ul#menu li a.our {
			background: url(images/nav_new.png) no-repeat bottom  center;
			width: 136px;
			}
			ul#menu li a.our:hover, ul#menu li a.our:active {
				background-position: top center;
			}
		ul#menu li a.kud {
			background: url(images/nav_kud.png) no-repeat bottom  center;
			width: 103px;
			}
			ul#menu li a.kud:hover, ul#menu li a.kud:active {
				background-position: top center;
			}
		ul#menu li a.con {
			background: url(images/nav_con.png) no-repeat bottom  center;
			width: 109px;
			}
			ul#menu li a.con:hover, ul#menu li a.con:active {
				background-position: top center;
			}
		
			
		body#asp ul#menu li a.asp,
		body#ep ul#menu li a.ep,
		body#our ul#menu li a.our,
		body#kud ul#menu li a.kud,
		body#con ul#menu li a.con {
			background-position: top center;
		}
		
#side {
	list-style:none;
	padding-top:15px;
}

#side li a {
	text-decoration:none;
	color:#666;
	padding-left:22px;
	padding-bottom:20px;
	display:block;
	font-size:12px;
}

#side li a:hover {
	text-decoration:underline;
}
		
#sideholder {
	width:196px;
	height:546px;
	float:left;
}
		
#sidemenu {
	width:196px;
	height:252px;
	background:url(images/bg_sidemenu.png);
}

#social {
	width:196px;
	height:294px;
	background:url(images/bg_social.png);
}

#social-twitter a {
	margin-top:130px;
	width:196px;
	height:44px;
	background:url(images/social_twitter.png) bottom center;
	text-indent:-9999px;
	display:block;
	float: left;
}

#social-twitter a:hover {

	background:url(images/social_twitter.png) top center;

}

#social-facebook a {
	width:196px;
	height:43px;
	background:url(images/social_facebook.png) bottom center;
	text-indent:-9999px;
	display:block;
	float: left;
}

#social-facebook a:hover {

	background:url(images/social_facebook.png) top center;

}

#social-subscribe a {
	width:196px;
	height:77px;
	background:url(images/social_subscribe.png) bottom center;
	text-indent:-9999px;
	display:block;
	float: left;
}

#social-subscribe a:hover {

	background:url(images/social_subscribe.png) top center;

}



#content {
	width:828px;
	height:546px;
	background:url(images/bg_content.png);
	float:right;
}

#footer {
	width:1024px;
	height:20px;
	background:#8cc53f;
	margin:auto;
	font-family:Lucida Grande, Sans-Serif;
}

#footerl {
	width:512px;
	height:20px;
	float:left;
}

#footerr {
	width:512px;
	height:20px;
	float:right;
}

.footerl {
	color:#fff;
	font-size:11px;
	text-align:left;
	padding-left:10px;
}

.footerr {
	color:#fff;
	font-size:11px;
	text-align:right;
	padding-right:10px;
}

#open-logo {
	width:624px;
	height:384px;
	background:url(images/open_topleft.png);
}

#open-menu {
	width:624px;
	height:36px;
}

ul#menuo {
	list-style:none;
	}
	ul#menuo li {
		display:inline;
	}
	ul#menuo li a {
		text-indent:-9999px;
		display:block;
		height: 36px;
		float: left;
		}
		ul#menuo li a.asp {
			background: url(images/open_asp.png) no-repeat bottom center;
			width: 180px;
			}
			ul#menuo li a.asp:hover, ul#menuo li a.asp:active {
				background-position: top center;
			}
		ul#menuo li a.ep {
			background: url(images/open_ep.png) no-repeat bottom  center;
			width: 142px;
			}
			ul#menuo li a.ep:hover, ul#menuo li a.ep:active {
				background-position: top center;
			}
		ul#menuo li a.our {
			background: url(images/open_our.png) no-repeat bottom  center;
			width: 107px;
			}
			ul#menuo li a.our:hover, ul#menuo li a.our:active {
				background-position: top center;
			}
		ul#menuo li a.kud {
			background: url(images/open_kud.png) no-repeat bottom  center;
			width: 71px;
			}
			ul#menuo li a.kud:hover, ul#menuo li a.kud:active {
				background-position: top center;
			}
		ul#menuo li a.con {
			background: url(images/open_con.png) no-repeat bottom  center;
			width: 124px;
			}
			ul#menuo li a.con:hover, ul#menuo li a.con:active {
				background-position: top center;
			}
			
		ul#menuo li a.twi {
			background: url(images/open_twitter.png) no-repeat bottom  center;
			width: 81px;
			}
			ul#menuo li a.twi:hover, ul#menuo li a.twi:active {
				background-position: top center;
			}
			
		ul#menuo li a.fb {
			background: url(images/open_facebook.png) no-repeat bottom  center;
			width: 82px;
			}
			ul#menuo li a.fb:hover, ul#menuo li a.fb:active {
				background-position: top center;
			}	

#open-spacer {
	width:624px;
	height:29px;
	background:url(images/open_spacer.png);
	float:left;
}

#open-social {
	width:624px;
	height:36px;
	float:left;
}

#open-connect {
	width:140px;
	height:36px;
	float:left;
	background:url(images/open-social_01.png) top center;
}

#open-subscribe {
	width:321px;
	height:36px;
	float:right;
	background:url(images/open-social_04.png) top center;
}

#open-content {
	width:624px;
	height:283px;
	background:url(images/open_content.png);
}

.open {
	padding:25px 35px 0px 35px;
	font-size:12px;
	color:#666;
}

.opensmall {
	padding-top:35px;
	font-size:10px;
	color:#666;
	text-align:center;
}

.maincontent {
	padding-top:20px;
	padding-left:25px;
	padding-right:25px;
	font-size:12px;
	color:#666;
}

.maincontent2 {
	padding-top:3px;
	padding-left:25px;
	padding-right:25px;
	font-size:12px;
	color:#666;
}

.maincontent2 a {
	color:#8cc53f;
	text-decoration:none;
}

.maincontent2 a:hover {
	color:#8cc53f;
	text-decoration:underline;
}

.maincontent3 {
	padding-top:20px;
	padding-left:25px;
	padding-right:25px;
	font-size:10px;
	color:#666;
	text-align:center;
}

#kudo p {
background:none repeat scroll 0 0 #EEEEEE;
color:#666666;
font-size:11px;
padding:8px 10px 5px;
font-style:italic;
}

#kudo p.more {
	text-align:right;
	padding-right:50px;
}

p.more2 {
	text-align:right;
	font-size:11px;
	padding-right:90px;
}

#allkudos {
	height:490px;
margin-left:1px;
margin-top:25px;
width:821px;
overflow-y:scroll;
}


#kudo {
	padding-left:40px;
padding-right:40px;
padding-top:20px;
}

#kudotab {
	width:748px;
	height:14px;
	background:url(images/kudotab.png) no-repeat;
}

h1 {
	font-size:18px;
	color:#666;
	padding-left:25px;
	padding-top:25px;
}

h2 {
	font-size:18px;
	color:#666;
	padding-left:25px;
	padding-top:20px;
}

h3 {
	font-size:18px;
	color:#666;
	padding-left:25px;
	padding-top:10px;
}

h4 {
	font-size:14px;
	color:#666;
	padding-left:25px;
	padding-top:10px;
}


.small {
	font-size:10px;
	font-style:italic;
	line-height:12px;
	padding:3px 0px 5px 0px;
}	


.emph {
	font-size:12px;
	color:#666;
	padding-left:25px;
	padding-top:6px;
}

#open-flash {
	width:400px;
	height:768px;
	background:url(images/open_flash.png);
	float:right;
}

#vision {
	display:block;
	padding-left:45px;
	padding-right:35px;
	font-size:11px;
	color:#666;
}

#vision2 {
	display:block;
	padding-left:45px;
	padding-right:35px;
	font-size:11px;
	color:#666;
}

#forms {
	display:block;
	padding-left:45px;
	padding-right:35px;
	font-size:14px;
	line-height:22px;
	color:#666;
}

#vision li { padding-bottom:5px; }

#vision2 li { padding-bottom:9px; }

#slideshow {
    position:relative;
    margin-left:7px;
    margin-top:168px;
    height:375px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow2 {
    position:relative;
    height:216px;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow2 IMG.last-active {
    z-index:9;
}

.footlink {
	text-decoration:none;
	color:#fff;
}

.footlink:hover {
	text-decoration:underline;
	color:#fff;
}

.footcon {
	color:#fff;
	padding-top:7px;
}

.green {
	color:#8cc53f;
	text-decoration:none;
	font-style:normal;
}

.green:hover {
	color:#8cc53f;
	text-decoration:underline;
}

#dtpic {
	width:216px;
	height:216px;
	float:right;
	padding:58px 45px 15px 25px;
}

#age1pic {
	width:300px;
	height:375px;
	float:right;
	padding:58px 45px 15px 25px;
}

#mapholder {
	width:422px;
	height:332px;
	float:right;
	padding:58px 65px 15px 25px;
}

#ep_imgs {
	padding: 25px 0px 0px 0px;
}

#ep_imgs2 {
	padding: 20px 0px 0px 0px;
}

.contactinfo {
	text-align:right;
	font-size:12px;
	line-height:18px;
	color:#666;
	font-weight:bold;
	padding:25px 25px;
}

.contactinfoBIG {
	text-align:left;
	font-size:14px;
	line-height:24px;
	color:#666;
	font-weight:bold;
	padding:25px 25px;
}

#open-contact {
	position:bottom;
	background:none;
	margin-top:-30px;
	font-size:11px;
	padding-left:12px;
	padding-bottom:10px;
}

.appreq {
	color:#666;
	padding-left:25px;
	line-height:20px;
}

.appreq td {
	padding:6px 6px 6px 0px;
}

a.white {
	color:#ffffff;
	border:none;
}



/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}


#practice {
	width:380px;
	float:left;
}

#doctor {
	width:380px;
	float:right;
}

#services {
	width:760px;
	float:right;
}

.clear { clear: both; }

#sleft {
	width:33%;
	float:left;
}

#sright {
	width:33%;
	float:right;
}

#smid {
	width:33%;
	float:right;
}

.other {
	width:700px;
}

#forms {
	float:left;
}

#forms p.other {
	color:#666;
	font-size:12px;
}

#policies {
	float:left;
}

#photography {
	float:left;
}

#formwrap ul {
	font-size:12px;
	color:#666;
	padding-left:25px;
}

#submit {
	padding-top:20px;
	padding-bottom:20px;
}

#formholder1 {
	padding:0 20px;
	font-size:12px;
	line-height:150%;
}

#formholder1 #services {
	float:left;
}

#formholder1 #forms {
	padding:0;
}

#formholder1 h1 {
	padding:20px 0 15px;
}