/* ------------------------------------------------------------------------------------- */
/* 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-color: #212147; text-align: center;}
	
p, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #1D4882;
	line-height: 16px;
}
a img, :link img, :visited img { border: none }
a:link, a:visited { color: #0066FF; text-decoration: underline;}
a:hover, a:active { color: #0099FF; text-decoration: underline;}
	
span { display: none;}
	
li {
list-style: url(../images/index/li.jpg);
}
li a:link, li a:visited { color: #1F5194; text-decoration: underline;}
li a:hover, li a:active { color: #0099FF; text-decoration: underline;}
ul {margin: 20px 0 20px 10px; padding: 0 0 0 10px;}
	
/* main structural elements
 * ------------------------------------------------------------------------------------- */
 
#wrapper { background: url(../images/index/content_bkgrnd.jpg) left top repeat-y; width: 760px; margin: 0 auto; text-align: left;}

#content-container { background: url(../images/index/chicago_img.jpg) bottom left  no-repeat; width: 760px; float: left; }

#content-container-contact { width: 760px; float: left; }

#left-column-container { width: 313px; margin: 0; text-align: left; float: left;}
	
#right-column-container { width: 447px; margin: 0 auto; float: left; clear: right;}
	
/* READ MORE btns
 * ------------------------------------------------------------------------------------- */	
 
#bna { position:relative; }
#bna #gallery {
	background: url(../images/index/quick_contact_hd.jpg) left top no-repeat;
	width: 313px;
	height: 110px;
}
#gallery a {
	position: absolute;
	width: 313px;
	height: 60px;
	top: 0px;
	left: 0px;
}
 
.readmore01	{ position:relative; }
.readmore01 .button { background: url(../images/index/read_more01.jpg) left top no-repeat; width: 447px; height: 51px;}
.button a { position: absolute; width: 93px; height: 30px; top: 10px; left: 297px;}
		
#readmore02	{ position:relative; }
#readmore02 #button02 { background: url(../images/index/read_more02.jpg) left top no-repeat; width: 502px; height: 65px;}
#button02 a { position: absolute; width: 141px; height: 65px; top: 0px; left: 361px;}

#readmore03	{ position:relative; }
#readmore03 #button03 { background: url(../images/index/read_more03.jpg) left top no-repeat; width: 502px; height: 65px;}
#button03 a { position: absolute; width: 141px; height: 65px; top: 0px; left: 361px;}

#readmore04	{ position:relative; }
#readmore04 #button04 { background: url(../images/index/read_more04.jpg) left top no-repeat; width: 502px; height: 56px;}
#button04 a { position: absolute; width: 141px; height: 56px; top: 0px; left: 361px;}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu-vert {
	background: url(../images/index/menu_vert.jpg) left top no-repeat;
	width: 313px;
	height: 187px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu-vert li span {display: none;}
#menu-vert li {margin: 0; padding: 0; list-style: none; position: absolute;}

#menu-vert li, #menu-vert a {height: 23px; display: block;}
#menu-vert-01 {top: 18px;}
#menu-vert-02 {top: 42px;}
#menu-vert-03 {top: 66px;}
#menu-vert-04 {top: 90px;}
#menu-vert-05 {top: 114px;}
#menu-vert-06 {top: 138px;}

#menu-vert-01, #menu-vert-02, #menu-vert-03, #menu-vert-04, #menu-vert-05, #menu-vert-06 { left: 0px; width: 313px; }

#menu-vert-01 a:hover {background: transparent url(../images/index/menu_vert.jpg) -313px -18px no-repeat;}
#menu-vert-02 a:hover {background: transparent url(../images/index/menu_vert.jpg) -313px -42px no-repeat;}
#menu-vert-03 a:hover {background: transparent url(../images/index/menu_vert.jpg) -313px -66px no-repeat;}
#menu-vert-04 a:hover {background: transparent url(../images/index/menu_vert.jpg) -313px -90px no-repeat;}
#menu-vert-05 a:hover {background: transparent url(../images/index/menu_vert.jpg) -313px -114px no-repeat;}
#menu-vert-06 a:hover {background: transparent url(../images/index/menu_vert.jpg) -313px -138px no-repeat;}

/* 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: 313px;
	height: 182px;
}

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

#logo {
	background: url(../images/index/landman_logo.jpg) left top no-repeat;
	width: 313px;
	height: 185px;
}

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

#restorative-hd {
	background: url(../images/index/restorative_hd.jpg) left top no-repeat;
	width: 447px;
	height: 50px;
	float: left;
}

#meet-drs-hd {
	background: url(../images/index/meet_dr_hd.jpg) left top no-repeat;
	width: 447px;
	height: 224px;
	float: left;
}
/* SUB title headers
* -------------------------------------------------------------------------------------- */
#sub-masthead {
	background: url(../images/sub/sub_masthead.jpg) left top no-repeat;
	width: 760px;
	height: 56px;
	float: left;
}

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

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

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

#cosmetic-hd {
	background: url(../images/sub/cosmetic_hd2.jpg) no-repeat left top;
	width: 447px;
	float: left;
}

#implant-hd {
	background: url(../images/sub/implants_hd.jpg) left top no-repeat;
	width: 447px;
	float: left;
}

#sub-restorative-hd {
	background: url(../images/sub/restorative_hd.jpg) left top no-repeat;
	width: 447px;
	float: left;
}
 /* SITE content
 * ------------------------------------------------------------------------------------- */

#left-column-container p { margin: 5px 30px 10px 62px;}
#left-column-container form { margin: 10px 0px 15px 62px;}

#right-column-container p.intro { padding: 307px 0px 0px 0px;}
#right-column-container p { margin: 0px 80px 10px 20px;}
#right-column-container p.subintro { padding: 270px 0px 0px 0px;}
#right-column-container ul { margin: 0px 80px 10px 35px;}
#right-column-container h2 { margin: 0px 80px 10px 20px;}
#right-column-container h2.subintro { padding: 270px 0px 0px 0px;}

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

#sub-page-footer {
	background: url(../images/sub/sub_page_footer.jpg) left top no-repeat;
	width: 769px;
	height: 41px;
	clear: both;
}

#footer { 
    background-color: #212147;
	width: 769px;
	margin: 0px;
	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: #E6B6D1; }
#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 
 * ------------------------------------------------------------------------------------- */

 div.clear { clear: both;}
.pic-float-left { float: left; padding-right: 5px;} 
.pic-float-right { float: right; padding-left: 5px;} 
.top { display: block; text-align: right; font-size: 10px;}
	
/* QUICK CONTACT / MAINCONTACT elements
 * ------------------------------------------------------------------------------------- */
.req { font-size: 10px;} 
.SubmitButton, .button { cursor: pointer;}
.quickcontact { width: 217px;}
input, textarea {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 11px;
	color: #545C81;
	border: 1px solid #C1C4D2;
	background-color: #FFF;
	margin-bottom: 3px;
}

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

#contact-main-wrapper { width: 440px; margin-left: 0px;}
	
#contact-main input, #contact-main textarea, #contact-main select {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 11px;
	color: #545C81;
	border: 1px solid #C1C4D2;
	background-color: #FFF;
	margin: 0 0 5px 0;
	clear: both;
	vertical-align: middle;
}
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 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%; width: 150px;}
#contact-main label {
		position: relative; 
		width: 180px; 
		display: block; 
		margin: 0 10px; 
		text-align: right; 
		height: 20px;
}
#contact-main label textarea {
		position: absolute; 
		left: 110%; 
		top: 0px; 
		width: 150px; 
		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;}

 
#pdf {
background:url("../images/index/pdf_thumb.jpg") no-repeat;
margin:10px 0 10px 75px;
height:109px;
}
 
#pdf a {
	position:absolute;
	height:109px;
	width:200px;	
		}