/*=======================================================
 CSS Document for Maximum Independence
=======================================================*/

@import url("global.css");


.hidden { display: none; }
.show { display: inline-block; visibility: visible; }
.required { color: red; }

/* --------------------------------------------------------------------------------------------------
Main Layout + Structure
--------------------------------------------------------------------------------------------------*/

#container { width: 880px; height: auto; display: block; margin: 0 auto; background: url('../images/bg-container.gif') repeat-y 0 0; clear: both; }

/*-- Header Section  --*/

#header { width: 880px; height: 385px; float: left; border-top: 10px solid #0b1f77; background: #a50f84 url('../images/bg-header.jpg') no-repeat 0 0; clear: both; }

/*flash*/
#flash { width: 880px; height: 245px; display: block; float: left; clear: both; position: relative; z-index: 10; }
#arch-text { position: relative; z-index: 100; top: -245px; margin-bottom: -102px; width: 880px; height: 100px; }

/*navigation*/
ul#nav { width: 880px; height: 37px; float: left; clear: both; display: inline-block; padding-bottom: 8px; background: #0e227b url('../images/bg-nav.jpg') repeat-x 0 37px; }
ul#nav li, ul#nav li li { display: block; float: left; position: relative; }
ul#nav li a { overflow: hidden; float: left; display: block;  text-indent: -999em; }
ul#nav li a:hover { background-position: 0 -37px; }
a#navhome { width: 87px; height: 37px; background: url('../images/nav-home.gif') no-repeat 0 0; }
a#navprofile { width: 158px; height: 37px; background: url('../images/nav-profile.gif') no-repeat 0 0; }
a#navservices { width: 156px; height: 37px; background: url('../images/nav-services.gif') no-repeat 0 0; }
a#navequipment { width: 183px; height: 37px; background: url('../images/nav-equipment.gif') no-repeat 0 0; }
a#navcareer { width: 189px; height: 37px; background: url('../images/nav-career.gif') no-repeat 0 0; }
a#navcontact { width: 107px; height: 37px; background: url('../images/nav-contact.gif') no-repeat 0 0; }

ul#nav li ul { position: absolute; left: -999em; width: 181px; height: 78px; background-color: #a50f84; top: 100%; margin: 0; display: block; }
ul#nav li li a { float: left; background-color: #a50f84; color: #fff; padding: 10px 15px; width: 151px; height: 15px; text-decoration: none; text-indent: 0; font-weight: bold; font-size: 1.2em; display: block; border-top: 1px solid #fff;}
ul#nav li li a:hover { background-color: #0b1f77; color: #fff; }
/* hover actions */
ul#nav li:hover ul, ul#nav li.over ul { left: 2px; }
ul#nav li:hover ul li:hover ul, ul#nav li.over ul li.over ul { left: 100% !important; }

#home a#navhome, #profile a#navprofile, #services-offered a#navservices, #therapy-equipment a#navequipment,
#career-opportunities a#navcareer, #contact a#navcontact { background-position: 0 -37px; }

/*-- Main body Section  --*/

#mainpage { width: 830px; height: auto; float: left; display: inline-block; padding: 25px 20px 25px 30px; clear: both; }

img.right {
	float: right;
	margin: 0 0 15px 15px;
	border: 5px solid #a50f84;
	clear: right;
}

/*left-contents*/
#left-contents { width: 590px; height: auto; float: left; display: block; }

/*right-contents*/
#right-contents { width: 185px; height: auto; float: right; display: block; }
#right-contents h4, #right-contents p { font-size: 1.1em; /*padding: 0 10px;*/ line-height: 17px; } 

/*-- Footer Section --*/

#footer { width: 820px; height: 30px; float: left; display: block; padding: 10px 30px; border-bottom: 10px solid #0b1f77; background-color: #a50f84; clear: both; }
#footer p { font-size:1em; line-height: 14px; margin: 0; color: #fff; float: left; display: inline-block;  }
#footer a { color: #f2a3e1; text-decoration: none;}
#footer a:hover { color: #fff; text-decoration: underline;}



/*=======================================================
 End of CSS Document for Maximum Independence
=======================================================*/