* { margin : 0px ; padding : 0px ; }

body
{
	text-align : center ;
	font-size : 12px ;
	line-height : 13px ;
	font-family : calibri, Arial ;
	background : #ffffff url("images/background.png") repeat-x ; 
	width : 100% ;
	height : 100%;
}

p, ul { margin-bottom : 10px ; }

li { margin-left : 15px ; }

table { width : 250px; }

#whole { margin-left : auto;  margin-right :auto; width  : 831px ; height : 720px ; }

#whole #main  { width : 797px ; height : 720px ; display : inline-block ; float : left ; }

#home #whole #main { background : url("images/home.jpg") no-repeat ; } 
#specialoffers #whole #main { background : url("images/specialoffers.jpg") no-repeat ; }
#ourproducts #whole #main { background : url("images/ourproducts.jpg") no-repeat ; }
#treatments #whole #main { background : url("images/treatments.jpg") no-repeat ; }

#whole #main h1 { display : none ; }

#whole #main #text { display: inline ; float : left ; margin-left : 430px ; padding-top : 130px ; width : 320px ; height : 300px ; text-align : left ;}
#ourproducts #whole #main #text { float : left ; margin-left : 45px ; padding-top : 105px ; width : 300px ; height : 300px ; text-align : left ;}
 
#whole #navigation { float : right ; margin :  107px 0px 0px 0px ; width : 34px ; height : 588px ; }
#whole #navigation .nav { width : 33px ; height : 147px ; }
#whole #navigation .nav a { display : inline-block ; width : 33px ; height : 147px ; }
#whole #navigation .nav span { display : none ; }

#navigation .home a { background : url("images/home-tab.gif") no-repeat left center ;  }
#navigation .treatments a { background : url("images/treatments-tab.gif") no-repeat left center ;  }
#navigation .ourproducts a { background : url("images/ourproducts-tab.gif") no-repeat left center ;  }
#navigation .specialoffers a { background : url("images/specialoffers-tab.gif") no-repeat left center ;  }

#treatments .treatments a,#navigation .treatments a:hover   { background : url("images/treatments-selected.gif") no-repeat left center ;  }
#home .home a, #navigation .home a:hover   { background : url("images/home-selected.gif") no-repeat left center ; }
#specialoffers .specialoffers a,#navigation .specialoffers a:hover   { background : url("images/specialoffers-selected.gif") no-repeat left center ;  }
#ourproducts .ourproducts a, #navigation .ourproducts a:hover   { background : url("images/ourproducts-selected.gif") no-repeat left center ; }
    
#address { display : none ; }

#footer { margin-top : 10px ; margin-left : auto;  margin-right :auto;  width : 600px ; height : 40px ; float : none ; color : #333333 ;}
a.black { color : #333333 ; text-decoration : none ; }
a.black:hover { text-decoration : underline ; }



#article #whole { margin-left : auto;  margin-right : auto; width  : 800px ; height : 100% ; padding : 0px  50px 10px 50px ; text-align : left ;}
#article #whole { background : white url("Images/document main.png") top center repeat-y;}
#article #top { margin-left : auto;  margin-right : auto; width  : 900px ; height : 20px ; }
#article #top { background : white url("Images/document top.png") bottom center no-repeat;}
#article #bottom { margin-left : auto;  margin-right : auto; width  : 900px ; height : 20px ; }
#article #bottom { background : white url("Images/document bottom.png") top center no-repeat;}
body#article { background : white ; }
#article h2, #article h1, #article p { margin-bottom : 10px ; }
#article h1 { font-size : 26px ; margin-bottom : 20px ; }
#article p.heading { font-size : 40px ; font-weight : bold ; color : Gray ; margin-bottom : 30px ; line-height : 40px ;text-align : center ;}
#article p.breadcrumbs { font-size : 14px ; margin-bottom : 20px ;}