/* This is where you will write your CSS code to make your site look pretty. We will starting learning CSS in Tutorial 3 */

/* Cross Browser Compatability CSS */
/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


/* Write your CSS styles here */

#container {
    background:white;
  width:960px;
    margin:auto;
}



a {
  border-bottom: 1px dotted white;
  text-decoration:none;
  color:white;
}

div#page-header-left {
  background:black;
    color:white;
  text-align:left;
  height:36px;
  padding:20px;
  float:left;
  margin:0px;
   
}

div#page-header-right {
  background:black;
    color:white;
  text-align:right;
  height:36px;
  padding:20px;
  float:right;
  margin:0px;
   
}

div#page-header-center {
  background:black;
  height:36px;
  padding:20px;
}


h1 {
  font-family:'fjalla one';
  text-align:left;
  font-size:42px;
}

div#tagline {
  color:black;
  text-align:left;
  text-indent:40px;
  width:480px;
  float:left;
  padding:40px;
  clear:both;
  margin:20px; 0px; 20px; 100px;
 }

h2 {
  font-family:'fjalla one';
  font-size:30px;
}

h3 {
  font-family:'fjalla one';
  font-size:24px;
}

    
div#aboutsnd {
  background:#4bac98;
    color:white;
  clear:both;
  margin-left:10px;
  margin-right:10px;
}



h4 {
  font-family:'sintony';
  text-align:left;
  padding:20px;
  font-size:18px;
  
}

p {
  color:white;
  font-family:'sintony';
  margin:10px;
}

div.sndcategories-img {
  background:#43373F;
  float:left;
  width:300px;
  height:300px;
  margin:10px 10px 0px 10px;    
}

div.sndcategories {
  background:#4bac98;
  float:left;
  width:300px;
  height:200px;
  margin:0px 10px 10px 10px; 
}

#center-stripe {
  background:black;
  height:46px;
}


#footer {
 float:left;
  background:black;
  height:46px;
  width:100%;
  margin:10px 0px 0px 0px;
}