/*
* -------------General Stuff-------------
*/
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }

body { background:#ffffff url(../landingpage_images/body-bg.png) no-repeat center 110px; color: #333;font:11px/1.5 "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; position: relative; }

/*
* -------------Typography-------------
*/
a {color:#009999;}
a:hover {text-decoration:none;}

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; line-height: 1.2; }

/*
* -------------Containers-------------
*/

#page { width:780px; margin:0 auto; position:relative; }

/*
* -------------Header-------------
*/
#header {height:110px; position:relative; margin-bottom:80px;}
  #header h1 { width:354px; height:42px; position:absolute; top:50%; left:0; margin-top:-21px; background:url(../landingpage_images/logo.png) no-repeat; text-indent:-9999px;}
    #header h1 a { display:block; width:100%; height:100%; }
  #header h2 { width:577px; height:35px; background:url(../landingpage_images/tagline.png) no-repeat; position:absolute; top:130px; left:0; text-indent:-9999px; }

  #nav-main { width: 351px; height:32px; position:absolute; top:50%; right:0; margin-top:-16px;}
    #nav-main li {list-style:none;margin:0 10px 0 0; float:left; background:url(../landingpage_images/nav-main-bg.png) no-repeat; text-indent:-9999px; width:107px; height:31px;}
    #nav-main li.contact { background-position:-120px 0; }
    #nav-main li.home {background-position:-257px 0;}
    #nav-main li:hover { background-position:0 -31px; }
    #nav-main li.contact:hover { background-position:-120px -31px; }
    #nav-main li.home:hover { background-position:-257px -31px; }
    #nav-main li a { display:block; width:100%; height:100%; }
    
    body.home #nav-main li.home { background-position:-257px -31px; }
    body.about #nav-main li.about { background-position:0 -31px; }
    body.contact #nav-main li.contact { background-position:-120px -31px; }
    
    
/*
* -------------Slideshow-------------
*/
#slideshow { width:778px; height:282px; background:url(../landingpage_images/slideshow-bg.png) no-repeat; position:relative; }
  #slideshow span { position:absolute; left:0; top:0; width:82px; height:282px; background:url(../landingpage_images/slideshow-left.png) no-repeat; z-index:100; cursor:pointer; }
  #slideshow span.right {background:url(../landingpage_images/slideshow-right.png) no-repeat; left:auto; right:0; z-index:101; }
  #slideshow span:hover { background-position: 0 -282px;}
  
  #slideshow ul { list-style:none; position:relative; left:2px; width:775px; height:282px; background:transparent;}
    #slideshow li { margin:0; position:relative; width:775px; height:282px; background:transparent !important; }
    
    #slideshow li .content { width: 275px; height:100%; position:absolute; right:75px; top:20px;}
    #slideshow li.one .content { width:300px; top:15px;}
    #slideshow li .media { position:absolute; left: 85px; top:20px; width:320px; height:240px;}
    #slideshow li.one .media { height:255px; left:75px; top:12px; background:url(../landingpage_images/slide1-media.jpg) no-repeat 14px 0;}
    
    #slideshow li h2 { }
    #slideshow li p { margin-bottom:10px; }
    #slideshow a { display:block; width:208px; height:44px; margin:0 auto; background:url(../landingpage_images/button-contact.png) no-repeat; text-indent:-9999px; margin-top:5px; }
      #slideshow a:hover { background-position: 0 -44px; }
      
   /*Headers*/
   #slideshow h2 { width:252px; height:24px; background:url(../landingpage_images/slide1-headline.png) no-repeat; text-indent:-9999px; margin-bottom:10px; }
   #slideshow li.two h2 { width:265px; height:31px; background:url(../landingpage_images/slide2-headline.png) no-repeat; }
   #slideshow li.two p { margin-bottom:7px; }
   
   #slideshow li.three h2 { width:257px; height:33px; background:url(../landingpage_images/slide3-headline.png) no-repeat; margin-bottom:15px;}
   #slideshow li ol { list-style-type:disc; color:#a81d20; padding-left:15px;}
    #slideshow li li { margin-bottom:10px; height:auto; width:auto; }
    #slideshow li ol em { color:#333; font-style:normal; }
    
    #slideshow li.four h2 { width:216px; height:40px; background:url(../landingpage_images/slide4-headline.png) no-repeat; margin-bottom:15px; }
    #slideshow li.four li { margin-bottom:5px; }
    
    #slideshow li.five h2 { width:245px; height:37px; background:url(../landingpage_images/slide5-headline.png) no-repeat; margin-bottom:15px; }
    
    
/*
* -------------Interior Pages-------------
*/
#content { width:738px; background:url(../landingpage_images/interior-bg.png) no-repeat; position:relative; padding: 20px 20px 0; position:relative; margin-bottom:30px; }
  #content span.bottom { display:block; width:778px; height:16px; background:url(../landingpage_images/interior-bg-bottom.png) no-repeat; position:absolute; left:0; bottom:-16px;}
  
  #content .box {width:210px; float:left; margin-left:10px; margin-left:10px; margin-right:10px; padding: 0 10px; display:inline;}
  #content .first {margin-left:0; padding-left:0;}
  #content .last {margin-right:0;}
  
  #content p.about { font-size:16px; margin-bottom:30px;}
  #content h2 { width:210px; height:22px; margin-bottom:10px; background:url(../landingpage_images/interior-headers.png) no-repeat; text-indent:-9999px; }
  #content h2.about { width:390px; height:30px; background:url(../landingpage_images/interior-about.png) no-repeat; }
  #content h2.performing { background-position:0 -19px; }
  #content h2.anticipating { background-position: 0 -41px; }
  #content h2.innovating { background-position: 0 -63px; }
  
  #content ol { list-style-type:disc; color:#a81d20; padding-left:0; }
  #content li { margin-bottom:10px; margin-left:15px; }
  #content ol em { color:#333; font-style:normal; }
  
  #content h2.contact { width:165px; height:31px; background:url(../landingpage_images/interior-contact.png) no-repeat; text-indent:-9999px; }

  #content form { width:500px; }
  #content form .row { margin-bottom:10px; float:left; margin-right:25px; }
  #content form label { display:block; font-size:16px;}
  #content form input, #content form textarea { width:220px; padding:10px 0; -webkit-border-radius:5px; -moz-border-radius:5px; background:#eeeeee; color:#333; border:1px solid #aaa; font-size:14px; }
  #content form textarea { width:340px; height:100px;}
  
  #content form span { display:block; margin-bottom:5px; }
    #content form span input { display:inline; width:auto; background:transparent !important; border:0; }
    
  #content form .newsletter { margin-top:20px;}
  
  #content form input.submit { width: 140px; background: url(../landingpage_images/button-contact-submit.png) no-repeat 50% 50%; color:#fff; cursor:pointer; position:relative; margin-top:20px; }
  #content form .submit:hover { top:1px; left:1px; }
  #content form .submit:active { color:#ccc; }
  
  #content form .comments, #content form .talk-about, #content form .newsletter { float:none;}
  
  #content form label span { display:inline; color:#a81d20; }
  
  #content form label.error { font-size:12px; color:red; }
    
/*
* -------------Login area-------------
*/  
#login { width:794px; height:115px; background:url(../landingpage_images/login-bg.png) no-repeat; position:relative; left:-6px; margin-top:40px; }
  #login a { position:absolute; right:234px; top:20px; text-indent:-9999px; background:url(../landingpage_images/button-login.png) no-repeat; width:194px; height:72px; }
  #login a.healthadlogic { background-position: -194px 0; right:28px; }
  #login a:hover { background-position: 0 -72px; }
  #login a.healthadlogic:hover { background-position: -194px -72px; }

  #login form { width:285px; height:32px; position:relative; left:28px; top:55px; }
    #login input { padding-left:5px; width:109px; padding-top:10px; padding-bottom:10px; background:url(../landingpage_images/form-input-bg.png) no-repeat left top; border:0; font-style:italic; color:#333; position:absolute; left:0; top:0; }
    #login input.password { font-style:normal; left: 120px;}
    #login input.submit { padding:0; width:34px; height:32px; background:transparent; left:240px; }
    
    
/*
* -------------Login area-------------
*/

#footer { margin-top:80px; padding-top:10px; border-top:1px solid #aaa; padding-bottom:20px; overflow:hidden;}

#footer span strong, #footer span.address { display:block; }
#footer span.name-number {float:left;}
#footer span.address {margin-left:20px; float:left;}

#footer span.contact-info { float:left; }
#footer span.cs { float:right; }
#footer span.cs a { color:#333; text-decoration:none; }
#footer span.cs a:hover { text-decoration:underline; }