body { margin: 0px;
       padding: 0;
       background-image: url('../img/header_bg.gif');
       background-position: top left;
       background-repeat: repeat-x }

#content { width: 796px;
	       min-height: 400px;
           margin:0px auto }

/* header */
header#pageheader { display: block;
         margin: 0px auto 10px auto;
         padding: 0;
         width:796px; 
         height: 80px; }

header#pageheader  h1 { 
	        margin: 0;
            padding: 0; 
            width: 334px;
            height: 80px;
            background-image: url('../img/sd_logo.gif');
            background-repeat: no-repeat;
            float: left;
            text-indent: -9999px;
 }

header#pageheader h1 a { display: block;
                         width: 334px;
			             height: 80px;
                         text-decoration: none;
                         border: 0;}

body section { display: block;
          margin: 0px auto;
          padding: 0; }

header nav { display: block;
             margin: 0;
             padding: 0;
             float: right;
             height: 80px; }

header nav ul { margin: 30px 0 0 0;
                padding: 0;
                list-style: none  }

header nav ul li { float: left; margin-left: 40px; padding-bottom: 5px}

header nav ul li.current { border-bottom: 1px solid white }
/* -- billboard  -- */
section#billboard { height: 205px;
                    width: 796px;
                    border-bottom: 1px solid #999;
                    margin: 0;
                    padding-top: 10px;
                    display: block
                    }

.ad-text { width: 425px; float: left }

section#billboard article img { float: left }
.coda-nav ul  { display: block; 
	            list-style-type: none;
	            padding: 0;
	            margin: auto 1px 20px auto;
	            float: left; }
.coda-nav { position: relative; 
	        top: -30px;
	        _top: -50px }

.coda-nav ul li { /* background-image: url('../img/slideshow_button.gif');
                  background-repeat: no-repeat;
                  background-position: top left;
                  margin: 0;
                  width: 22px;
                  height: 22px;
                  */
                  display: block;
                  float: left;
                  margin-left: 5px;}

.coda-nav ul li a { background-image: url('../img/slideshow_button.gif');
                  background-repeat: no-repeat;
                  background-position: top left;
                  margin: 0;
                  width: 22px;
                  height: 22px;
                  display: block;
                  float: left;
                  padding: 0;
                  line-height: 22px;
                  text-align: center}

.coda-nav ul li a.current { background-image: url('../img/slideshow_button_current.gif') }
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { /* height: 200px; */ overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 794px } 
/*
.coda-slider-wrapper  { border: 2px solid red;}
.coda-slider  { border: 2px solid blue;}
.coda-slider .panel { border: 2px solid green;}
*/
.panel { overflow: hidden; width: 200px;}
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow-y: hidden }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }

/* features section */
#keypoints { width: 796px; 
	         min-height: 240px; 
	         margin: 20px 0 0 0; 
	         padding-bottom: 20px;
	         float: left;}
	
#policies { list-style-type: none;
	        padding: 0;
	        margin: 15px 0 0 25px; 
	        float: left;
	        width: 220px }


#policies li { background-image: url('../img/tick.gif');
               background-repeat: no-repeat;
               background-position: top left;
               padding-left: 40px;
               height: 50px; line-height: 30px }

#os { list-style-type: none;
	  padding: 0;
	  margin: 15px 0 0 75px;
	  float: left;
	  width: 150px }
	
#os li { background-repeat: no-repeat;
         background-position: top left;
         padding-left: 55px;
         height: 65px; line-height: 55px }


#keypoints aside { display: block;
                   float: right;
                   width: 225px;
                   min-height: 240px;
                   margin: 0;
                   padding-left: 20px;
                   border-left: 1px solid #999; }


ul#twitterfeed { list-style-type: none;
	             padding: 0;
	             margin: 0 }
	
ul#twitterfeed h1 { margin: 0 } 
ul#twitterfeed li { margin: 0 0 15px 0 }


/*  footer  */
footer#pagefooter { display: block;
	     clear: left;
         width:796px;
         margin: 0 auto;
         padding: 0;
         border-top: 1px solid #999;}

footer#pagefooter ul { display: block;
	        float: left;
	        margin:  0;
            padding: 5px 0 ;
            width: 500px;
            height: 100%;
            list-style: none; }

footer#pagefooter ul li { float: left; margin: 0 5px 0 0; }

footer#pagefooter p.footer-copyright { float: right;
                            margin:  0; 
                            padding: 5px 0;}