/*--------- HEADER--------*/

#wrapper {
	background: url(../images/repeatback.jpg) repeat;
	width: 760px;
	margin: 0 auto;
}

#header {
	background: url(../images/header.jpg) no-repeat;
	width: 760px;
	height: 132px;
}

#header1 {
	float: left;
}

#header2 {	
	margin: 10px 20px 0px 0px;
	text-align: right;
	float: right;
	font-family: "Trebuchet MS", Helvetica;
}

#header1 h1 {
	display: none;
}

#header1 h2 {
	display: none;
}

#header2 h2 {
	display: none;
}

#header2 h3 {
	display: none;
}

h1 {
	margin-top: 5px;
	font-size: 24px;
}

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

h3 {
	margin: 0px 1px 0px 0px;
	font-size: 12px;
}

label{
	padding: 2px 0px;
}

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

.empty {
	clear: both;
}

#nav {
	font-family: "Trebuchet MS", Helvetica;
	font-weight: bold;
	background: url(../images/nav.jpg) repeat;
	margin: 0 auto;
	width: 760px;
	height: 53px;
}


#nav li a:link {
	color: black;
	text-decoration: none;
	}
	
#nav li a:visited {
	color: #666666;
	text-decoration: none;
	}

#nav li a:hover {
	color: #4d95cf;
	text-decoration: none;
	}
	
#nav li a:active {
	color: #000;
	text-decoration: none;
	}

#nav ul {
	font-size: 20px;
	margin: 0 auto;
	width: 730px;
	padding-top: .8em;
	padding-left: 95px;
}

li {
	display: inline;
}

/*--------- CONTENT --------*/

body {
	background-color: #d5e5fb;
	background-image: url("../images/Untitled-1.jpg");
	background-repeat: repeat;
}

#content { 
	width: 760px;
	font-family: "Trebuchet MS", Helvetica;
	font-size: 12px;
	padding-top: 4px;
}

#content p { 
	margin: 0 auto;
	padding: 8px 20px;
}

#left {
	width: 472px;
	float: left;
}

#left h2 {
	padding-left: 20px;
}

#maintop {
	background: url(../images/maintop.jpg) no-repeat;
	width:472px;
	height:168px;
	margin: 0;
}

#maintop h2{
	display: none;
}

#mainmiddle {
	background: url(../images/mainmid.jpg) repeat;
	width:472px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 15px;
}

#mainbottom {
	background: url(../images/mainbot.jpg) no-repeat;
	width:472px;
	height:27px;
	padding-bottom: 40px;
}

#right {
	float: left;
	margin: 0;
	width: 275px;
	padding: 6px;			
}

#right h3 {
	display: none;
}

#right ul {
	display: inline;
}

#headache a{
	float: left;
	background: url(../images/headacheprev.jpg) no-repeat;
	width: 140px;
	height: 84px;
}

#appointment a{
	float: left;
	background: url(../images/requestappoint.jpg) no-repeat;
	width: 134px;
	height: 90px;
}

#formtop {
	float: left;
	background: url(../images/contacttop.jpg) no-repeat;
	width: 270px;
	height: 36px;
}

#formmiddle {
	padding-top: 0px;
	float: left;
	background: url(../images/contactmid.jpg) repeat;
	width: 270px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica-Bold;
	color: black;
}

#formmiddle label {
	font-family: "Trebuchet MS", Helvetica-Bold;
	color: #666666;;
	padding-left: 41px;
}

#buttons {
	margin: 0 auto;
	text-align: center;
}
#formbottom {
	float: left;
	background: url(../images/contactbot.jpg) no-repeat;
	width: 270px;
	height: 30px;
}

#content h2 {
	text-align: center;
}
#content h3 {
	text-align: center;
}

#section{
	float: left;
	background: url(../images/section.jpg) no-repeat;
	width: 270px;
	height: 115px;

}

/*--------- COSMETIC DENTISTRY --------*/

#cosmoleft {
	padding: 5px 1px;
	width: 250px;
	float: left;
	margin-bottom: 15px;
}

#cosmomid {
	padding: 5px 3px;
	width: 250px;
	float: left;
	margin-bottom: 15px;
}

#cosmoright {
	padding: 5px 1px;
	width: 250px;
	float: right;
	margin-bottom: 15px;
}

img {
	margin-left: 18px;
	margin-top: 8px;
	border: 5px solid white;
}

#cosmetichead {
	background: url(../images/cosmeticheader.jpg) no-repeat;
	width: 740px;
	height: 110px;
	margin-left: 16px;
	margin-top: 1px;
}

#cosmetichead h2 {
	display: none;
}

#cosmetichead h3 {
	float: left;
	padding-top: 70px;
	padding-left: 30px;
}

#coslefthead {
	background: url(../images/veneershead.jpg) no-repeat;
	width: 250px;
	height: 98px;
}

#cosmidhead {
	background: url(../images/bondinghead.jpg) no-repeat;
	width: 254px;
	height: 98px;
}

#cosrighthead {
	background: url(../images/porcelainhead.jpg) no-repeat;
	width: 250px;
	height: 98px;
}

#coslefthead h3{
	display: none;
}

#cosmidhead h3{
	display: none;
}

#cosrighthead h3{
	display: none;
}

#veneerrepeat {
	background: url(../images/veneerrepeat.jpg) repeat;
	width: 248px;
}

#veneerfoot {
	background: url(../images/veneerfoot.jpg) no-repeat;
	width: 248px;
	height: 19px;
}

#bondingrepeat {
	background: url(../images/bondrepeat.jpg) repeat;
	width: 249px;
}

#bondingfoot {
	background: url(../images/bondingfoot.jpg) no-repeat;
	width: 249px;
	height: 19px;
}

#porcelainrepeat {
	background: url(../images/porcelainrepeat.jpg) repeat;
	width: 248px;
}

#porcelainfoot {
	background: url(../images/porcelainfoot.jpg) no-repeat;
	width: 248px;
	height: 19px;
}

/*--------- Contact --------*/

#leftcontact{
	float:left;
	width: 440px;
}

#rightcontact{
	float: left;
	width: 300px;
	padding-left: 20px;
}

#contacthead{
	background: url(../images/contacthead.jpg) no-repeat;
	margin-left: 16px;
	width: 740px;
	height: 120px;
}

#contacthead h2{
	display: none;
}

#mailhead {
	background: url(../images/mailhead.jpg) no-repeat;
	width: 450px;
	height: 80px;
}

#mailmid {
	background: url(../images/mailrepeat.jpg) repeat;
	width: 450px;
}

#mailmid h3{
	display: none;
}

#mailmid p{
	padding: 4px 0px 0px 50px;
	font-size: 18px;
	font-weight: bold;
}

#phonemid p{
	padding: 2px 0px 0px 50px;
	font-size: 18px;
	font-weight: bold;
}

#mailfoot {
	background: url(../images/mailfoot.jpg) no-repeat;
	width: 450px;
	height: 35px; 
}

#phonehead {
	background: url(../images/phonehead.jpg) no-repeat;
	width: 450px;
	height: 90px;
}

#phonemid {
	background: url(../images/phonerepeat.jpg) repeat;
	width: 450px;
}

#phonemid h3{
	display: none;
}

#phonemid p{
	padding-left: 50px;
	font-size: 18px;
	font-weight: bold;
}

#phonefoot {
	background: url(../images/phonefoot.jpg) no-repeat;
	width: 450px;
	height: 35px; 
}

#emailhead {
	float: left;
	background: url(../images/emailhead.jpg) no-repeat;
	width: 300px;
	height: 90px;
}

#emailhead h3{
	display: none;
}

#emailmid {
	text-align: left;
	float: left;
	background: url(../images/emailrepeat.jpg) repeat;
	width: 298px;
}

#emailmid label {
	text-align: left;
	padding-left: 30px;
	font-size: 18px;
	font-weight: bold;
}

#emailfoot {
	float: left;
	background: url(../images/emailfoot.jpg) no-repeat;
	width: 300px;
	height: 35px; 
}

/*--------- Footer --------*/

#footer {
background: url(../images/footer.jpg) no-repeat;
width: 760px;
height: 90px;
}

#footer h3 {
	display: none;
}