/* 
----------------------------------------------------------------------------
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

CSS Document - style.css
---------------------------------------------------------------------------- */
body {
	background: #B5BBC8 url(../images/repeat_top.gif) repeat-x left top;
	color: #FFFFFF;
	font: 11px/normal Arial, Helvetica, sans-serif;
	text-align: center;
}


/*
Content // Part I
---------------------------------------------------------------------------- */
#wrap {
	margin: 0 auto;
	text-align: left;
	width: 802px;
	background: url(../images/wrap_bg.jpg) repeat-y left top;
}
#gradient_top {
	margin: 0 auto;
	width: 802px;
	background: url(../images/_gradient.gif) no-repeat left top;
}
#secondary_wrap { width: 760px; margin: 0 auto; }
#mast_top {
	width: 760px; height: 88px; 
	background: url(../images/mast_top.jpg) no-repeat left top;
}

#splash {
	width: 760px; height: 217px; text-align: center;
	background: url(../images/flash/flash_html_bkgrnd.jpg) left top no-repeat;
}

/*
The Invisibles
---------------------------------------------------------------------------- */
#mast_top h1, #mast_top h2, #splash span, #actual_nav span, .more_info a span, #about_dr .more_info_btn a span, #right_cols h3 span, #right_cols h4 span { display: none; }


/*
Navigation
---------------------------------------------------------------------------- */
#actual_nav {
	width: 760px; height: 29px; 
	background: url(../images/nav.jpg) no-repeat left top;
	position: relative;
}
#actual_nav li { position: absolute; top: 0; }
#actual_nav li, #actual_nav a { display: block; height: 29px; }

#btn1 { width: 59px; left: 0; }
#btn2 { width: 112px; left: 60px; }
#btn3 { width: 142px; left: 170px; }
#btn4 { width: 109px; left: 311px; }
#btn5 { width: 95px; left: 419px; }
#btn6 { width: 47px; left: 513px; }
#btn7 { width: 125px; left: 559px; }
#btn8 { width: 78px; left: 683px; }

/*
Hover
---------------------------------------------------------------------------- */
#btn1 a:hover { background: url(../images/nav.jpg) repeat-y 0 -29px; }
#btn2 a:hover { background: url(../images/nav.jpg) repeat-y -60px -29px; }
#btn3 a:hover { background: url(../images/nav.jpg) repeat-y -170px -29px; }
#btn4 a:hover { background: url(../images/nav.jpg) repeat-y -311px -29px; }
#btn5 a:hover { background: url(../images/nav.jpg) repeat-y -419px -29px; }
#btn6 a:hover { background: url(../images/nav.jpg) repeat-y -513px -29px; }
#btn7 a:hover { background: url(../images/nav.jpg) repeat-y -559px -29px; }
#btn8 a:hover { background: url(../images/nav.jpg) repeat-y -683px -29px; }

/*
Content // Part II
---------------------------------------------------------------------------- */
#container_bg { width: 760px; height: 40px; background: url(../images/container_bg.gif) no-repeat left top; }
#left_cols { width: 537px; float: left; }
#change_your_life {
	width: 492px;
	margin: 10px auto 0;
	background: url(../images/change_your_life.jpg) no-repeat left top;
}

#change_your_life p, h2 {
	width: 450px;
	margin: 2px 9px 9px 22px;
}

.more_info {
	width: 127px; height: 14px;
	background: url(../images/more_info_btn.gif) no-repeat left top;
}
.more_info a { display: block; width: 127px; height: 14px; }

#bariatric_surgery {
	width: 492px;
	margin: 24px auto 0;
	background: url(../images/bariatric_surgery.jpg) no-repeat left top;
}

#bariatric_surgery p, h3 {
	width: 450px;
	margin: 2px 0px 9px 22px;
}

#about_dr {
	width: 492px; height: 95px;
	margin: 24px auto 0;
	background: url(../images/steven_maurice_bg.jpg) no-repeat left top;
}

#about_dr p {
	margin: 0 12px 0 99px;
}

#about_dr .more_info_btn a {
	position: relative;
	display: block;
	top: 4px; left: 264px;
	width: 127px; height: 14px;
}

#right_cols { width: 223px; float: left; }
#right_cols h3 {
	margin: 2px 16px 2px 6px;
	background: url(../images/contact_us.gif) no-repeat left top;
	width: 158px; height: 43px;
}
#right_cols h4 {
	margin: 24px 16px 2px 6px;
	background: url(../images/our_address.gif) no-repeat left top;
	width: 112px; height: 24px;
}
#right_cols p, #right_cols form { margin: 0 16px 12px 6px; }

.input_text {
	font: 11px/11px arial, lucida grande,lucida sans unicode,helvetica,sans-serif;
	line-height: normal;
	margin-bottom: 3px; padding: 2px;
	border: 1px solid #FFFDE8;
	background: #FFFDE8; color: #5C5743;
	width: 148px;
}

.text_dim {
	height: 56px;
	overflow: auto;
}





#footer {
	clear: both;
	width: 760px;
	height: 135px;
	background: url(../images/footer.jpg) no-repeat left top;
}
#footer a { color: #213558; text-decoration: none; }
#footer p { padding: 9px 12px 5px; text-align: center; }
#footer .cap { text-transform: uppercase; }
#footer_end {
	clear: both;
	width: 802px; height: 40px;
	background: url(../images/footer_end.jpg) no-repeat left top;
}

/*
Spacers
---------------------------------------------------------------------------- */
.space { height: 24px; }
.space_change_your_life { height: 52px; }
.space_bariatric_surgery { height: 60px; }
.space_about_dr { height: 32px; }

/*rolldown-------------------------------*/
#nav-container { position: relative;}
.menu .options1 {  margin-right:1px; margin-bottom:1px; border:0px solid #000000; background-color:#E4F1FC; width: 143px;  height: 55px; text-align: left;}
.menu a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; display:block; padding:2px 10px; text-decoration:none; background-color:transparent; margin-top: 1px; }
.menu a:visited { color:#490000; text-decoration: none; }
.menu a:hover { color:#490000; text-decoration: underline; }
.menu span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; display:block; padding:2px 10px; text-decoration:none; background-color:transparent; margin-top: 1px; }

/*----------------------------------------*/
#submit {margin: 0 0 0 5px;}


 #contact-button {
	background:transparent url("../images/contact-button.jpg") no-repeat;
	margin:0 20px 10px 18px;
	height:51px;
	width:156px;
	display: block;
	padding-top: 10px;
}


 #contact-button {
	background:transparent url("../images/contact-button.jpg") no-repeat;
	margin:0 20px 10px 18px;
	height:58px;
	width:156px;
	display: block;
	padding-top: 10px;
}

#blog-button {
	background:transparent url("../images/blog-button.jpg") no-repeat;
	margin:0 20px 10px 18px;
	height:58px;
	width:156px;
	display: block;
	padding-top: 10px;
}



#seminars {background: url(../images/seminars.gif) no-repeat; width:112px; height:24px; }



.bold {font-weight:bold; }

img.img-left { 
	float:left; 
	margin:0px;
	}

img.img-right { 
	float:right; 
	margin:0px; 
	}