/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. 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

CSS Document - styles.css
---------------------------------------------------------------------------- */
ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
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; }
a img,:link img,:visited img { border: none; }

/* HTML
---------------------------------------------------------------------------- */
html,body { height: 100%; }

body {
	margin: 0 auto;
	text-align: center;
	font: 12px/17px arial, helvetica;
	background: #4e0884 url(../images/body-bg.jpg) repeat-x left top;
	color: #000;
}

a { text-decoration: none; color: #500886; font-weight: bold; }
a:hover { text-decoration: underline; }
fieldset { border: none; }

h1,h2,h3,h4,h5,h6 { color: #4e0884; line-height: normal; }
h1 { font-size: 14px; }
h2,h3,h4,h5,h6 { font-size: 12px; }

em strong { display: block; visibility: hidden; }


/* Layout
---------------------------------------------------------------------------- */
#whole-container, #wrap { width: 787px; margin: 0 auto; }
#whole-container { background: url(../images/bot-bg.jpg) repeat-y; height: 100%; }
#wrap { float: left; text-align: left; background: url(../images/wrap-bg.jpg); }
#mast-container { width: 787px; position: relative; }
	#splash, #mast, #nav { float: left; }
	#splash { width: 515px; height: 375px; background: url(../images/splash.jpg); }
	#mast { width: 272px; height: 146px; /*background: url(../images/mast.jpg);*/ }

/* Navigation
---------------------------------------------------------------------------- */
#nav a span { display: none; }
#actual-nav { width: 272px; height: 229px; background: url(../images/nav.jpg); }
#actual-nav li { float: left; width: 272px; }
#actual-nav li, #actual-nav a { display: block; height: 34px; }
#actual-nav a { margin-left: 62px; width: 179px; }

#btn1 { margin-top: 2px; }

#btn1 a:hover { background: transparent url(../images/nav.jpg) no-repeat -334px -2px; }
#btn2 a:hover { background: transparent url(../images/nav.jpg) no-repeat -334px -36px; }
#btn3 a:hover { background: transparent url(../images/nav.jpg) no-repeat -334px -70px; }
#btn4 a:hover { background: transparent url(../images/nav.jpg) no-repeat -334px -104px; }
#btn5 a:hover { background: transparent url(../images/nav.jpg) no-repeat -334px -138px; }
#btn6 a:hover { background: transparent url(../images/nav.jpg) no-repeat -334px -172px; }


/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
.content-container { width: 787px; height: auto; clear: both; }
#left-col, #mid-col, #right-col { float: left; height: auto; }
#left-col { width: 289px; background: url(../images/hdr-welcome.jpg) no-repeat left top; }
	#left-col em strong { height: 92px; }
	#left-col h1 { margin: 0 8px 5px 62px; }
	#left-col p { margin: 0 8px 11px 62px; }
#mid-col { width: 280px; background: url(../images/hdr-featured-procedures.jpg) no-repeat left top; }
	#mid-col em strong { height: 92px; }
	#mid-col h1.indent { margin: 0 18px 5px 112px; }
	#mid-col h1 { margin: 0 18px 5px 12px; }
	#mid-col p { margin: 0 18px 11px 12px; }
	#mid-col p.first { margin: 0 18px 11px 62px; }
	#mid-col .procedures { width: 280px; }
	#mid-col .procedures a { font-weight: normal; }
	#mid-col .procedures li { float: left; width: 225px; padding: 0 18px 0 12px; }
	
#hdr-meet-dr { width: 280px; height: 70px; background: url(../images/hdr-meet-dr.jpg); }

#right-col { width: 218px; background: url(../images/hdr-contact-us.jpg) no-repeat left top; }
	#right-col em strong { height: 88px; }
	#right-col p { margin: 0 62px 11px 0; }

#content-bot { background: url(../images/pre-bot.jpg) no-repeat left bottom; height: 320px; }
	#content-bot em strong { height: 42px; }
	#content-bot p { margin: 0 88px 11px 233px; }
	#content-bot p.first { margin: 0 88px 11px 200px; }

#footer { background: transparent url(../images/bot-bg.jpg) repeat-y; width: 787px; clear: both; text-align: left; padding-bottom: 24px; color: #fff; }
	#footer a { color: #fc9; }
	#footer ul { margin: 0 24px 1px; }
	#footer li { padding: 0 4px 0 7px; border-left: 1px solid #ccc; display: inline; }
	#footer li.first { border-left: none; }
	#footer p { margin: 0 29px 9px; }
	
/* Subpages
---------------------------------------------------------------------------- */
#sub-left-col, #sub-right-col { float: left; }
	#sub-left-col { width: 515px; }
		#sub-left-col h1, #sub-left-col h2, #sub-left-col h3, #sub-left-col h4, #sub-left-col h5, #sub-left-col h6 { margin: 0 9px 5px 62px; }
		#sub-left-col p { margin: 0 9px 11px 62px; }
		#sub-left-col h2.no-margin { margin: 0 9px 5px 0; }
		#sub-left-col .procedures-index { width: 200px; float: left; }
			#sub-left-col .p1 h2, #sub-left-col .p3 h2 { margin-left: 62px; }
			#sub-left-col .p1 ul { margin-left: 80px; list-style: outside disc; }
			#sub-left-col .p2 ul { margin-left: 18px; list-style: outside disc; }
		#sub-left-col .p3 ul { margin-left: 80px; list-style: outside disc; }

	#sub-right-col { width: 272px; }
		#sub-right-col p { margin: 0 62px 11px 0; }

#hdr-exceptional-results { background: url(../images/sub/hdr-exceptional-results.jpg) no-repeat; }
#hdr-main-contact-us { background: url(../images/sub/hdr-main-contact-us.jpg) no-repeat; }
#hdr-meet-dr-jtm { background: url(../images/sub/hdr-meet-dr-jtm.jpg) no-repeat; }
#hdr-procedures { background: url(../images/sub/hdr-procedures.jpg) no-repeat; }
#hdr-welcome { background: url(../images/sub/hdr-welcome.jpg) no-repeat; }
	#hdr-welcome em strong, #hdr-procedures em strong, #hdr-meet-dr-jtm em strong, #hdr-main-contact-us em strong, #hdr-exceptional-results em strong { display: block; visibility: hidden; height: 102px; } 

#hdr-contact-us2 { background: url(../images/sub/hdr-contact-us2.jpg) no-repeat; }
	#hdr-contact-us2 em strong { display: block; visibility: hidden; height: 192px; }
#hdr-maps-dir { background: url(../images/sub/hdr-maps-dir.jpg) no-repeat; }
	#hdr-maps-dir em strong { display: block; visibility: hidden; height: 222px; }

#content-bot2 { width: 787px; float: left; background: url(../images/sub/clear-pre-bot.jpg) no-repeat left bottom; }

/* Index Contact Form / Quick Contact Form
---------------------------------------------------------------------------- */
#right-col form { margin: 0 62px 11px 0; }
#sub-right-col form { margin: 0 62px 11px 0; }
#right-col input, #right-col textarea, #sub-right-col input, #sub-right-col textarea {
	font: 11px/17px lucida grande,lucida sans,lucida sans unicode,arial,helvetica;
	width: 124px;
	padding: 2px 3px;
	margin-bottom: 2px;
	display: block;
	background-color: #a1bbF7;
	border: 1px solid #121e52;
}
#right-col textarea, #sub-right-col textarea { height: 64px; overflow: hidden; }

#right-col input.hidden, #sub-right-col input.hidden { display: none; }
#right-col input.btn-send, #sub-right-col input.btn-send { width: 49px; height: 17px; border: none; background: none; }

/* Main Contact Form
---------------------------------------------------------------------------- */
#sub-left-col form { margin: 0 9px 11px 62px; }
#sub-left-col fieldset { margin-bottom: 5px; }
#sub-left-col fieldset div { float: left; width: 210px; }
#sub-left-col div.field-item { padding-right: 12px; text-align: right; }

#sub-left-col input, #sub-left-col select {
	font: 11px/17px lucida grande,lucida sans,lucida sans unicode,arial,helvetica;
	width: 124px;
	padding: 2px 3px;
	background-color: #a1bbF7;
	border: 1px solid #121e52;
}

#sub-left-col textarea {
	font: 11px/17px lucida grande,lucida sans,lucida sans unicode,arial,helvetica;
	width: 344px; height: 96px;
	padding: 2px 3px;
	background-color: #a1bbF7;
	border: 1px solid #121e52;
	overflow: hidden; 
}

#sub-left-col input.hidden { display: none; }
#sub-left-col input.btn-send { width: 64px; text-align: center; }

/* Classes
---------------------------------------------------------------------------- */
#sub-left-col div.misc-space { height: 220px; }
#sub-right-col div.misc-space { height: 120px; }
.clear { clear: both; height: 0; overflow: hidden; }
.clear2 { clear: both; height: 11px; overflow: hidden; }
.clear3 { clear: both; height: auto; overflow: hidden; margin: 12px auto; text-align: center; }
.img-left { float: left; }
#hdr-maps-dir a img.img-bdr { border: 3px solid #333; }
div.rule { width: 460px; height: 12px; border-top: 2px solid #4e0884; margin-left: 52px; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.prple {color:#500866;}
.req {font-size:10px; padding:0; margin:0;}