body {margin:0; font-family:Arial, Helvetica, sans-serif; background:url(assets/images/bg.jpg) top repeat-x #000000;}

h1 {font-size:20px; line-height:24px; margin-top:0; margin-bottom:15px; color:#A98356; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
h2 {font-size:20px; margin-top:10px; margin-bottom:10px;}
h3 {font-size:18px; line-height:22px; margin-top:10px; margin-bottom:10px; color:#8E704A;}
h4 {font-size:16px;}

p {font-size:12px; line-height:20px; margin-top:10px; margin-bottom:10px; color:#CEC1B0;}

a {text-decoration:underline; color:#FFFFFF; font-weight:bold;}
a:hover {text-decoration:underline; color:#C9A272;}

ul {margin-top:5px; margin-bottom:5px;}
li {font-size:12px; line-height:20px; color:#CEC1B0;}

hr { color:#AD7D4C; background:#AD7D4C; height:1px; border:0;}

#blankphoto {width:265px; height:494px;/* float:left;*/}

/* Classes */

.imgborder {border:1px solid #C8A27B;}
.smalltext {font-size:11px; line-height:18px;}
.nomargin {margin:0;}

.splashbox p {margin:0;}
.mission p {margin-top:5px; margin-bottom:5px; font-size:11px; line-height:20px;}

.gal p {margin:0;}
.gal td {border:1px solid #C8A27B; background-color:#4E3A22;}

#slogan {position:absolute; z-index:5; color:#D6C4AD; font-size:29px; line-height:36px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; /*margin-top:-54px;*/ margin-top:-94px; margin-left:106px;}
			  
/* End Classes */

/* Template Features */

.left {background:url(assets/images/left.jpg) top right no-repeat;}
.middle {padding-top:4px;}
.right {background:url(assets/images/right.jpg) top left no-repeat;}
.coupon {
	width: 300px;
	height: auto;
	padding: 15px;
	margin: 20px auto;
	background-color: #fff;
	border: 2px dashed #a98356;
	text-align: center;
}
.coupon h1 {
	font-size:40px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 40px;
}
.coupon h3 {
	font-size:18px; 
	line-height:22px; 
	margin-top:10px; 
	margin-bottom:10px; 
	color:#000;
}
.coupon p {
	font-size:12px; 
	line-height:20px; 
	color:#000;
}
.coupon h2 {
	font-size:20px;
	color: #000;
	line-height: 22px;
}
#banner {width:100%; float:left;}
#bannerleft {width:130px; float:left;}
#bannerright {
	width:610px;
	float:right;
}

#logo {width:145px; height:187px; position:absolute; z-index:5; margin-top:6px; margin-left:-25px;}
#location {width:100%; float:left; color:#B5A693; font-size:17px; line-height:34px; font-weight:bold; font-family:"Times New Roman", Times, serif; letter-spacing:2px; text-align:center; text-transform:uppercase;}

#nav1, #nav2, #nav3 {
	width:600px;
	height:28px;
	background-color:#402e18;
	text-align:center;
	float:left;
}
#nav1 {border:#ad783f 1px solid;}
#nav2, #nav3 {border-bottom:#ad783f 1px solid; border-left:#ad783f 1px solid; border-right:#ad783f 1px solid;}

#nav1 a, #nav2 a, #nav3 a {
	font-size:11.5px;
	color:#B6A389;
	line-height:28px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:4px;
	padding-right:4px;
}

#bodybg {
	width:743px;
	background:url(assets/images/body.jpg) top no-repeat #2A1E12;
	border:#6F4D28 1px solid;
	min-height:650px;
	height:auto;
	_height:650px;
	float:left;
}
#bodycontainer {
	width:100%;
	float:left;
}
#bodyleft {width:475px; float:left;}
#bodyright {width:265px; float:right;}
#bodypad {padding:130px 5px 10px 20px;}

#photo {width:265px; height:494px; float:left;}
html>body #photo {background:url(assets/images/photo.png) no-repeat;}
*html #photo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/photo.png');}

#formholder {width:100%; float:left;/**/}
#formbg {width:205px; padding:5px; border:1px solid #ECDCCC; /*float:left; */position:absolute; z-index:5; margin-top:-105px; margin-left:30px; background-color:#B18150; filter:alpha(opacity=80); moz-opacity:.80; opacity:.80;}
#formbg h3 {font-size:14px; color:#2A1E12; font-weight:bold; line-height:26px; margin-top:0; margin-bottom:5px; text-align:center; border-bottom:#FFFFFF 1px solid;}
#formbg p {font-size:12px; line-height:22px; margin-top:5px; margin-bottom:5px; padding-left:10px;}

#formhome td {border:1px solid #ECDCCC; background-color:#B18150; filter:alpha(opacity=80); moz-opacity:.80; opacity:.80;}
#formhome h3 {font-size:14px; color:#2A1E12; font-weight:bold; line-height:26px; margin-top:0; margin-bottom:5px; text-align:center; border-bottom:#FFFFFF 1px solid;}
#formhome p {font-size:12px; line-height:22px; margin-top:5px; margin-bottom:5px; padding-left:10px;}

#sidebar {width:100%; padding-top:25px; float:left;}

#bottom {width:743px; height:30px; background-color:#040301; border:#AC783E 1px solid; text-align:center; font-size:17px; letter-spacing:2px; text-transform:uppercase; line-height:30px; color:#A39789; font-weight:bold; margin-top:10px; font-family:"Times New Roman", Times, serif; float:left;}

/* End Template */

/* Photo PNGs */

#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8, #photo9, #photo10, #photo11, #photo12, #photo13, #photo14, #photo15, #photo16, #photo17, #photo18 {width:265px; height:494px; float:left;}

html>body #photo1 {background:url(assets/images/top-1.png) no-repeat;}
*html #photo1 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-1.png');}

html>body #photo2 {background:url(assets/images/top-2.png) no-repeat;}
*html #photo2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-2.png');}

html>body #photo3 {background:url(assets/images/top-3.png) no-repeat;}
*html #photo3 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-3.png');}

html>body #photo4 {background:url(assets/images/top-4.png) no-repeat;}
*html #photo4 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-4.png');}

html>body #photo5 {background:url(assets/images/top-5.png) no-repeat;}
*html #photo5 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-5.png');}

html>body #photo6 {background:url(assets/images/top-6.png) no-repeat;}
*html #photo6 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-6.png');}

html>body #photo7 {background:url(assets/images/top-7.png) no-repeat;}
*html #photo7 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-7.png');}

html>body #photo8 {background:url(assets/images/top-8.png) no-repeat;}
*html #photo8 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-8.png');}

html>body #photo9 {background:url(assets/images/top-9.png) no-repeat;}
*html #photo9 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-9.png');}

html>body #photo10 {background:url(assets/images/top-10.png) no-repeat;}
*html #photo10 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-10.png');}

html>body #photo11 {background:url(assets/images/top-11.png) no-repeat;}
*html #photo11 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-11.png');}

html>body #photo12 {background:url(assets/images/top-12.png) no-repeat;}
*html #photo12 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-12.png');}

html>body #photo13 {background:url(assets/images/top-13.png) no-repeat;}
*html #photo13 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-13.png');}

html>body #photo14 {background:url(assets/images/top-14.png) no-repeat;}
*html #photo14 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-14.png');}

html>body #photo15 {background:url(assets/images/top-15.png) no-repeat;}
*html #photo15 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-15.png');}

html>body #photo16 {background:url(assets/images/top-16.png) no-repeat;}
*html #photo16 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-16.png');}

html>body #photo17 {background:url(assets/images/top-17.png) no-repeat;}
*html #photo17 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-17.png');}

html>body #photo18 {background:url(assets/images/top-18.png) no-repeat;}
*html #photo18 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.wisconsinsmiles.com/assets/images/top-18.png');}

/* End Photos */
			  
/* Custom Forms -- Just change the colors */

.forms p {margin:0;}
.fields {font-size:12px; color:#000000; padding:2px; border:1px solid #000000; background-color:#DCC0A5 !important;}
input.submit, input.submit:hover {border:1px solid #000000; padding:2px; font-size:12px;}	
input.submit {background-color:#DCC0A5; color:#000000;}
input.submit:hover {background-color:#000000; color:#DCC0A5;}

/* End Custom Forms*/
#offers {
width:450px;
height:30px;
margin:-30px 0 0 0;
padding:0px;
position:absolute;
text-align:right;
}
#offers a {
text-decoration:none;
font:italic bold 12px Arial, Helvetica, sans-serif;
color:#fff;
padding:2px;
border:1px solid #C8A27B;
text-transform:uppercase;
}
/*------------------------------------- APPOINTMENT FORM CSS STARTS HERE-------------------------------------*/
form#appointments {
	width: 420px;
	height: auto;
	margin: 20px auto;
	padding: 15px;
}
	table#appointmentsForm {
		width: 100%;
		height:auto;
		margin: 0;
		padding: 0;
	}
		#appointmentsForm input,
		#appointmentsForm select {
			width: auto;
			height: auto;
			margin: 0;
			padding: 0;
			display: block;
			font: 12px/16px Arial, Helvetica, sans-serif;
			border: 0;
			background-color: #986f44;
		}
			#appointmentsForm input:focus,
			#appointmentsForm select:focus {
	background-color: #986f44;
	border: 1px dashed #333;
			}
			.required {
					background-color: #986f44;
				}
					.required:focus {
						border: 1px solid #DB3E3E !important;
						background-color: #FDF4F4 !important;
					}
		#appointmentsForm .name,
		#appointmentsForm .email,
		#appointmentsForm .phone,
		#appointmentsForm .discover,
		#appointmentsForm .security_code {
			width: 180px;
			height: 16px;
			margin: 3px 5px;
			padding: 0px 9px;
			font-size: 12px;
		}
		#appointmentsForm .discover {
			width: 200px;
			height: 40px;
		}
		#captchaIMG {
			width: 198px;
			height:38px;
			margin: 3px 5px;
			padding: 0;
			display: block;
		}
		#appointmentsForm #Submit {
			width: 200px;
			height: 40px;
			margin: 3px 5px;
			padding: 0;
			font-size: 12px;
			cursor: pointer;
		}
		#appointmentsForm p {
			width: 200px;
			margin: 0px 5px;
			padding: 0;
			font: 12px/13px Arial, Helvetica, sans-serif;
		}
			.questionText {
				font: 12px/13px Arial, Helvetica, sans-serif;
			}	
			p#monBox,
			p#tueBox,
			p#wedBox,
			p#thuBox,
			p#friBox,
			p#amBox,
			p#pmBox {
				float: left;
				width: 72px;
				height: 35px;
				margin: 3px 5px;
				padding: 5px 0 0 0;
				font-size: 12px;
				text-align: center;
				cursor: pointer;
			}		
				p#monBox input,
				p#tueBox input,
				p#wedBox input,
				p#thuBox input,
				p#friBox input,
				p#amBox input,
				p#pmBox input {
					display: inline;
				}
			#appointmentsForm p.selected,
			#appointmentsForm p.deselected {
				font: 12px/13px Arial, Helvetica, sans-serif;
			}
.height40 {
	height: 40px;
}
.justified {
	text-align: justify;
}

/* ---------------------- Typical Edits Begin HERE ---------------------- */

/* Form background color */
form#appointments {
	background-color: #533f26;
	border: 1px solid #ac783e;
}

/* Form text color */
#appointmentsForm input,
#appointmentsForm select,
#appointmentsForm p {
	color: #dcc0a5;
}

/* Border color around form elements */
#captchaIMG,
#appointmentsForm .name,
#appointmentsForm .email,
#appointmentsForm .phone,
#appointmentsForm .discover,
#appointmentsForm .security_code,
#appointmentsForm #Submit {
	border: 1px solid #f9ddc0;
}

/* Selected box styling (b.g. color, border, text color) */
#appointmentsForm p.selected {
	color: #533f26;
	border: 1px solid #eee;
	background-color: #dcc0a5;
}

/* Deselected box styling (b.g. color, dashed border, text color) */
#appointmentsForm p.deselected {
	color: #dcc0a5;
	border: 1px dashed #dcc0a5;
	background-color: #986f44;
}

/* Submit/Reset button background color */
#appointmentsForm #Submit {
	background-color: #8e704a;
	font-weight: bold;
}

/* Hovered Submit/Reset button background color */
#appointmentsForm #Submit:hover {
	background-color: #dcc0a5;
	color:#533f26;
	font-weight: bold;
}
/*------------------------------------- APPOINTMENT FORM CSS ENDS HERE-------------------------------------*/