/* JOHN M. ROMULUS DDS DENTISTRY GENERAL RULES */

*, html, body {
	margin: 0px;
	padding: 0px;
}

body {
	background: transparent url("/images/backgrounds/main_canvas_background.jpg");
	background-repeat: repeat;
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

a img {
	border: none;
}

a {
	text-decoration: none;
}


/* SITE CONTAINER */

div#container {
	position: relative;
	margin: 0px auto;
	width: 760px;
	background: transparent url("/images/backgrounds/site_background.jpg");
	background-repeat: repeat;
	background-position: top center;
	text-align: left;
}


/* HEADER */

div#header {
	margin: 0px 0px -110px 0px;
	width: 760px;
	height: 443px;
}

	.beach_dog_walk {
		background: transparent url("/images/backgrounds/headers/header(beach_dog_walk).jpg");
	}

	.beach_umbrella {
		background: transparent url("/images/backgrounds/headers/header(beach_umbrella).jpg");
	}

	.blue_starfish {
		background: transparent url("/images/backgrounds/headers/header(blue_starfish).jpg");
	}

	.flip_flops {
		background: transparent url("/images/backgrounds/headers/header(flip_flops).jpg");
	}

	.grassy_dunes {
		background: transparent url("/images/backgrounds/headers/header(grassy_dunes).jpg");
	}

	.leaning_palm {
		background: transparent url("/images/backgrounds/headers/header(leaning_palm).jpg");
	}

	.sunset_docks {
		background: transparent url("/images/backgrounds/headers/header(sunset_docks).jpg");
	}

	.white_starfish {
		background: transparent url("/images/backgrounds/headers/header(white_starfish).jpg");
	}

	.header_rotate {
		background: transparent url("/images/backgrounds/headers/rotate.php");
	}
	
	.beach_dog_walk, .beach_umbrella, .blue_starfish, 
	.flip_flops, .grassy_dunes, .leaning_palm, .sunset_docks, 
	.white_starfish {
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	#header a {
		cursor: pointer;
	}
	
	#header h1 {
		width: 760px;
		height: 443px;
	}
	
		#header h1 span, #header img {
			display: none;
		}


/* NAVIGATION */

ul#navigation {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 505px;
	height: 60px;
	list-style: none;
	z-index: 100;
}
	
	#navigation li {
		float: left;
	}
	
		a#home_link {
			width: 62px;
			background: transparent url("/images/navigation/home_button.gif");
		}
	
		a#about_link {
			width: 56px;
			background: transparent url("/images/navigation/about_button.gif");
		}
	
		a#services_link {
			width: 65px;
			background: transparent url("/images/navigation/services_button.gif");
		}
	
		a#our_team_link {
			width: 75px;
			background: transparent url("/images/navigation/our_team_button.gif");
		}
	
		a#office_tour_link {
			width: 84px;
			background: transparent url("/images/navigation/office_tour_button.gif");
		}
	
		a#new_patients_link {
			width: 98px;
			background: transparent url("/images/navigation/new_patients_button.gif");
		}
	
		a#contact_link {
			width: 65px;
			background: transparent url("/images/navigation/contact_button.gif");
		}
	
		#navigation li a {
			display: block;
			height: 60px;
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
	
		#navigation li a:hover {
			background-position: 0px -60px;
		}
	
			#navigation li a span {
				display: none;
			}

span#office_tour {
	display: none;
} 


/* BODY CONTAINER */

div#body_container {
	width: 760px;
	background: transparent url("/images/backgrounds/main_body_background.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	overflow: auto;
}


/* MAIN BODY */

div#main_body {
	float: left;
	display: inline;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 22px 35px;
	width: 320px;
	color: #645C4D;
	line-height: 18px;
}

	#main_body h2 {
		margin: 0px 0px 22px 0px;
		font-size: 22px;
		font-weight: 100;
		color: #626684;
		line-height: 28px
	}
	
	#main_body h3 {
		margin: 22px 0px;
		font-size: 18px;
		font-weight: 100;
		color: #978a87;
	}
	
	#main_body p {
		margin: 22px 0px 0px 0px;
	}
	
	#main_body ul, #main_body ol {
		margin: 22px 0px 22px 22px;
	}
	
	#main_body img {
		margin: 0px 10px 10px 0px;
	}

	#main_body a {
		color:#0066CC;
	}

	#main_body a:hover {
		color:#CC3333;
	}


div#smile_gallery {
	position: absolute;
	top: 225px;
	left: 460px;
	width: 240px;
	height: 175px;
}

	ul#nice_smiles {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 240px;
		height: 175px;
		list-style: none;
		overflow: hidden;
	}

	#smile_gallery h2, #smile_gallery p {
		display: none;
	}
	

/* SUB NAVIGATION */	

div#sub_navigation {
	float: right;
	display: inline;
	margin: 130px 30px 185px 0px;
	width: 282px;
	background: transparent url("/images/backgrounds/sub_nav_background(1).gif");
	background-position: top center;
	background-repeat: repeat-y;
}

	#sub_navigation h3 {
		width: 282px;
		height: 48px;
		background: transparent url("/images/backgrounds/sub_nav_header.gif");
		background-position: top center;
		background-repeat: no-repeat;
	}
	
		#sub_navigation h3 span {
			display: none;
		}
	
	#sub_navigation ul {
		padding: 0px 16px 20px 16px;
		width: 250px;
		background: transparent url("/images/backgrounds/sub_nav_background(2).gif");
		background-position: bottom center;
		background-repeat: no-repeat;
		list-style: none;
	}
	
		#sub_navigation ul li {
		}
		
		#sub_navigation ul li a {
			display: block;
			padding: 0px 10px;
			width: 230px;
			background: transparent url("/images/backgrounds/sub_nav_item_background.gif");
			background-repeat: no-repeat;
			background-position: 0px 0px;
			color: #666666;
			line-height: 40px;
		}
		
		#sub_navigation ul li a:hover {
			background-position: 0px -80px;
			color: #FFFFFF;
		}


/* FOOTER */

div#footer {
	behavior: url("/scripts/iepngfix.htc");
	position: relative;
	clear: both;
	margin: 0px auto;
	width: 760px;
	height: 112px;
	background: transparent url("/images/backgrounds/footer.png");
	background-repeat: no-repeat;
	background-position: top left;
}
	
	p.copyright {
		display: none;
	}
	
	a#sticky_stamp {
		position: relative;
		top: 59px;
		left: 625px;
		display: block;
		width: 105px;
		height: 63px;
	}
	
		#sticky_stamp p, #sticky_stamp img {
			display: none;
		}