/* LAYOUT - main body of page */
body, html {
	background:#417a84 url(images/top_gradient.jpg) repeat-x;
	margin-top:0px;
	top:0;
	padding:0;
	}	
div#wrapper {
width: 790px;
margin:0 auto;
position:relative;
height:auto;
padding:0;
background:url(images/page_shadow.jpg) 0 0 no-repeat;
text-align:center;
}
div#wrapper div#wrapper2{
	width:742px;
	margin:0 auto;
	padding:0;
	border:4px solid #fff;
	background:#fff;
}	

/* LAYOUT - HEADER */
div#header{
	display:block;
	margin:0 auto;
	padding:0;
	}
	div#top_image{
	background:url(images/top_image.gif) top repeat-x;
	height:20px;
	}
	div#headerImage{
	height:120px;
	background:url(images/header.jpg) no-repeat;
	}
	div#under_header{
	height:10px;
	background:url(images/under_header.jpg) no-repeat;
	}
	div#flash{
	height:250px;
	}
	div#under_flash{
	height:10px;
	background:url(images/under_flash.gif) repeat-x;
	}
	ul#buttons{
	display:block;
	height:30px;
	background:url(images/menu_bg.gif) repeat-x;
	padding: 0;
	margin: 0;
	list-style: none;	
	font-size:12px;
	font-family:"Trebuchet MS", Tahoma;
	font-weight:bold;
	text-transform:uppercase;
	line-height:30px;
	}

	ul#buttons li{
	display:block;
	float:left;
	width: auto;
	margin: 0;
	padding:0;
	font-size:12px;
	color:#000;
	}
	ul#buttons li a{
	display: block;
	padding-left:12px;
	padding-right:12px;
	height:30px;
	text-decoration:none;
	cursor:pointer;
	color:#18a7cc;
	text-align:center;
	}

	ul#buttons li a:hover {
	background:transparent url(images/arrow.gif) bottom no-repeat;
	color:#075b75;
	}
	ul#buttons li.active {
	background:transparent url(images/arrow.gif) bottom no-repeat;
	color:#075b75;
	}
	ul#buttons li.active a{
	color:#075b75;
	}
	div#under_buttons{
	height:10px;
	background: url(images/under_buttons.jpg) bottom no-repeat;
	}			

/* LAYOUT - SIDEBAR */
div#sidebar{
	position:absolute;
	top:450px;
	left:25px;
	background:#fff url(images/middle_bar.jpg) top right no-repeat;
	width:246px;
}
	div#DL{
	background: url(images/DL_bg.jpg) bottom left no-repeat;
	width:236px;
	}
	div#DL_heading{
	height:38px;
	background:url(images/library_heading.gif) bottom no-repeat;
	}
	ul#nav{
	margin: 0;
	margin-top:10px;
	margin-left:20px;
	padding: 0;
	list-style: none;
	width: 215px; /* Width of Menu Items */	
	height:254px;
	}
	
	ul#nav li
	{
		position: relative;
		list-style-type:none;
	}
	
	
	/* Styles for Menu Items */
	ul#nav li a
	{
		display: block;
		padding-left:14px;
		padding-top:4px;
		padding-bottom:4px;
		list-style-type:none;
		font-size:12px;
		font-weight:bold;
		color:#18a7cc;
		text-decoration:none;
		text-align:left;
		font-family:"Trebuchet MS", Tahoma;
		background:transparent url(images/DL_off.gif) 2px 10px no-repeat;
	}
	
	ul#nav li.active{
		background:transparent url(images/DL_on.gif) 2px 19px no-repeat;
		list-style-type:none;
		font-size:11px;
		color:#075b75;
		width:158px;
	}
	
	/* Fix IE. Hide from IE Mac \*/
	* html ul#nav li { float: left; height: 1%; list-style-type:none;}
	* html ul#nav li a { height: 1%; list-style-type:none;}
	/* End */
	
	ul#nav li a:hover {
		padding-left:20px; 
		background:transparent url(images/DL_on.gif) 8px 10px no-repeat;
		color:#075b75;	
		} /* Hover Styles */		
	ul#nav li:hover ul, ul#nav li ul.over { display: block; list-style-type:none; } /* The magic */												

/* LAYOUT - CONTENT */
div#content {
	margin: 0 auto;
	margin-left:247px;
	padding:0;
	color:#263a3e;
	font-family:"Trebuchet MS", Tahoma;
	font-size:12px;
	height:auto;
	line-height:15px;
	min-height:300px !important;
	text-align:left;
}
	div#welcome{
	height:60px;
	background:url(images/welcome.gif) left no-repeat;
	}
	div#text{
	height:75px;
	margin-bottom:7px;
	}
	div#text h1{
	font-weight:bold;
	font-size:12px;
	}
	div#doctor{}
	div#doctor div#our_doctor{
	display:inline;
	float:left;
	width:242px;
	height:147px;
	border:1px solid #d2d7d8;
	background:transparent url(images/dr_heading.gif) top right no-repeat;
	}
	div#doctor div#our_doctor img{
	padding-right:5px;
	}	
	div#doctor div#our_doctor p{
	padding-top:20px;
	padding-left:5px;
	}		
	div#doctor div#smile_gallery{
	display:inline;
	float:right;
	width:237px;
	height:147px;
	border:1px solid #17779c;
	}
	div#doctor div#smile_gallery img{
	border:1px solid #fff;
	}
			

/* LAYOUT - FOOTER */
div#footer {
	margin: 0 auto;
	width: 748px;
	height:20px;
	position:relative;
	font-family:"Trebuchet MS", Tahoma;
	font-size:11px;
	line-height:20px;
	color:#fff;
	}
	div#footer a{
		text-decoration:none;
		color:#fff;
		}
	div#footer a:hover{
		text-decoration:underline;
		}	
	div#designer{
		display:inline;
		float:left;
		}
	div#designer a{
		text-decoration:none;
		color:#fff;
		}
	div#designer a:hover{
		text-decoration:underline;
		}				
	div#copyright{
		display:inline;
		float:right;
		}