/* 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
{ 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 { 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.
 *****************************************************************************/
a{
	font: 12px Arial, Helvetica, sans-serif;
	color: #015481;;
	text-decoration: none;
}
a:hover{
	color: #87B3E9;;
	text-decoration: underline;
}

/* Most of the sites I build are in a 760px to 780px container.
 *****************************************************************************/
body{
	text-align: center;
	background: #D7E5F1 url(../images/background.gif) repeat-x top;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}
#container{
	background: url(../images/container-back.gif) repeat-y right;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 728px;
}

/* 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-bar */
	
		#header-bar{
			background: url(../images/header-bar.gif);
			height: 31px;
			position: relative;
		}
			#header-bar a{
				position: absolute;
				height: 21px;
				width: 306px;
				top: 6px;
				left: 44px;
			}
			#header-bar span{
				display: none;
			}

/* mast-head */
		
		#mast-head{
			height: 235px;
		}
		
		#mast-head-sub{
			height: 247px;
			background: url(../images/sub/mast-head.jpg);
		}
		#mast-head-sub2{
			height: 247px;
			background: url(../images/sub/mast-head_02.jpg);
		}
		#mast-head-sub3{
			height: 247px;
			background: url(../images/sub/mast-head_03.jpg);
		}
		#mast-head-sub4{
			height: 247px;
			background: url(../images/sub/mast-head_04.jpg);
		}
		#mast-head-sub5{
			height: 247px;
			background: url(../images/sub/mast-head_05.jpg);
		}
		#mast-head-sub6{
			height: 247px;
			background: url(../images/sub/mast-head_06.jpg);
		}
		#mast-head-sub7{
			height: 247px;
			background: url(../images/sub/mast-head_07.jpg);
		}
		
		#video-back{
			background: url(../images/video-background.gif);
			width: 420px;
			height: 235px;
			float: left;
			display: inline;
			position: relative;
		}
		
		#mast-pic{
			background: url(../images/mast-pic.jpg);
			width: 308px; 
			height: 235px;
			float: left;
		}
		
		#mast-footer{
			height: 38px;
			background: url(../images/mast-footer.jpg) no-repeat top;
			padding: 12px 0 0 0;
		}
		
			#video-box{
				background: #E4E0C6; 
				height: 180px;
				width: 374px;
				margin: 48px 0 0 26px;
				position: absolute;
			}
			
			#navbar{
				height: 38px;
				background: url(../images/topnav.gif);
				position: relative; height: 38px;
			}
		
 		#content{
 			margin: 0 0 0 26px;
			width: 698px;
 		}

		#closertop{
			clear: both;
			background: #FCFBF5 url(../images/closer.jpg) no-repeat top right;
			text-align: center;
		}
		#closer{
			clear: both;
			background: #FCFBF5 url(../images/closer-back.jpg);
			text-align: center;
			padding: 0 0 20px 0;
		}

		#closer-subtop{
			clear: both;
			background: #FCFBF6 url(../images/closer-sub.jpg) no-repeat right top;
			text-align: center;
			padding: 30px 10px 10px 10px;
		}
		#closer-sub{
			clear: both;
/*			background: #FCFBF6 url(../images/closer-sub.gif) no-repeat right top; */
			text-align: center;
			padding: 0;
		}



/* Specific Boxes
 *****************************************************************************/
	
		#left{
	display: inline;
	float: left;
	width: 530px;
		}
		
			#adbox{
				background: url(../images/adbox-back.jpg);
				height: 250px;
			}
	
				#adbox-face{
					background: url(../images/adbox-face.jpg) no-repeat left;
					height: 250px;
				}
				#adboxnav{
					width: 267px;
					height: 242px;
					background: url(../images/adbox-content.jpg);
					position: relative;
					margin: 0 0 0 250px;
				}
	
			#content-box, #content-box-sub{
				height: auto;
				width: 530px;
				padding: 0;
			}
			
				#content-box p, h2, h3, h1 {
	margin: 7px 20px 7px 30px;
	font: 12px/normal Arial, Helvetica, sans-serif;
				}
				#content-box-sub p, #content-box-sub h2{
					margin: 7px 30px 7px 30px;
					font: 12px Arial, Helvetica, sans-serif;
				}
				#content-box-sub li {
					margin: 0 0 0 60px;
					list-style-type: circle;
				}
				#content-box-sub h2, #content-box-sub h1{
					font-weight: bold;
				}
				#content-box-sub a:hover{
					color: red;
				}

			#bnabox{
				background: url(../images/adbox-back.jpg);
				height: 215px;
				padding: 17px 0 0 0;
			}

				#thumbnails{
					margin: 8px 0 0 30px;
					width: 470px;
				}

		#right{
			float: left;
			width: 168px;
		}
			#right p{
				margin: 15px 0 15px 19px;
				width: 125px;
				color: #6F6F6F;
				font-size: 11px;
			}
			
			#right a{
				color: #6F6F6F;
				font-size: 11px;
				text-decoration: underline;
			}

			#right a:hover{
				color: #43668E;
				text-decoration: none;
			}
			
			div.super {
				text-align:center;
				}
/* Other Details
 *****************************************************************************/

/* Video Website */

#vms-lightwindow-link {
	display: none;
	}
	
#video_website	{
	width: 145px;
	margin: 10px 0 0 15px;
	}


/* Titles */

	#meet-dr-baird{
		background: url(../images/home/meet-dr-baird.gif);
		width: 139px;
		height: 19px;
		margin: 20px 0 0 30px;
	}
	#meet-dr-baird h2, h3, h4 {
		margin: 20px 0 0 30px;
	}
	
	#about-title{
		background: url(../images/titles/about.jpg);
		width: 86px;
		height: 19px;
		margin: 20px 0 0 30px;
	}
	#about-title span{
		display: none;
	}
	#doctor-title{
		background: url(../images/titles/doctor.jpg);
		width: 169px;
		height: 19px;
		margin: 20px 0 0 30px;
	}
	
	#implant-title{
		background: url(../images/titles/implant.jpg);
		width: 177px;
		height: 19px;
		margin: 20px 0 0 30px;
	}

	#cosmetic-title{
		background: url(../images/titles/cosmetic.jpg);
		width: 188px;
		height: 19px;
		margin: 20px 0 0 30px;
	}

	#tech-title{
		background: url(../images/titles/technology.jpg);
		width: 121px;
		height: 19px;
		margin: 20px 0 0 30px;
	}

	#contact-title{
		background: url(../images/titles/contact.jpg);
		width: 86px;
		height: 19px;
		margin: 20px 0 0 30px;
	}

	#thankyou-title{
		background: url(../images/titles/thankyou.jpg);
		width: 143px;
		height: 19px;
		margin: 20px 0 0 30px;
	}

	#featured-cases{
		background: url(../images/featured-cases.jpg);
		width: 142px;
		height: 20px;
		margin: 0 0 0 30px;
	}
	
	#quick-contact{
		background: url(../images/contact-us.gif);
		width: 113px;
		height: 19px;
		margin: 15px 0 0 19px;
	}
	
	#title-in-the-news {
		background: url(../images/title-in-the-news.gif);
		width: 127px;
		height: 22px;
		margin: 15px 0 15px 19px;
	}

	

	#address{
		background: url(../images/address.gif);
		width: 82px;
		height: 18px;
		margin: 15px 0 0 19px;
	}
	#sitemap-title{
		background: url(../images/titles/sitemap.jpg) no-repeat;
		width: 80px;
		height: 19px;
		margin: 20px 0 0 30px;
	}
	
	#ortho-title{
		background: url(../images/titles/ortho.jpg) no-repeat;
		width: 149px;
		height: 19px;
		margin: 20px 0 0 30px;
	}
	
	#tmj-title{
		background: url(../images/titles/tmj.jpg) no-repeat;
		width: 149px;
		height: 19px;
		margin: 20px 0 0 30px;
	}
	
	#sitemap-title span, #quick-contact span {
		display:none;
	}
/* Gallery Thumnails */
	
	#gallery-th1, #gallery-th2, #gallery-th3, #gallery-th4{
		width: 227px;
		height: 72px;
		margin: 10px 3px;
		float: left;
		display: inline;
	}
	
	#gallery-th1{
		background: aqua url(../images/gallery/1.th.jpg);
	}
	
	#gallery-th2{
		background: aqua url(../images/gallery/1.th.jpg);
	}
	
	#gallery-th3{
		background: aqua url(../images/gallery/1.th.jpg);
	}
	
	#gallery-th4{
		background: aqua url(../images/gallery/1.th.jpg);
	}
	
 
/* Topnav Bar */
		#navbar { 
	background:url("../images/topnav.gif") no-repeat; 
	width:728px; 
	height:38px; 
	margin:0;
	padding:0; 
	}

#navbar span { display: none; }

#navbar li, #navbar a { height:30px; display:block; } /* change height here also */

#navbar li { 
	float:left; 
	list-style:none; 
	display:inline; 
	position:relative;
	}

#navbar-01 { width: 67px; margin-left: 47px;}
#navbar-02 { width: 126px;}
#navbar-03 { width: 112px;}
#navbar-04 { width: 110px;}
#navbar-05 { width: 117px;}
#navbar-06 { width: 70px;}
#navbar-07 { width: 52px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#navbar-01 a:hover { background:url("../images/topnav.gif")  -47px -38px no-repeat; }
#navbar-02 a:hover { background:url("../images/topnav.gif") -114px -38px no-repeat; }
#navbar-03 a:hover { background:url("../images/topnav.gif") -240px -38px no-repeat; }
#navbar-04 a:hover { background:url("../images/topnav.gif") -352px -38px no-repeat; }
#navbar-05 a:hover { background:url("../images/topnav.gif") -462px -38px no-repeat; }
#navbar-06 a:hover { background:url("../images/topnav.gif") -579px -38px no-repeat; }
#navbar-07 a:hover { background:url("../images/topnav.gif") -649px -38px no-repeat; }


/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#navbar li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#6A89BE;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index:99999;
	}

#navbar li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #FFF;
	border-top:none;
	z-index:99999;
	}	

#navbar li ul li a {
	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}

#navbar li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#navbar a:link, #navbar a:visited, #navbar a:hover, #navbar a:active {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}

#navbar li:hover ul, #navbar li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#navbar-05 ul a:hover, #navbar-04 ul a:hover { 
	background-image:none;
	background-color:#2780EC;
	color:#FFFFFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#navbar-05 ul, #navbar-05 li { width:90px; }		
#navbar-04 ul, #navbar-04 li { width:90px; }


/* Ad-box Nav */

		#adboxnav li{
			list-style: none;
			position: absolute;
		}

		#adboxnav li, #adboxnav a {
			height: 61px; display: block;
		}
		
		#adbox li span{
			display: none;
		}
		
		#adboxnav1 {top: 51px;}
		#adboxnav2 {top: 114px;}
		#adboxnav3 {top: 177px;}
		
		#adboxnav1, #adboxnav2, #adboxnav3{
			left: 0; width: 267px;
		} 
		
		#adboxnav1 a:hover { background: transparent url(../images/adbox-content.jpg) -267px   -51px   no-repeat;}
		#adboxnav2 a:hover { background: transparent url(../images/adbox-content.jpg) -267px   -114px  no-repeat;}
		#adboxnav3 a:hover { background: transparent url(../images/adbox-content.jpg) -267px   -177px  no-repeat;}

/* Bottom Text Links */

		#closer ul, #closer-sub ul {
			margin: 5px 0 8px 0;
			padding: 20px 0 0 0;
		}
			
		#closer li, #closer-sub li {
			margin: 0;
			padding: 0 4px 0 7px;
			display: inline;
			border-left: 1px solid #000;
			background: none;
			font-size: 11px;
			color: #757575;
			}
		
		#closer li.first, #closer-sub li.first { border: none; }
		#closer p, #closer-sub p {
	font-size: 11px;
	color: #757575;
	margin: 0 0 0 0;
}
		#closer a:link, #closer-sub a:link, #closer a:visited, #closer-sub a:visited { color: #757575; font-size: 11px;}
		#closer a:hover, #closer-sub a:hover, #closer a:active, #closer-sub a:active{ color: #fc3d02; font-size: 11px;}
		
/* Quick Contact Form */
/* ------------------------ form elements ------------------------ */
fieldset {border: none;}
form {
	width:150px;
	margin:10px 0 15px 15px; /* set margin left and right below */
	border: none;
	}

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#ffffff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #838383;
	color:#000;
	width:130px; /* 5 pixles smaller than form width !important */
	height:17px;
	line-height:17px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif; 
	font-size:.95em;
	}

select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:66px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 

/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 20px; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	color: #333333;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/submit-quick-contact.gif");
	width:41px;
	height:18px;
	border:none;
	cursor:pointer;
	}
		
		.formmessage{
			font-family:Verdana,Arial; width: 300px;
		}
		
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
}

.padding-left {
	margin-left: 5px;
}
.padding-right {
	margin-right: 5px;
}

.maincontactbutton{
	border: none;
}
#patientforms {
	background-image: url(../images/downloadforms.jpg);
	height: 94px;
	width: 121px;
	margin: 15px 0 15px 23px;
}
#patientforms a {
	height: 94px;
	width: 121px;
	display:block;
}

.center {
	text-align:center;
}

.back-to-top {
	text-align:right;
}

#right-nav {
	background: url(../images/rightnav.jpg);
	width:150px;
	height:106px;
	margin-left:10px;
}

#right-nav a {
	height:32px;
	display:block;
}

#right-nav a span {
	display:none;
}
#bloglink a {

font-size: 17px;
padding-left: 4px;

}