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

@font-face {
	font-family: 'neophyte';
	src: url('fonts/Y2K_neophyte.eot');
	src: local('☺'), url('fonts/Y2K_neophyte.woff') format('woff'), url('fonts/Y2K_neophyte.ttf') format('truetype'), url('fonts/Y2K_neophyte.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background:#00777f url(images/bg_repeat.jpg) repeat-x;
	font-size:11pt;
	font-family: 'Oxygen', sans-serif;
	font-weight:400;
}

#container {
	width:1020px;
	margin:0 auto;
}

#welcome, #content {
	background:url(images/design15_04.png) repeat-y;
	padding:0 80px;
	margin:0;
	line-height:20px;
	padding-top:15px;
}

#header {
	width:1020px;
	height:144px;
	position:relative;
}

#address {
	margin-bottom:15px;
	color:black;
}

#welcome {
	padding-top:0;
}

#quicklinks {
	float:right;
	margin-top:10px;
	margin-right:40px;
}

.clear {
	clear:both;
}

#contact_bar {
	margin-top:15px;
	position:relative;
}

.staff {
	width:250px;
	float:left;
	text-align:center;
}

.center {
	text-align:center;
}

.tourleft {
	float:left;
	text-align:center;
	width:400px;
	margin-right:20px;
}

.tourright {
	float:right;
	text-align:center;
	width:400px;
}

#practice {
	position:absolute;
	width:1020px;
	height:75px;
	top:15px;
	font-family: 'Oxygen', sans-serif;
	font-size:3em;	
	text-align:center;
	color:#dd4041;
}

#doctors {
	position:absolute;
	width:1020px;
	top:70px;
	font-family: 'Oxygen', sans-serif;
	font-size:1.4em;
	font-weight:300;
	text-align:center;
	color:#c8fcff;
}

#social-media {
	position:absolute;
	width:36px;
	top:35px;
	right:40px;
}

/*
-----HEADINGS
*/

h1 {
	font-size:2em;
	color:#00457f;
	padding-bottom:10px;
	padding-top:15px;
	font-family: 'Oxygen', sans-serif;
	font-weight:400;
	text-align:center;
}

h2 {
	font-size:1.6em;
	color:#00777f;
	padding-bottom:10px;
	padding-top:15px;
	font-family: 'Oxygen', sans-serif;
	font-weight:400;
}

h2#contact {
	color:#6af8ff;
	margin-left:40px;
	padding-bottom:0;
	padding-top:0;
}

h3 {
	font-family: 'Oxygen', sans-serif;
	font-weight:300;
	font-size:1.3em;
}

/*----------------
NAVIGATION 
-------------------*/
nav	{
	margin:0 auto;
	width:1020px;
	position:absolute;
	top:110px;
}

nav ul {
	text-align:center;
	list-style-type:none;
}

nav li {
	display:inline-block;
	margin:0;
	font-family: 'Oxygen', sans-serif;
	font-weight:300;
	font-size:1.32em;
}

nav li a {
	display:block;
	text-decoration:none;
	padding:0 8px 2px 8px;
	border-radius:5px; /*This is the generic one when all browsers support it */
	-moz-border-radius:5px; /* This is specific for firefox */
	-webkit-border-radius:5px; /* This is webkit browsers such as chrome and safari */
}

nav li:hover a {
	text-decoration:none;
	border-radius:5px; /*This is the generic one when all browsers support it */
	-moz-border-radius:5px; /* This is specific for firefox */
	-webkit-border-radius:5px; /* This is webkit browsers such as chrome and safari */
	display:block;
}

/*---- Code for each different color of each nav link ----*/

#nav-yellow {
	color:#fff;
	background:#ffc618;
	background: -webkit-linear-gradient(#feea68, #ffc618); /* For Safari */
	background: -o-linear-gradient(#feea68, #ffc618); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#feea68, #ffc618); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#feea68, #ffc618); /* Standard syntax */
}

#nav-yellow:hover {
	color:#ffd104;
	background:#077681; /* background box when you roll over the links at the top */
}

#nav-orange {
	color:#fff;
	background:#f48e21;
	background: -webkit-linear-gradient(#fdc140, #f48e21); /* For Safari */
	background: -o-linear-gradient(#fdc140, #f48e21); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fdc140, #f48e21); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fdc140, #f48e21); /* Standard syntax */
}

#nav-orange:hover {
	color:#ffd104;
	background:#077681; /* background box when you roll over the links at the top */
}

#nav-red {
	color:#fff;
	background:#dc2900;
	background: -webkit-linear-gradient(#fc4217, #dc2900); /* For Safari */
	background: -o-linear-gradient(#fc4217, #dc2900); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fc4217, #dc2900); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fc4217, #dc2900); /* Standard syntax */
}

#nav-red:hover {
	color:#ffd104;
	background:#077681; /* background box when you roll over the links at the top */
}

#nav-violet {
	color:#fff;
	background:#8a00f4;
	background: -webkit-linear-gradient(#aa3cff, #8a00f4); /* For Safari */
	background: -o-linear-gradient(#aa3cff, #8a00f4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#aa3cff, #8a00f4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#aa3cff, #8a00f4); /* Standard syntax */
}

#nav-violet:hover {
	color:#ffd104;
	background:#077681; /* background box when you roll over the links at the top */
}

#nav-purple {
	color:#fff;
	background:#5c00d9;
	background: -webkit-linear-gradient(#852cff, #5c00d9); /* For Safari */
	background: -o-linear-gradient(#852cff, #5c00d9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#852cff, #5c00d9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#852cff, #5c00d9); /* Standard syntax */
}

#nav-purple:hover {
	color:#ffd104;
	background:#077681; /* background box when you roll over the links at the top */
}

#nav-blue {
	color:#fff;
	background:#0059c8;
	background: -webkit-linear-gradient(#247dec, #0059c8); /* For Safari */
	background: -o-linear-gradient(#247dec, #0059c8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#247dec, #0059c8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#247dec, #0059c8); /* Standard syntax */
}

#nav-blue:hover {
	color:#ffd104;
	background:#077681; /* background box when you roll over the links at the top */
}

#nav-LtBlue {
	color:#fff;
	background:#31b4ff;
	background: -webkit-linear-gradient(#50befd, #31b4ff); /* For Safari */
	background: -o-linear-gradient(#50befd, #31b4ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#50befd, #31b4ff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#50befd, #31b4ff); /* Standard syntax */
}

#nav-LtBlue:hover {
	color:#ffd104;
	background:#077681; /* background box when you roll over the links at the top */
}

#nav-green {
	color:#fff;
	background:#2bce1a;
	background: -webkit-linear-gradient(#76f868, #2bce1a); /* For Safari */
	background: -o-linear-gradient(#76f868, #2bce1a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#76f868, #2bce1a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#76f868, #2bce1a); /* Standard syntax */
}

#nav-green:hover {
	color:#ffd104;
	background:#077681; /* background box when you roll over the links at the top */
}

nav li ul {display:none;position:absolute;}

nav li:hover ul {display:block;}

nav li:hover li {float:none;font-size:15px;}

nav li:hover li a {
	background:#077681;
	color:#fff;
	border:1px #2c96a1 solid;
	height:auto;
	padding:8px 15px;
	display:block;
	text-align:center;
	font-size:15px;
	width:150px;
}

nav li:hover li a:hover {background:#69ced8; color:#015d66;}


/*---- End of nav color code ----*/

/*----------------
END NAVIGATION 
-------------------*/


/*
-----LINKS
*/


a {
	color:#1648a7;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#footer {
	text-align:center;
	font-size:.8em;
	color:#72dee5;
	margin-top:10px;
}

#footer a {
	color:#72dee5;
}

#footer a:hover {
	text-decoration:underline;
}

/*
-----CONTENT
*/

p#address {
	color:#fff;
	font-size:1.07em;
	margin-left:40px;
}

p#address a {
	color:#fff;
	text-decoration:none;
}

hr {          
	width:90%; /* Width of the line in percent */
	background:#fff;
	height:1px;
	/* Firefox doesn't support colors of a HR so the above CSS hack is used. It sets a height in pixels of the line and makes a background color */
}
	
#content .book {     /* This is what holds the book descriptions in a "CSS table". */
	width:400px;
	height:145px;
	padding:5px 10px 20px 10px;
	background-color:#e2ce75; /* Change background color of book tables */
	margin:0 auto; /* Centers the book table in the middle of page */
}

.floatleft {
	float:left;
	margin-right:10px;
}
	
.floatright {
	float:right;
	margin-left:10px;
}

.predev {
	font-size:11pt;
	font-weight:bold;
	margin-bottom:0px;
}
	
ol li {
	padding-bottom:10px;
	list-style-type:circle;
}
	
.dhome_title {
	width:250px;
	float:left;
	height:10em;
}
	
.dental_home h4 {
	padding-right:25px;
	width:250px;
}

/*
-------SLIDESHOW
*/

#slideshow {
	margin:0 0 10px 0;
}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1020;
		height:415px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */