@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:10px; float:left;}
#site-map{padding-left:45px; float:left;}

/****** Increase/Decrease font size *********/
#change-size {height:25px;left:830px;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:770px; top:16px; left:18px; z-index:1000; float:left; }
#about  {position:absolute; width:212px; height:120px; float:left; top:45px; left:125px; display:none; }
#taking {position:absolute; width:192px; height:192px; float:left; top:45px; left: 340px; display:none;}
/*#treatment {position:absolute; width:181px; height:95px; float:left; top:45px; left:524px; display:none;}*/
#treatment {position:absolute; width:219px; height:153px; float:left; top:45px; left:534px; display:none;}

ul#menu-choice {width: 770px; 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: 215px; height:45px; background-position: -125px 0;}
	ul#menu-choice li a.start-menu {width: 192px; height:45px; background-position: -340px 0;}
	ul#menu-choice li a.treatment-menu {width: 220px; height:45px; background-position: -532px 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: -340px -45px;}
		ul#menu-choice li a.treatment-menu:hover {background-position: -532px -45px;}		

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

ul#about-submenu {width: 215px; list-style: none; margin:0; padding:0;}
ul#about-submenu li { display: inline; }
ul#about-submenu li a {display: block; float:left; height: 120px; background-image:url(../images/menu/about-sprite.jpg) ; text-indent: -9999px;}
	ul#about-submenu li a.whats {width: 212px; height:35px; background-position: 0 0;}
	ul#about-submenu li a.risk {width: 212px; height:40px; background-position: 0 -35px;}
	ul#about-submenu li a.myths {width: 212px; height:45px; background-position: 0 -75px;}
		ul#about-submenu li a.whats:hover {background-position: 0 -116px;}
		ul#about-submenu li a.risk:hover {background-position: 0 -151px;}
		ul#about-submenu li a.myths:hover {background-position: 0 -191px;}
		
		
ul#taking-submenu {width: 192px; height:186px; list-style: none; margin:0; padding:0; }
ul#taking-submenu li { display: inline; }
ul#taking-submenu li a {display: block; float:left; height: 186px; background-image:url(../images/menu/take-sprite.jpg) ; text-indent: -9999px;}
	ul#taking-submenu li a.bone {width: 192px; height:50px; background-position: 0 0;}
	ul#taking-submenu li a.food {width: 193px; height:25px; background-position: 0 -50px;}
	ul#taking-submenu li a.time {width: 192px; height:25px; background-position: 0 -75px;}
	ul#taking-submenu li a.bone-breakers {width: 192px; height:25px; background-position: 0 -99px;}
	ul#taking-submenu li a.tips {width: 192px; height:40px; background-position: 0 -123px;}
	ul#taking-submenu li a.take-charge {width: 192px; height:28px; background-position: 0 -163px;}	
		ul#taking-submenu li a.bone:hover {background-position: 0 -186px;}
		ul#taking-submenu li a.food:hover {background-position: 0 -236px;}
		ul#taking-submenu li a.time:hover {background-position: 0 -261px;}	
		ul#taking-submenu li a.bone-breakers:hover {background-position: 0 -285px;}
		ul#taking-submenu li a.tips:hover {background-position: 0 -309px;}
		ul#taking-submenu li a.take-charge:hover {background-position: 0 -349px;}		
		
		


/*ul#treatment-submenu {width: 181px; height:100px; list-style: none; margin:0; padding:0;}*/
ul#treatment-submenu {width: 219px; height:55px; 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: 55px; 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: 219px; height:55px; 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 -55px;}
/*		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:335px;}

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