/* default.css */

/*
--------------------------
CSS RESET
--------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before,q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/

body {background: #ffffff url(../images/assisted-living-headerbg.gif) repeat-x; font: 100% Tahoma, "Trebuchet MS", sans-serif; text-align: center; color: #656e73; line-height: 1.31em;}

#wrapper {width: 948px; margin: 0 auto;  position: relative; text-align: left;}

#header {width: 948px; height:141px;}
	#logo {float:left; width: 280px; margin:37px 0 0 22px;}
	#textsize {float:right; width: 200px; text-align:right; margin:110px 25px 0 0; color:#ffffff;font-size:.81em;}

#content {width: 948px; background: transparent url(../images/contenttopbg.gif) no-repeat 50% 0;}
	#footer1 {height: 104px; position:relative; bottom: -36px; margin-top: -36px; background: transparent url(../images/footerbg.gif) repeat-x bottom center; text-align:right;}

#footer2 {width: 100%; min-height:102px; background: #74c830 url(../images/assisted-living-footerbg.gif) repeat-x top center; color:#ffffff;}

.clear {clear: both; zoom:1;}

/*
--------------------------
COLUMNS
--------------------------
*/
.column {float: left;}
.column.left {width: 585px; padding: 35px 20px 0 35px;}
.column.right {width: 250px; padding:35px 35px 0 20px;}
.column.right ul {padding-bottom: 20px;}
.column.right ul li {padding-bottom: 10px;}


/*
--------------------------
FONTS/LINKS
--------------------------
*/
h1, h2, h3, h4, h5, h6 {padding-bottom: 18px;}

h1 {font: 1.25em  Georgia, "Times New Roman", serif; font-weight:bold; color: #656e73;}

h2 {font: 1.13em Georgia, "Times New Roman", serif; color: #656e73; padding-top:25px;}

h3 {font: 1em Tahoma, "Trebuchet MS", sans-serif; color: #656e73;}

h4 {font: 1em Georgia, "Times New Roman", serif; font-weight:bold; color: #656e73;}

h5 {font: .88em Georgia, "Times New Roman", serif; color: #656e73;}

h6 {font: .81em Georgia, "Times New Roman", serif; font-weight:bold; color: #656e73;}

p {font-size: .81em; padding-bottom: 15px;}

em {font-style: italic;}

strong {font-weight: bold;}

blockquote p{font-size: 1em; color:#9fa6a9; line-height:1.38em; padding:0;}

a {color: #4ea607;}
a:link, a:visited, a:active, a:hover, a.active {text-decoration: underline;}
a:hover {color: #68c120;}
a:visited {color: #377b00;}

ol li{font-size:.81em; margin-bottom:1em;}

.larger {font-size:1.13em;}

/* img replacement for headings or navigation */
span.img-text {position: absolute; top: -9999px;}

a.addthis_button_compact {font-size:.81em; text-decoration:none;}

/*
--------------------------
MAIN NAVIGATION
--------------------------
*/

ul.navigation {height: 46px; position:relative;z-index:5;}
ul.navigation li {float: left; position:relative;}
ul.navigation li a {display: block; overflow: hidden; height: 46px; background-repeat: no-repeat; background-image: url(../images/navigation.gif);}

/* set widths and background position from the left */
ul.navigation li.home a {width: 91px; background-position: 0 0;}
ul.navigation li.aboutmagnolia a {width: 165px; background-position: -91px 0;}
ul.navigation li.whymagnolia a {width: 144px; background-position: -256px 0;}
ul.navigation li.activities a {width: 110px; background-position: -400px 0;}
ul.navigation li.directions a {width: 116px; background-position: -510px 0;}
ul.navigation li.contactus a {width: 122px; background-position: -626px 0;}

/* set visited, hover positions from the top */
ul.navigation li.home a:hover {width: 91px; background-position: 0 -46px;}
ul.navigation li.aboutmagnolia a:hover {width: 165px; background-position: -91px -46px;}
ul.navigation li.whymagnolia a:hover {width: 144px; background-position: -256px -46px;}
ul.navigation li.activities a:hover {width: 110px; background-position: -400px -46px;}
ul.navigation li.directions a:hover {width: 116px; background-position: -510px -46px;}
ul.navigation li.contactus a:hover {width: 122px; background-position: -626px -46px;}

/* set .active positions from the top */
ul.current-home li.home a, ul.current-home li.home a:hover  {width: 91px; background-position: 0 -92px;}
ul.current-aboutmagnolia li.aboutmagnolia a, ul.current-aboutmagnolia li.aboutmagnolia a:hover {width: 165px; background-position: -91px -92px;}
ul.current-whymagnolia li.whymagnolia a, ul.current-whymagnolia li.whymagnolia a:hover {width: 144px; background-position: -256px -92px;}
ul.current-activities li.activities a, ul.current-activities li.activities a:hover {width: 110px; background-position: -400px -92px;}
ul.current-directions li.directions a, ul.current-directions li.directions a:hover {width: 116px; background-position: -510px -92px;}
ul.current-contactus li.contactus a, ul.current-contactus li.contactus a:hover {width: 122px; background-position: -626px -92px;}

/* keep dropdown active on hover of submenu */
ul.navigation li:hover#aboutmagnolia a,  ul#nav li.iehover#aboutmagnolia a{width: 165px; background-position: -91px -46px;}


ul.navigation li ul {
    position:absolute;
    top:46px;
    left:0;
    margin-left:-999em;
    width:164px;
	background: #d7ecc5;
	z-index:9999;
}
ul.navigation li ul li {
    height:auto;
    clear:left;
	width:164px!important;
}
ul.navigation li ul li a {
    background: #d7ecc5;
    height:auto;
	width:134px!important;
    padding:5px 15px;
	color: #4ea607;
	font: .75em "Tahoma", "Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dashed #f0f8ea;
}
ul.navigation li ul li.last a {border:none;}
ul.navigation li ul li a:hover {
	background:#ecf6e4;
}
ul.navigation li:hover ul, ul#nav li.iehover ul {
    margin-left:0;
}
/** Support for the "iehover-fix.js" **/
.navigation iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/** end **/
/*
--------------------------
SUB NAVIGATION
--------------------------
*/
ul#subnav {margin-top:5px;}
ul#subnav li {background: url(../images/icon_magnolia.gif) no-repeat left center; border-bottom: 1px dashed #d5dee0; padding: 8px 10px 8px 45px; font-size:.94em;}
ul#subnav li.last {border:none;}
ul#subnav li a {text-decoration:none;}

/** end **/

/*
--------------------------
TABLES
--------------------------
*/
table {border-left: 1px solid #74c830; border-top: 1px solid #74c830; margin-top:10px;}
td, th {border-right: 1px solid #74c830; border-bottom: 1px solid #74c830; font-size: .81em; padding:5px; text-align:center;}
th {background-color:#d7eec8; font-weight:bold; font-size:.75em;}

/*
--------------------------
FORM
--------------------------
*/
.btnsubmit{width:75%;text-align:right;}
#submit {
	clear: both;
	background: transparent url(../images/submit.gif) no-repeat;
	width: 79px;
  	height: 28px;
  	padding: 0;
  	border: 0;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	}
#submit:hover {
	background: transparent url(../images/submit_o.gif) no-repeat;
	}
.required {color:#ff3333;}
.strikethrough {text-decoration:line-through;}

.hiddenpic {display:none;}

/* clear without structural mark-up - now works in ie7 ......*/
.clearfix:after {
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
}
.clearfix {
        display:inline-block;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */


/*
--------------------------
CUSTOM
--------------------------
*/

/* slideshow */
#intro {width: 880px; margin: 24px 0 0 33px; position: relative;}
#intro .slide {position: relative; display: block; width: 880px; height: 234px; overflow: hidden;}
#intro .slide .content {width: 483px; position: absolute; left: 360px; top: 75px;}
#intro .slide .content p {line-height:1.38em; font-size:.81em;}
#intro .slide .slide2 {position: absolute; left: 360px; top: 102px;}
#slideshow-nav {width: 58px; height:24px; position: absolute; text-align: center; padding-top:3px; background: url(../images/slideshow-controls-bg.gif) no-repeat bottom left; bottom: 1px; right: 1px; z-index: 9999;}

/* footer styles */
#footer1content{font-size:.88em; padding:67px 30px 0 0;}
#footer1 a {color: #656e73; padding:0 5px;}
#footer1 a:visited {color: #777b7e;}
#footer1 a:hover {color: #3e484e;}

#footer2content {width:921px; margin: 0 auto; padding:45px 27px 5px 27px; text-align:left; color:#ffffff;}
#credit {color:#d0f0b1; line-height:.75em;}
#credit a, #credit a:visited {color:#d0f0b1;}
#credit a:hover {color:#ffffff;}

/* other */
.intropic {margin: 10px 0 30px 0;}

ul.checklist {margin:-5px 0 15px 22px;}
ul.checklist li {background: url(../images/checkmark.gif) no-repeat left top; padding:0 0 4px 15px; font-size:.81em;}
ul.checklist ul {margin-left:25px;}
ul.checklist ul li{background: url(../images/bullet.gif) no-repeat left top; padding-left:15px;font-size:1em;}
ul.bullet {margin:0 0 15px 15px;}
ul.bullet li {background: url(../images/bullet.gif) no-repeat left top; padding-left:15px;font-size:.81em;}
ul.spacing li {margin-bottom:15px;}

.imgalign {vertical-align:middle;}
.error {color:#ff0000; border:1px solid #ccc; padding:10px; margin-bottom:20px;}

/* sidebar */
.tour {margin:15px 0 0 0; padding:0;}
.tour li {
	list-style:none;
	height:177px;
	position:relative;
	}
.tour li a {height:177px; text-indent:-9000px; display:block;}
a#tour {width:250px; height:177px;background: url(../images/assisted-living-tour.gif) no-repeat;}
a:hover#tour {background-position: 0 -177px;} 

.video {margin:15px 0 0 0; padding:0;}
.video li {
	list-style:none;
	height:68px;
	position:relative;
	}
.video li a {height:68px; text-indent:-9000px; display:block;}
a#video {width:250px; height:68px;background: url(../images/btn_watchvideo.jpg) no-repeat;}
a:hover#video {background-position: 0 -68px;} 


#box {border: none; padding: 0; width: 250px; margin-top: 5px; background: url(../images/sidebarbox-mid.gif) repeat-y;}
#box p  {padding: 0 25px 15px 25px; font-size:.81em;}
#box h4, #box h5 {padding:15px 25px 15px 25px;}
#box #top {width: 250px; height: 10px; background: url(../images/sidebarbox-top.gif) no-repeat;}
#box #bottom {width: 250px; height: 10px; background: url(../images/sidebarbox-bottom.gif) no-repeat bottom left;}