/* 
----------------------------------------------------------------------------
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 - layout.css
---------------------------------------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* remove default link styles */
:link,:visited { text-decoration:none; }

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img { border:none; }


/* basic elements
 * ------------------------------------------------------------------------- */

/* global */ 
body { background:url("../images/index/bg-body.gif") repeat-x top left #3A6B86; text-align:left; }
p,a:link,a:visited,ul,ol,li,dl,dt,dd { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#515B43; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height: 15px; }
p,pre,blockquote { margin-bottom:10px; }
a:link,a:visited { color:#DA6139; text-decoration:underline; }
a:hover,a:active { text-decoration:none; }
h1 span,h2 span,h3 span { display:none; }

/* classes */
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 2px; }
.clear { clear:both; height:1em; overflow:hidden; }
.center { text-align:center; }


/* contact forms
 * ------------------------------------------------------------------------- */

/* quick contact */
form { width:155px; padding:10px 0 15px 18px; }
input, textarea { background-color:#fff; border:1px solid #404040; width:155px; height:18px; margin-bottom:4px;
                  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#404040; }
textarea { height:70px; overflow:auto; }
.submit, .submit-big-contact { width:60px; cursor:pointer; }

/* main contact - medical */
#big-contact { padding:10px 0 10px 25px; float:left; }
#big-contact label, #big-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#115477; }
#big-contact label { width:200px; position:relative; display:block; text-align:right; color:#115477; }
#big-contact label input, #big-contact label textarea, #big-contact select { background-color:#fff; border:1px solid #115477; position:absolute; width:200px; left:110%; top:-2px; }
#big-contact label textarea { width:200px; height:100px; top:0; }
.submit-big-contact { margin:85px 0 0 217px; }

/* bmi calculator */
#bmi-calc { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1C6B94; font-weight:bold; width:160px; margin-left:12px; } 
#bmi-calc input { height:18px; }
.input-bmi-calc { background-color:#fff; border:1px solid #1C6B94; width:30px; margin-bottom:4px; padding-left:2px; }
.submit-bmi-calc { width:100px; border:1px solid #1C6B94; height:15px; cursor:pointer; text-align:center; }
.result-bmi-calc { width:60px; border:1px solid #1C6B94; padding-left:2px; }


/* skeleton
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/index/bg-index.gif") repeat-y; width:760px; margin:0 auto; }
 #top { background:url("../images/index/top.gif"); width:543px; height:118px; float:left; }
 #banner { background:url("../images/index/flash.jpg"); height:196px; clear:both; }
 
 #column-left { width:543px; float:left; }
 #column-left p { padding-left:35px; padding-right:18px; color:#115477; }
  #header-welcome { background:url("../images/index/header-welcome.jpg") no-repeat; padding-top:40px; }
  #header-welcome p { padding-right:190px; }
  #header-box-middle { background:url("../images/index/header-box-middle.gif") no-repeat; height:49px; }
  #bg-box-middle { background:url("../images/index/bg-box-middle.gif") repeat-y; padding-left:35px; }
  #bg-box-middle p { padding:0; }
   .box-middle-columns { width:215px; float:left; padding-left:20px; }
  #bottom-box-middle { background:url("../images/index/bottom-box-middle.gif"); height:21px; }
  
  #bottom-column-left { width:315px; float:left; }
   #header-candidate { background:url("../images/index/header-candidate.gif"); height:37px; }
  #bottom-column-right { width:228px; float:left; }
   #bmi-top { background:url("../images/index/bmi-top.gif"); height:62px; }
   #bmi-bg { background:url("../images/index/bmi-bg.gif") repeat-y; }
   #bmi-bottom { background:url("../images/index/bmi-bottom.gif"); height:20px; clear:both; }
  
  
 #column-right { width:217px; float:left; }
 #column-right p { color:#fff; padding-left:18px; padding-right:45px; }
 #column-right a { color:#fff; }
 .bna-thumb-column-right { padding-left:2px; padding-right:0; }
  #header-quick-contact { background:url("../images/index/header-quick-contact.gif"); height:72px; }
  #header-gallery-index { background:url("../images/index/header-gallery-index.gif"); height:30px; margin-top:15px; margin-bottom:5px; }
 
 #bottom { background:url("../images/index/bottom.gif") no-repeat; width:760px; height:26px; clear:both; overflow:hidden; }


/* skeleton inside
 * ------------------------------------------------------------------------- */
 #banner-01 { background:url("../images/inside/banner-01.jpg"); height:196px; clear:both; }
 #banner-02 { background:url("../images/inside/banner-02.jpg"); height:196px; clear:both; }
 #banner-03 { background:url("../images/inside/banner-03.jpg"); height:196px; clear:both; }
 #banner-04 { background:url("../images/inside/banner-04.jpg"); height:196px; clear:both; }
 #header-about-our-program { background:url("../images/inside/header-about-our-program.gif") no-repeat; height:128px; margin-bottom:-90px; }
 #header-about-surgery { background:url("../images/inside/header-about-surgery.gif") no-repeat; height:128px; margin-bottom:-90px; }
 #header-are-you-candidate { background:url("../images/inside/header-are-you-candidate.gif") no-repeat; height:128px; margin-bottom:-90px; }
 #header-contact { background: url("../images/inside/header-contact.gif") no-repeat; height:128px; margin-bottom:-90px; }
 #header-thankyou { background: url("../images/inside/header-thankyou.gif") no-repeat; height:128px; margin-bottom:-90px; }
 #header-gallery { background: url("../images/inside/header-gallery.gif") no-repeat; height:128px; margin-bottom:-90px; }
 #header-what-is-obesity { background:url("../images/inside/header-what-is-obesity.gif") no-repeat; height:128px; margin-bottom:-90px; }

/* bna
 * ------------------------------------------------------------------------- */
#bna-wrap { width:640px; height:480px; }
 #bna-top { background:url("../bna/layout/bna-top.gif"); height:119px; }
    #bna-top a {
		position:absolute;
		left:0px;
		top:0px;
		width:200px;
		height:115px;
		}
	#bna-top a span { 
		display:none; 
		}
 #bna-case { height:301px; }
 #bna-bottom { background:url("../bna/layout/bna-bottom.gif"); height:60px; }
 .bna-thumbs {width: 200px; font-weight:bold; margin:0 0 5px 0; padding-left:25px; float:left;}


/* footer
 * ------------------------------------------------------------------------- */
#footer { width:705px; text-align:center; margin:0 auto; }
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#fff; }
#footer a:hover, #footer a:active { text-decoration:underline; }


/* nav
 * ------------------------------------------------------------------------- */

#nav { background:url("../images/index/nav.jpg") no-repeat; width:760px; height:111px; position:relative; }
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height:111px; display:block; }
#nav span { display:none; }

#nav-01 { width: 141px; left: 26px; }
#nav-02 { width: 141px; left: 168px; }
#nav-03 { width: 141px; left: 310px; }
#nav-04 { width: 141px; left: 452px; }
#nav-05 { width: 141px; left: 594px; }

#nav-01 a:hover { background: transparent url("../images/index/nav.jpg") -26px -111px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/index/nav.jpg") -168px -111px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/index/nav.jpg") -310px -111px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/index/nav.jpg") -452px -111px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/index/nav.jpg") -594px -111px no-repeat; }


/* nav-top
 * ------------------------------------------------------------------------- */

#nav-top { background:url("../images/index/nav-top.gif") no-repeat; width:217px; height:118px; position:relative; float:left; }
#nav-top li { position:absolute; top:52px; }
#nav-top li, #nav-top a { height:26px; display:block; }
#nav-top span { display:none; }

#nav-top-01 { width: 60px; left: 0px; }
#nav-top-02 { width: 92px; left: 86px; }

#nav-top-01 a:hover { background: transparent url("../images/index/nav-top.gif") -0px -170px no-repeat; }
#nav-top-02 a:hover { background: transparent url("../images/index/nav-top.gif") -86px -170px no-repeat; }