/* CSS */

/* ***********************************
    HOMEPAGE CSS
**************************************/
#container-logo{margin:0 auto; text-align:left; width:900px; background:url(../images/vitalize-logo.jpg) no-repeat; height:157px;}
#body-content {width:auto; margin:0px; background:url(../images/bkgrnd.jpg) #820000 repeat center top; padding:0;}

/* FEATURE */
#feature{width:auto; margin:0px; height:300px; background:url(../images/bkgrnd.jpg) #820000 repeat-x center top; padding:0;}
#feature-boxes{}
#feature-boxes ul, #feature-boxes li{margin:0; list-style:none; display:inline-block; /* ie fix */ zoom:1; *display:inline;}
#feature li {background:url(../images/feature-box.gif) no-repeat ; width:281px; height:246px; margin-top:30px; text-align:left; padding-right:10px;}

/* SLIDER */
#slider{}	
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li{ /* define width and height of list item (slide), entire slider area will adjust according to the parameters provided here*/ width:902px; height:274px; overflow:hidden;}	
#prevBtn, #nextBtn{display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px;}	
#nextBtn{left:898px;}														
#prevBtn a, #nextBtn a{display:block; width:30px; height:77px; background:url() no-repeat 0 0;}	
#nextBtn a{background:url() no-repeat 0 0;}	

/* image replacement */
.graphic, #prevBtn, #nextBtn{margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}
			
/* // image replacement */
#container-slider{margin:0 auto; position:relative; width:900px; background:url(../images/vitalize-logo.jpg) no-repeat ; z-index:1;}
#container-navigation{text-align:left; padding-top:35px;}
#container{margin:0 auto; position:relative; text-align:left; width:902px; margin-bottom:0px; padding-top:50px; z-index:-1;}					
#content{position:relative;}

a.home:link {color: white; text-decoration:none; font-size:12px; line-height: 18px;}
a.home:visited {color: white; text-decoration:none; font-size:12px; line-height: 18px;}
a.home:hover {color: white; text-decoration:none; font-size:12px; line-height: 18px;}
a.home:active {color: white; font-size:15px;} 


/* ***********************************
    LEVEL TWO PAGES
**************************************/
/* SCROLLER */
#scroller{margin:auto; padding:0; width:900px; margin-top:5px; margin-bottom:5px; background-color:#CCC;}

/* CONTENT */
#container-logo-lvl2{margin:0 auto; text-align:left; width:900px; background:url(../images/vitalize-logo-lvl2.jpg) no-repeat; height:99px;}
#body-content-lvl2 {width:auto; margin:0px; background:; padding:0;}
#body-container{width:900px; margin:auto; height:auto; background:#FFF; top:0px;}
#body-container-left{width:250px; height:auto; background:white; top:0px;}
#body-container-right{width:650px; height:auto; background: #f0f0f0; top:0px; float: right;}
#body-container-left-top{background:#820000; width: 250px; height: 20px;}


a.contact:link {color: black; text-decoration:underline; font-size:12px;}
a.contact:visited {color: black; text-decoration:underline; font-size:12px;}
a.contact:hover {color: #820000; text-decoration:underline; font-size:12px;}
a.contact:active {color: black; font-size:15px;} 

/* ***********************************
    GLOBAL STYLES 
**************************************/
#nav-top{margin:auto; padding:0px; background:url(../images/home-bkgrnd-shadow.jpg) repeat-x; height:33px;}body {margin:auto; padding:0; text-align:center; font-family: Arial, Helvetica, sans-serif;}
h1{font-size:20px; font-weight:normal; padding-left:20px; padding-right:0px; padding-top:30px; margin:0px; padding-bottom:3px; text-align: left; color: #820000;}
h2{font-size:20px; font-weight:bold; margin:0; padding-left:20px; padding-right:15px; padding-top:30px; padding-bottom:10px; line-height:0px; margin-bottom:0px; color:white;}	
h3{font-size:14px; font-weight:normal; margin:0; padding-left:20px; padding-right:15px; padding-top:0px; line-height:20px; padding-bottom:10px; text-align: left;}	
h4{font-size:14px; font-weight:bold; margin:0; padding-left:20px; padding-right:15px; padding-top:10px; padding-bottom:3px; line-height:20px; text-align: left; text-transform: capitalize;}

img{border:none;}
p {padding-left:20px; padding-right:20px; padding-top:10px; font-size:14px; margin:0;}
.p2 {margin:0; padding-left:20px; padding-right:20px; padding-top:0px; font-size:12px; line-height:18px; text-align: left;}
.contact-nav{margin:0; font-size:12px; line-height:18px; text-align: left; padding-left:0px; padding-right:20px; padding-top: 10px;}


/* FOOTER */
#footer{margin:0px; height:100%px; padding:0; background:#820000; color:#CCC; bottom:0;}
#footer-container{font-size:11px; text-align:left; width:900px; margin:auto; padding-top:10px; padding-bottom:30px;}
#footer-container-lvl2{font-size:11px; text-align:left; width:902px; margin:auto; padding-top:10px; padding-bottom:30px;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* ***********************************
    DEAD
**************************************/
#container-bar{background:url(../images/container-bar.jpg); margin:auto; height:27px; width:1000px; margin-bottom:0px;}
#container-bar-bkgrnd{background:url(../images/container-bar-bkgrnd.jpg) repeat-x; margin:auto; margin-bottom:0px; }
#container-bar-btm{background:url(../images/container-bar-btm.jpg); margin:auto; height:27px; width:1000px; margin-bottom:0px;}
#container-bar-bkgrnd-btm{background:url(../images/container-bar-bkgrnd-btm.jpg) repeat-x; margin:auto; margin-bottom:0px; }