/* Benj Arriola's Default CSS File 12-08-2004
  ****************************************************************************/

/* Link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  ****************************************************************************/
:link,:visited,:hover { text-decoration:none; }

/* No list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code too    */
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; font-weight: normal; }

/* Remove the inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 *****************************************************************************/
hr,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl
{margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea?
 *****************************************************************************/
a img,:link img,:visited img { border:none; }

/* more varnish stripping as necessary...
 *****************************************************************************/
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, span { display:none; }


/* use this class to indent a paragraph 20 pixel...
 *****************************************************************************/
.indent { margin:0 0 0 20px; }

/* Default font settings for this website. This may very depending on the 
 * design. Also set your colors and underlines here for links.
 *****************************************************************************/
h1,h2,h3,h4,h5,h6,p,li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #333366;
}
a:link, a:visited{
	font: 12px Arial, Helvetica, sans-serif;
	color: #333366;
	text-decoration: underline;
}

a:hover, a:active{
	color: #ffffff;
	text-decoration: underline;
}
div.clear {clear:both; height:0.1em; overflow:hidden;}
/* Most of the sites I build are in a 760px to 780px container.
 *****************************************************************************/
body {
	text-align: center;
	color: #41403b;
	background: #5EA6A5 url(../images/allpages/back.jpg) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#container{
	background: url(../images/allpages/container-back.jpg);
	margin: 0 auto;
	text-align: left;
	width: 760px;
}

#brite {padding-left:40px;padding-bottom:10px; }
#brite2 {padding-left:90px;padding-bottom:10px; }
/* Default values end here.
 *****************************************************************************/

/*
 * This file is a modification of:
 * ----------------------------------------------------------------------------
 * undohtml.css
 * (C) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 * ---------------------------------------------------------------------------- 
 * Purpose: undo some of the default styling of common (X)HTML browsers
 *****************************************************************************/

/* Thanks to Mike Hawkins for sharing, and to him and Andy Waer for the 
 * mini-lessons. Custom modifications to the file by:
 * Benj Arriola http://www.benjarriola.com (spammers, go away!)
 *****************************************************************************/

/* Main Horizontal Boxes
 *****************************************************************************/

#header{
	background: url(../images/allpages/header.jpg);
	height: 110px;
	position: relative;
}

	#header #head-arthur{
		position: absolute;
		height: 24px;
		width: 190px;
		margin: 58px 0 0 28px;
	}
 
	#header #head-manzo{
		position: absolute;
		height: 101px;
		width: 111px;
		margin: 4px 0 0 325px;
	}

	#phone{
		background: url(../images/allpages/phone.jpg);
		height: 72px;		
	}
		

	#left-side{
		background: url(../images/allpages/left-side.jpg) no-repeat top left;
		width: 760px;
	}

	#right-side{
		background: url(../images/allpages/right-side.jpg) no-repeat top right;
		width: 760px;
	}
	
		#right {
			display: inline;
			background: url(../images/allpages/right-back.jpg) no-repeat top;
			width: 484px;
			float: right;
			margin: 0 51px 0 0;
		}
		#right h1{
				font-weight: bold;
				font-size: 14px;
				margin: 20px 32px 10px 32px;
			}
			
			#right h2{
				font-weight: bold;
				font-size: 14px;
				margin: 20px 32px 10px 32px;
			}

			#right h3{
				font-weight: bold;
				font-size: 12px;
				margin: -5px 32px 10px 32px;
			}
			#right h4{
				font-weight: bold;
				font-size: 12px;
				margin: 0px 32px 10px 45px;
			}

			#right p{
				margin: 0 45px 10px 45px;
			}
			
			#right #procedures { margin:0 0 0 45px; padding:0;}
				#right #procedures li { margin:0 0 8px 0; padding:0; font-weight:bold;}
				#right #procedures li ul {list-style-type:circle; padding:0; margin:0 0 0 25px;}
				#right #procedures li ul li {margin:0 0 0 0px; padding:0 0 0 0;}
				#right #procedures li a {font-weight:bold;}
				#right #procedures li ul li a {font-weight:normal;}

		#left{
			background: url(../images/allpages/left-back.jpg) no-repeat top;
			width: 174px;
			float: right;
		}
			#left p{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #333366;
					margin: 0 15px 10px 15px;
			}
			
			#left hr{
				width: 140px;
				height: 1px;
				border: none;
				background: #475695;
				color: #475695;
				margin: 0 0 10px 15px;
			}
		
			#contactustoday{
				background: url(../images/allpages/contactustoday.jpg);
				width: 174px;
				height: 58px;
				margin: 0 0 10px 0;
			}
			
			#mapanddirections{
				background: url(../images/allpages/mapanddirections.jpg);
				width: 174px;
				height: 58px;
				margin: 0 0 10px 0;
			}
			
			#address{
				background: url(../images/allpages/address.gif);
				width: 75px;
				height: 23px;
				margin: 0 0 10px 15px;
			}
		
	#bottombox{
		background: url(../images/home/bottombox.jpg) repeat-y right;
		width: 484px;
	}

		#bottombox-titles{
			background: url(../images/home/bottombox-titles.jpg) no-repeat top right;
		}
		#bottombox-left{
			display: inline;
			float: left;
			width: 226px;
			margin: 0 0 0 34px;
			padding: 100px 0 0 0;
		}
			#bottombox-left h3{
				margin: 0 10px 10px 10px;
			}
			#bottombox-left p{
				margin: 0 10px 10px 10px;
			}
			.learnmore{
				text-align: right;
			}
			
		#bottombox-right {
			float: left;
			width: 164px;
			margin: 0 0 0 35px;
			padding: 70px 0 0 0;
		}
			#bottombox-right ul{
				margin: 0 0 15px 10px;
			}
			#bottombox-right ul li{
				margin: 0 10px 0 20px;
				list-style: circle;
			}
			#bottombox-right h3{
				margin: 0 10px 10px 10px;
			}
			#bottombox-right p{
				margin: 0 10px 10px 17px;
			}
			#bottombox-right img{
				margin: 0 0 2px 17px;
			}
		
		#bottombox #clearerer{
			clear: both; margin: 0 0 0 0; height:1px;
		}
	
	#closer-home{
		background: #4A5394 url(../images/allpages/footer.jpg) no-repeat top;
		clear: both;
		float: none;
		width: 669px;
		margin: 0 0 0 44px;
		padding: 73px 0 0 0;
	}

	#closer{
		background: #4A5394 url(../images/allpages/home-footer.jpg) no-repeat top;
		clear: both;
		float: none;
		width: 669px;
		margin: 0 0 0 44px;
		padding: 73px 0 0 0;
	}

/* Specific Boxes
 *****************************************************************************/

/* old-form */

#old-form {
	margin: 0 0 0 130px;
}
#old-form .text A:link {text-decoration:underline;color:#333366;}
#old-form .text A:visited {text-decoration:underline;color:#333366;}
#old-form .text A:active {text-decoration:underline;color:#333366;} 
#old-form .text A:hover {text-decoration:underline;color:#FFFFFF;}
#old-form .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333366;
}
#old-form .feilds {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #666666;
	background-color: #475695;
}

#old-form .MessageBoxBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #475695;
	border: 1px solid #666666;
	height: 65px;
}

#old-form .SubmitButtonHover {
	background-color: #475695;
	COLOR: #FFFFFF;
	CURSOR: auto;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;

    }
#old-form .SubmitButton {
	background-color: #FFFFFF;
	COLOR: #000000;
	CURSOR: auto;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
}


 
/* Gallery Titles */

#smile-veneers{
	background: url(../images/smile/veneers.jpg);
	height: 40px;
	width: 401px;
}
 
#smile-crowns{
	background: url(../images/smile/crowns.jpg);
	height: 40px;
	width: 401px;
}
 
#smile-bonding{
	background: url(../images/smile/bonding.jpg);
	height: 40px;
	width: 401px;
}

#smile-patients{
	background: url(../images/smile/satisfied.jpg);
	height: 40px;
	width: 401px;
}
 
/* Mast Heads */

#mast-index{
	background: url(../images/mast/mast-index.jpg);
	height: 170px;
}

#mast-practice{
	background: url(../images/mast/mast-practice.jpg);
	height: 170px;
}

#mast-procedure{
	background: url(../images/mast/mast-procedure.jpg);
	height: 170px;
}

#mast-technology{
	background: url(../images/mast/mast-technology.jpg);
	height: 170px;
}

#mast-smile{
	background: url(../images/mast/mast-smile.jpg);
	height: 170px;
}

#mast-consult{
	background: url(../images/mast/mast-consult.jpg);
	height: 170px;
}


/* Titles */

	#bigletter-u{
		background: url(../images/titles/bigletter-u.jpg) no-repeat top left;
	}

	#bigletter-a{
		background: url(../images/titles/bigletter-a.jpg) no-repeat top left;
	}

	#bigletter-t{
		background: url(../images/titles/bigletter-t.jpg) no-repeat top left;
	}

	#bigletter-s{
		background: url(../images/titles/bigletter-s.jpg) no-repeat top left;
	}

	#bigletter-o{
		background: url(../images/titles/bigletter-o.jpg) no-repeat top left;
	}

	#title-home{
		background: url(../images/titles/title-home.jpg) no-repeat 0px 15px;
		width: 450px;
		height: 45px;
		margin: 0 0 20px 32px;
	}

	#title-practice{
		background: url(../images/titles/title-practice.jpg) no-repeat 0px 15px;
		width: 450px;
		height: 45px;
		margin: 0 0 20px 32px;
	}

	#title-procedure{
		background: url(../images/titles/title-procedure.jpg) no-repeat 0px 15px;
		width: 450px;
		height: 45px;
		margin: 0 0 20px 32px;
	}

	#title-technology{
		background: url(../images/titles/title-technology.jpg) no-repeat 0px 15px;
		width: 450px;
		height: 45px;
		margin: 0 0 20px 32px;
	}

	#title-smile{
		background: url(../images/titles/title-smile.jpg) no-repeat 0px 15px;
		width: 450px;
		height: 45px;
		margin: 0 0 20px 32px;
	}

	#title-consult{
		background: url(../images/titles/title-consult.jpg) no-repeat 0px 15px;
		width: 450px;
		height: 45px;
		margin: 0 0 20px 32px;
	}
	
	#title-thankyou{
		background: url(../images/titles/title-thankyou.jpg) no-repeat 0px 15px;
		width: 450px;
		height: 45px;
		margin: 0 0 20px 32px;
	}

	#title-sitemap{
		background: url(../images/titles/title-sitemap.jpg) no-repeat 0px 15px;
		width: 450px;
		height: 45px;
		margin: 0 0 20px 32px;
	}

/* Pictires */

#drpic{
	margin: 0 12px 0 0;
}

#drpic2{
	margin: 0 12px 0 0;
}

#pic-box { width:480px; display:block; margin:0px 0px 0px 20px; clear:right;}

#bottompix { margin:0 auto; width:385px; }

.staffpics {width: 106px; text-align: center; float:left; margin:10px 10px 10px 0px;}

#right .staffpics p{ margin: 2px 0px; font-size: 11px; }

#cerec, #cerec2{
	margin: 0 0 3px 15px;}
	
.img-float { float:left; margin: 0 10px 10px 0;}


#cerecbna{
	margin: 15px 0 15px 110px;
	font-size: 11px;
	color: #333366;
	text-align: center;
}

#cerecbna img{
	margin: 0 30px 0 0;
}

#homebna{
	margin: 15px 0 15px 70px;
	font-size: 11px;
	color: #333366;
	text-align: center;
}

#homebna img{
	margin: 0 40px 0 0;
}

.smilebna{
	margin: 15px 0 15px 100px;
}

.smilebna2{
	margin: 15px 0 15px 100px;
	margin-left: 50px;
}

.smilebna img, .smilebna2 img{
	margin: 0 30px 0 0;
}


/* Testimonials */

	#left #testimonials{
		margin: 30px 0 10px 15px;
		font-weight: bold;
		font-size: 14px;
		color: white;
	}
			
	#testimonials p{
		text-align: center;
		margin: 0 10px 10px 0;
		font-weight: normal;
		font-size: 12px;
		color: white;
	}
	
	#left #testimonials img{
		margin: 25px 0 0 24px;
	}

/* Top of Page*/

	.topofpage{
		text-align: right;
		clear: left;
	}
 
/* Other Details
 *****************************************************************************/
 
/* Quick Contact Form */

/*		#quickcontactform1 input, #quickcontactform1 textarea{*/
		#quickcontactform1 .quickcontact1{
			height: 18px;
			color: #ffffff;
			border: 1px solid #666666;
			background: #475695;
			font: 11px Arial, Helvetica, sans-serif;
			margin: 0 0 3px 15px;
		}
		
		#quickcontactform1 textarea.quickcontact1{
			height: 65px;
			width: 136px;
			overflow: auto;
		}
		
		.quickcontact1{
			width: 137px;
		}
		
		#quickcontactform1 .quickcontact-button1{
			height: 18px;
			border: 1px solid #666666;
			font: 11px Arial, Helvetica, sans-serif;
			line-height: 13px;
			margin: 0 0 50px 15px;
			width: 63px;
			height: 16px;
			background: #ffffff;
			color: #000000;
		}

		#quickcontactform1 .quickcontact-button-hover1{
			height: 18px;
			border: 1px solid #666666;
			font: 11px Arial, Helvetica, sans-serif;
			line-height: 13px;
			margin: 0 0 50px 15px;
			width: 63px;
			height: 16px;
			background: #475695;
			color: #ffffff;
		}
		

/* Horizontal SpriteNav */

		#h-spritenav1, #h-spritenav1 li, #h-spritenav1 a{
			/* Change height of nav */
			height: 41px;
		}
		
		#h-spritenav1{
			/* Change image of nav */
			background: url(../images/allpages/topnav.jpg) no-repeat left top;
			position: relative;
			/* Change width of nav */
			width: 760px;
		}
		
		#h-spritenav1 li a span{
			display: none
		}
		
		#h-spritenav1 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}
		
		#h-spritenav1 a{
			display: block;
		}
		
		/* Change left coordinate and width of link */
		#h-spritenav1-1{left:  29px; width:  81px}
		#h-spritenav1-2{left: 113px; width: 122px}
		#h-spritenav1-3{left: 238px; width: 114px}
		#h-spritenav1-4{left: 355px; width: 111px}
		#h-spritenav1-5{left: 469px; width: 126px}
		#h-spritenav1-6{left: 598px; width: 130px}
		
		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav1-1 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat  -29px -41px}
		#h-spritenav1-2 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -113px -41px}
		#h-spritenav1-3 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -238px -41px}
		#h-spritenav1-4 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -355px -41px}
		#h-spritenav1-5 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -469px -41px}
		#h-spritenav1-6 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -598px -41px}


		

/* Vertical SpriteNav */
		
		#v-spritenav1 li, #v-spritenav1 a {
			height: 73px;
			display: block;
		}
		
		#v-spritenav1 li a span{
			display: none
		}
		
		#v-spritenav1{
			width: 100px;
			height: 219px;
			background: url(../images/v-spritenav.gif);
			position: relative;
		}
		
		#v-spritenav1 li{
			list-style: none;
			position: absolute;
		}
		
		#v-spritenav1-1, #v-spritenav1-2, #v-spritenav1-3{left: 0; width: 100px;} 
		
		#v-spritenav1-1{top:   0px;}
		#v-spritenav1-2{top:  73px;}
		#v-spritenav1-3{top: 146px;}
		
		
		#v-spritenav1-1 a:hover{background: transparent url(../images/v-spritenav.gif) -100px    0px no-repeat;}
		#v-spritenav1-2 a:hover{background: transparent url(../images/v-spritenav.gif) -100px  -73px no-repeat;}
		#v-spritenav1-3 a:hover{background: transparent url(../images/v-spritenav.gif) -100px -146px no-repeat;}


/* Text Nav */
	
		#text-nav-home{
			background: #4A5394 url(../images/home/home-footer.jpg) no-repeat top;
			clear: both;
			float: none;
			width: 669px;
			margin: 0 0 0 44px;
			padding: 93px 0 0 0;
			text-align: center;
		}	

		#text-nav{
			background: #4A5394 url(../images/allpages/footer.jpg) no-repeat top;
			clear: both;
			float: none;
			width: 669px;
			margin: 0 0 0 44px;
			padding: 93px 0 0 0;
			text-align: center;
		}	

		#text-nav-home ul, #text-nav ul{
			margin: 0 0 10px 0;
			}
			
		#text-nav-home li, #text-nav li{
			padding: 0 7px 0 10px;
			display: inline;
			border-left: 1px solid #ffffff;
			background: none;
			font-size: 12px;
			line-height: 13px;
			color: #ffffff;
		}
		
		#text-nav-home li.first, #text-nav li.first{border: none;}
		#text-nav-home p, #text-nav p{
			line-height: 13px;
			font-size: 12px;
			color: #ffffff;
			padding: 0 0 10px 0;
		}
		#text-nav a:link, #text-nav a:visited, #text-nav-home a:link, #text-nav-home a:visited{
			color: #ffffff;
			text-decoration: underline;
		}
		#text-nav a:hover, #text-nav a:active, #text-nav-home a:hover, #text-nav-home a:active{color: #99CCCC;}
		
		
/* ------ Main Contact Form ---------*/

		#big-contact label{
			border:none;
			margin: 40px auto 0 auto;
			width: 350px;
		}
		

		#big-contact input, #big-contact textarea{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			width: 130px;
		}

		#big-contact br{
			clear: both;
		}
		
		#big-contact p
			{
				text-align:center;
				margin: 10px 0 10px 0;
				font-size: 12px;
			}
	
		#big-contact label input, #big-contact label select{
			position: absolute;
			left: 110%;
			top: -1px;
			width: 100px;
		}
	
		#big-contact form, #big-contact label, #big-contact input, #big-contact textarea, #big-contact select{
			font-size: 11px;
		}
	
		#big-contact label{
			position: relative;
			width: 140px;
			display: block;
			margin: 0 10px;
			text-align: right;
			height: 20px;
		}
		
		#big-contact fieldset{
			width: 300px;
			padding: 5px 10px;
		}
		
		#big-contact hr{
			border: 0px;
			height: 1px;
			color: #000000;
			background: #000000;
			margin: 0 0 20px 0;
		}

		#big-contact label textarea{
			position: absolute;
			left: 110%;
			top: 0px;
			width: 160px;
			height: 100px;
		}

		#big-contact .radio{
			top:0;
			width: 14px;
		}
		
		#big-contact .reset{
			width:60px;
			margin: 10px 0 0 90px;
		}

		#big-contact .reset-clear{
			width:60px;
			margin: 100px 0 0 90px;
		}
		
		#big-contact .submit{
			width:60px;
			margin: 10px 0 0 12px;
		}
		
		#big-contact .clear-textarea{
			margin:100px 0 10px 0;
		}
		
		#big-contact .subscribe{
			width:90px;
			margin: 10px 0 0 110px;
		}
		
		#big-contact .submit-center{
			width:140px;
			margin: 10px 0 0 80px;
		}
		

		#center-column-inside #big-contact label{
			font: 12px Arial,Helvetica,sans-serif;
		}



.big-space {
	width:20px;
	height:400px;
	display:block;
	}
	
	div.clear	{ clear:both; height:.01em;overflow:hidden; }
	
	
.manzostaff { background-image:url(../images/staff/manzo-staff.jpg); width:420px; height:325px; display:block; margin:10px; }

input.name, label.name { display:none;}