@charset "utf-8";
/* CSS Document */

/* Reset code */
html, body, div, dl, dt, dd, ul,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }  
table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } ul { list-style:none }  
* {	margin: 0;	padding: 0;} /* Reset stuff */
a, object {	outline: none;}
/* END Reset code */

body {font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#353433; min-width:960px;}
#big-container {position:relative; width:100%; height:auto; background:url(../images/home/bg-home.jpg) repeat-x 0 0; background-color:#FFF;}
#big-container-about {position:relative; width:100%; height:auto; background:url(../images/about_osteoporosis/bg-about.jpg) repeat-x 0 0}
#big-container-common {position:relative; width:100%; height:auto; background:url(../images/common/bg-common.jpg) repeat-x 0 0}
#big-container-taking {position:relative; width:100%; height:auto; background:url(../images/taking_charge/bg-taking-charge.jpg) repeat-x 0 0}
/*#content-container{border:1px solid green; position:relative; margin:0 auto; width:960px; height:700px; }*/
#content-container{position:relative; margin:0 auto; width:960px; height:auto; }
#footer-container {position:relative; width:100%; height:auto; padding: 15px 0; background-color:#353433;}
/*#footer{position:relative; margin:0 auto; width:960px; height:30px; padding-top:20px; color:#afa89f; border:1px solid red;}*/
#footer{position:relative; margin:0 auto; width:960px; height:30px; padding-top:0px; color:#afa89f;}
#footer a {color:#afa89f; text-decoration:none;}
#copyright{padding-left:15px; float:left;}
#site-map{padding-left:120px; float:left;}

/****** Increase/Decrease font size *********/
#change-size {height:25px;left:840px;position:absolute;top:35px;width:100px;color:#f3e5d9; font-weight:bold; z-index:2000; }
#change-size a {color:#f3e5d9; text-decoration:none;}
#increase-font { font-size:16px;}
#decrease-font {/* Reserved name for jQuery increase decrease font size*/}

/****** Menu css *********/
#menu {position: absolute; height:45px; width:705px; top:16px; left:18px; z-index:1000; float:left;}
#about  {position:absolute; width:202px; height:100px; float:left; top:45px; left:125px; display:none;}
#taking {position:absolute; width:192px; height:170px; float:left; top:45px; left: 330px; display:none;}
/*#treatment {position:absolute; width:181px; height:95px; float:left; top:45px; left:524px; display:none;}*/
#treatment {position:absolute; width:181px; height:53px; float:left; top:45px; left:524px; display:none;}

ul#menu-choice {width: 705px; height:45px; list-style: none; margin:0; padding:0;}
ul#menu-choice li { display: inline; }
ul#menu-choice li a {display: block; float:left; height: 45px; background-image:url(../images/menu/menu-sprite.jpg) ; text-indent: -9999px;}
	ul#menu-choice li a.home-menu {width: 125px; height:45px; background-position: 0 0;}
	ul#menu-choice li a.about-menu {width: 205px; height:45px; background-position: -125px 0;}
	ul#menu-choice li a.start-menu {width: 192px; height:45px; background-position: -330px 0;}
	ul#menu-choice li a.treatment-menu {width: 183px; height:45px; background-position: -522px 0;}	
		ul#menu-choice li a.home-menu:hover {background-position: 0 -45px;}
		ul#menu-choice li a.about-menu:hover {background-position: -125px -45px;}
		ul#menu-choice li a.start-menu:hover {background-position: -330px -45px;}
		ul#menu-choice li a.treatment-menu:hover {background-position: -522px -45px;}		

		home-menu:hover #about {display:block;}

ul#about-submenu {width: 202px; list-style: none; margin:0; padding:0;}
ul#about-submenu li { display: inline; }
ul#about-submenu li a {display: block; float:left; height: 100px; background-image:url(../images/menu/about-sprite.jpg) ; text-indent: -9999px;}
	ul#about-submenu li a.whats {width: 202px; height:30px; background-position: 0 0;}
	ul#about-submenu li a.risk {width: 202px; height:30px; background-position: 0 -30px;}
	ul#about-submenu li a.myths {width: 202px; height:40px; background-position: 0 -60px;}
		ul#about-submenu li a.whats:hover {background-position: 0 -100px;}
		ul#about-submenu li a.risk:hover {background-position: 0 -130px;}
		ul#about-submenu li a.myths:hover {background-position: 0 -160px;}
		
		
ul#taking-submenu {width: 192px; height:170px; list-style: none; margin:0; padding:0; }
ul#taking-submenu li { display: inline; }
ul#taking-submenu li a {display: block; float:left; height: 170px; background-image:url(../images/menu/take-sprite.jpg) ; text-indent: -9999px;}
	ul#taking-submenu li a.bone {width: 192px; height:30px; background-position: 0 0;}
	ul#taking-submenu li a.food {width: 192px; height:25px; background-position: 0 -30px;}
	ul#taking-submenu li a.time {width: 192px; height:25px; background-position: 0 -55px;}
	ul#taking-submenu li a.bone-breakers {width: 192px; height:40px; background-position: 0 -80px;}
	ul#taking-submenu li a.tips {width: 192px; height:25px; background-position: 0 -120px;}
	ul#taking-submenu li a.take-charge {width: 192px; height:25px; background-position: 0 -145px;}	
		ul#taking-submenu li a.bone:hover {background-position: 0 -170px;}
		ul#taking-submenu li a.food:hover {background-position: 0 -200px;}
		ul#taking-submenu li a.time:hover {background-position: 0 -225px;}	
		ul#taking-submenu li a.bone-breakers:hover {background-position: 0 -250px;}
		ul#taking-submenu li a.tips:hover {background-position: 0 -290px;}
		ul#taking-submenu li a.take-charge:hover {background-position: 0 -315px;}			

/*ul#treatment-submenu {width: 181px; height:100px; list-style: none; margin:0; padding:0;}*/
ul#treatment-submenu {width: 181px; height:53px; list-style: none; margin:0; padding:0;}
ul#treatment-submenu li { display: inline; }
/*ul#treatment-submenu li a {display: block; float:left; height: 95px; background-image:url(../images/menu/treatment-sprite.jpg) ; text-indent: -9999px;}*/
ul#treatment-submenu li a {display: block; float:left; height: 53px; background-image:url(../images/menu/treatment-sprite.jpg) ; text-indent: -9999px;}
	/*ul#treatment-submenu li a.fight {width: 181px; height:50px; background-position: 0 0;}*/
	ul#treatment-submenu li a.fight {width: 181px; height:53px; background-position: 0 0;}
	/*ul#treatment-submenu li a.friend {width: 181px; height:50px; background-position: 0 -50px;}*/
		ul#treatment-submenu li a.fight:hover {background-position: 0 -95px;}
/*		ul#treatment-submenu li a.friend:hover {background-position: 0 -145px;}
*/
/******* small-container ***/

/*	#left-column {position:relative; width:49%; height:auto; border:1px solid red; float:left;}
min-height:700px;height:auto !important;height:700px;*/
#small-container-index {position:relative; top:58px;}
#small-container {position:relative; }
#small-container-inside {position:relative; height:709px;}
.img-right-corner {position:absolute; top:45px; left:325px;}

/***** recommend-print ********/
#recommend-print {height:30px;width:135px;}
#recommend a{text-decoration:none; color:#504e4d;}
.subtitle {color:#0f85b2; font-weight:bold; }
#print-text{margin-bottom:3px;}
#content-for-print {display:none}
h2 {font-size:16px;}

.bigger-print {font-size:16px;}
.bigger-subtitle-print{font-size:16px;}
.subtitle-print {color:#0F85B2}