/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */


/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body { background: #2E498F url(../images/index/bg.jpg) top left repeat-x; text-align: center;}
	
p, div, td, input, select, textarea {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 16px;
}
p.h1, p.h2, p.h3, p.h4 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000;
	line-height: 16px;
}

a img, :link img, :visited img { border: none }
a:link, a:visited { color: #FF6600; text-decoration: underline;}
a:hover, a:active { color: #0099FF; text-decoration: underline;}
	
span { display: none;}
	
.sidebar li { list-style: url(../images/index/li.jpg);}
.sidebar li a:link, .sidebar li a:visited { color: #1F5194; text-decoration: underline;}
.sidebar li a:hover, .sidebar li a:active { color: #0099FF; text-decoration: underline;}

.li li { list-style: url(../images/index/li02.jpg);}
.li li a:link, .li li a:visited { color: #FF6600; text-decoration: underline;}
.li li a:hover, .li li a:active { color: #0099FF; text-decoration: underline;}


/* misc bullet styles */
	#wrapper ul.horiz li.welcome {
		padding-left: 17px;
		padding-right: 10px;
		line-height: 18px;
		border-left: none;
		background-position: 0 5px;
		background-repeat: no-repeat;
		}
	
	#wrapper ul li.welcome { background-image: url(../images/index/li02.jpg); }

	/* generic horizontal list */
	#wrapper ul.horiz	{ padding-left:44px; padding-top: 20px; padding-bottom: 15px; }

	#wrapper ul.horiz li {
		display: inline;
		line-height: 12px;
		border-left-width:0px; 
		border-left-style: none;
		}
	
#wrapper ul.horiz li.first { border:none; padding-left:0; }	/* removes first inline menu item border */

/* main structural elements
 * ------------------------------------------------------------------------------------- */
 
#wrapper { background: url(../images/index/content_bkgrnd.jpg) left top repeat-y; width: 757px; margin: 0 auto; text-align: left;}

#img-container { background: url(../images/index/img_container.jpg) left top no-repeat; width: 757px; height: 192px; margin: 0 auto; float: left;}
	
#left-column-container {
	width: 225px;
	float: left;
}
	
#right-column-container {
	width: 532px;
	float: left;
}
	
#sub-right-column-container {
	width: 532px;
	float: left;
}
#middle-container { 
    background: url(../images/index/middle_container_bkgrnd.jpg) left top repeat-y;
	width: 532px;
	float: left;
}
#doctors-container {
	width: 532px;
	float: left;
}
#smile-container {
	width: 532px;
	float: left;
}
	
#general-dentistry {
	width: 256px;
	float: left;
}
#cosmetic-dentistry {
	width: 276px;
	float: left;
}
	
/* READ MORE btns
 * ------------------------------------------------------------------------------------- */	
 
#logos	{ position:relative; }
#logos #logo01 { background: url(../images/index/logos.jpg) left top no-repeat; width: 225px; height: 171px;}
#logo01 a { position: absolute; width: 83px; height: 63px; top: 3px; left: 74px;}
#logo02 a { position: absolute; width: 119px; height: 53px; top: 94px; left: 55px;}

#readmore01	{ position:relative; }
#readmore01 #button01 { background: url(../images/index/learn_more_btn.jpg) left top no-repeat; width: 532px; height: 17px;}
#button01 a { position: absolute; width: 90px; height: 17px; top: 0px; left: 422px;}


/* HORZ sprite nav
 * ------------------------------------------------------------------------------------- */
 
#menu {
	background: url(../images/index/menu.jpg) left top no-repeat;
	width: 757px;
	height: 36px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}

#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu li, #menu a {height: 36px; display: block;}

#menu-01 {left:  14px; width: 79px;}
#menu-02 {left:  93px; width: 104px;}
#menu-03 {left: 197px; width: 150px;}
#menu-04 {left: 347px; width: 162px;}
#menu-05 {left: 509px; width: 123px;}
#menu-06 {left: 632px; width: 115px;}

#menu-01 a:hover {background: transparent url(../images/index/menu.jpg)  -14px -36px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/index/menu.jpg)  -93px -36px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/index/menu.jpg) -197px -36px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/index/menu.jpg) -347px -36px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/index/menu.jpg) -509px -36px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/index/menu.jpg) -632px -36px no-repeat;}

/* Image Replacement
 * ------------------------------------------------------------------------------------- */
 
#quick-contact-hd {
	background: url(../images/index/quick_contact_hd.jpg) left top no-repeat;
	width: 225px; height: 39px;
	float: left;
}

#masthead {
	background: url(../images/index/masthead.jpg) left top no-repeat;
	width: 757px;
	height: 71px;
}

#procedures-hd {
	background: url(../images/index/procedures_hd.jpg) left top no-repeat;
	width: 225px;
	height: 59px;
	
}

#welcome-hd {
	background: url(../images/index/welcome_hd.jpg) left top no-repeat;
	height: 39px;
	width: 532px;
}

#cosmetic-hd {
	background: url(../images/index/cosmetic_dentistry_hd.jpg) left top no-repeat;
	width: 276px;
	height: 46px;
}

#general-hd {
	background: url(../images/index/general_dentistry_hd.jpg) left top no-repeat;
	width: 256px;
	height: 46px;
}

#meet-dr-hd {
	background: url(../images/index/meet_doctors_hd.jpg) left top no-repeat;
	width: 532px;
	height: 60px;
	margin:0;
	padding:0;
}

#smile-hd {
	background: url(../images/index/smile_gallery_hd.jpg) left top no-repeat;
	width: 532px;
	height: 64px;
}


/* SUB title headers
* -------------------------------------------------------------------------------------- */

#about-hd {
	background: url(../images/sub/about_hd.jpg) left top no-repeat;
	width: 532px; height: 39px;
}
 
#contact-hd {
	background: url(../images/sub/contact_hd.jpg) left top no-repeat;
	width: 532px; height: 39px;
	float: left;
}

#thankyou-hd {
	background: url(../images/sub/thankyou_hd.jpg) left top no-repeat;
	width: 532px; height: 39px;
	float: left;
}

#cosmetic-dentistry-hd {
	background: url(../images/sub/cosmetic_hd.jpg) left top no-repeat;
	width: 532px; height: 39px;
	float: left;
}

#general-dentistry-hd {
	background: url(../images/sub/general_hd.jpg) left top no-repeat;
	width: 532px; height: 39px;
	float: left;
}

#testiomnials-hd {
	background: url(../images/sub/testiomnials_hd.jpg) left top no-repeat;
	width: 532px; height: 39px;
	float: left;
}
 /* SITE content
 * ------------------------------------------------------------------------------------- */

#left-column-container form { margin: 0px 0px 15px 32px;}
#left-column-container p { margin: 0px 0px 0px 34px; color: #4C4C4C;}
#left-column-container img { margin: 0px 0px 0px 50px;}
#left-column-container ul { margin: 0px 0px 0px 50px;}

.quick-contact { margin-top: 0px;}

left-column-container p.h1 { margin: 5px 0px 15px 37px;}
left-column-container p.h2 { margin: 5px 0px 15px 37px; color: #A94E1D;}
left-column-container p.h3 { margin: 5px 0px 15px 37px;}

#right-column-container p { margin: 5px 30px 5px 19px;}
#right-column-container .li { margin: 10px 0px 0px 34px;}
#right-column-container p.h1, #right-column-container p.h2 { margin: 10px 30px 10px 19px;}
#right-column-container ul {margin: 15px 30px 15px 40px;}

#btn-ptt { 
	position:relative;
	height:30px;
	margin:10px 0 10px 32px;
	}
	/* index page link within #masthead */		
	#btn-ptt a:link, #btn-ptt a:visited {
		background:url("../images/btn-ptt.jpg") no-repeat;
		position:absolute;
		left:0px;
		width:161px;
		top:0px;
		height:30px; 
		}
	#btn-ptt a:hover, #btn-ptt a:active {
		background:url("../images/btn-ptt-hover.jpg") no-repeat;
		position:absolute;
		left:0px;
		width:161px;
		top:0px;
		height:30px; 
		}
	#btn-ptt a span {
		display:none;
		}

/* PAGE FOOTER / FOOTER
 * ------------------------------------------------------------------------------------- */
 
#page-footer {
	background: url(../images/index/page_footer.jpg) left top no-repeat;
	width: 757px;
	height: 26px;
	clear: both;
}

#footer {  
	width: 757px;
	margin: 0 auto;
	padding: 1px 15px 14px 0px;
	text-align: center;
	line-height: 22px;	
}
#footer ul { padding: 0 30px 0 0;}
#footer li { padding: 5px 0px 0px 2px; display:inline; line-height: 15px; color: #FFF;}
#footer p { padding: 0px 30px 0px 15px; color: #D6E2F8; }
#footer a:link, #footer a:visited { color: #FFF; text-decoration:none; }
#footer a:hover, #footer a:active {	color: #FFF; text-decoration: underline; }

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 #featured-bnas { margin-left: 61px; }
 
 div.clear { clear: both;}
.pic-float-left { float: left; margin-right: 10px;} 
.pic-float-right { float: right; padding-left: 5px;} 


.top { display: block; text-align: right; font-size: 10px;}
	
#left-hr { background: url(../images/index/left_column_hr.jpg) left top no-repeat; width: 225px; height: 61px; }
	
	
/* QUICK CONTACT / MAINCONTACT elements
 * ------------------------------------------------------------------------------------- */
 
.req { font-size:10px;}
.quickcontact { width: 168px;}
input, textarea {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #D6E2F8;
	background-color: #FFF;
}
.SubmitButton { cursor: pointer;}
.button { cursor: pointer;}

/* Main Contact elements 
 * ------------------------------------------------------------------------------------- */

#contact-main-wrapper { width: 525px; margin-left: 0px;}
	
#contact-main input, #contact-main textarea, #contact-main select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A94E1D;
	border: 1px solid #C4C6D6;
	background-color: #FFF;
	margin: 0 0 5px 0;
	clear: both;
	vertical-align: middle;
	width:160px;
}
input.button, #contact-main label input.button	{ width: 70px;}

input submit a:hover {text-decoration: underline;}

#contact-main { margin-top: 25px;}
#contact-main br { clear: both;} 
#contact-main p, #contact-main p.h1 { text-align: left; margin: 10px 0 10px 0;}
	
#contact-main p.clear-textarea	{ margin-top:80px; }
#contact-main p.clear-textarea2 { margin-top: 2px; }

#contact-main .radio { width: 14px; background: transparent; border: none;}
#contact-main .checkbox { width: 14px; background: transparent; border: none; float: inherit;}
		
#contact-main label input, #contact-main label select { position: absolute; left: 110%; }
#contact-main label select { width:163px; }
#contact-main label {
		position: relative; 
		width: 260px; 
		display: block; 
		margin: 0 10px; 
		text-align: right; 
		height: 20px;
}
#contact-main label textarea {
		position: absolute; 
		left: 110%; 
		top: 0px; 
		height: 100px;
}
#contact-main label.print { margin-top: 40px;}
#contact-main input.button { margin-top: 10px;}
#contact-main label input.small-box { clear: none; float: left; width: 30px; margin-right: 10px;}


div.banner { width:234px; float:left; margin-left:20px; text-align:center;}