/** 
    Styles for National City
    Original stylesheet by productorials
    All content below "Content Grid" copyright 2007 Productorials
    Browser Resets by Eric Meyer - meyerweb.com

=== === === === === === === === === === === === === **/

/** Browser Resets
--------------------------------------------------- */
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,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1;font-family:inherit;text-align:left;vertical-align:baseline;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,
blockquote:before,blockquote:after{content:"";}
/* ----------------------------------------------- **/




/** Foundation
--------------------------------------------------- */
body {
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 0.9em;
}
body.home {
  background: #ABD7D6;
}
#wrap {
  width: 758px;
  margin: 0px auto;
  background: #ABD7D6;
}
p {
  font-size: 90%;
}
.widthKeeper {
  width: 758px;
}




/* ----------------------------------------------- **/

/** Header
--------------------------------------------------- */
#header {
  background: #ABD7D6;
}
#header .widthKeeper {
  margin: 0px auto;
  position: relative;
  height: 80px;
}
#header h1 {
  height: 100px;
  width: 330px;
  position: relative;
  top: 7px;
  left: 32px;
}


/* ----------------------------------------------- **/

/** Footer
--------------------------------------------------- */
#footer {
  background-image: url(../images/footer_bg.gif);
  background-color: black; 
  background-repeat: repeat-x; 
  width: 738px; 
  height: 68px; 
  position: relative;
  margin-top: 5px;
  padding: 10px;
  text-align: center;
  }
  
  #nav {
  position: relative;
  margin-top:25px;
  bottom: 0;
  right: 0;
}
#nav li {
  display: inline;
  font-size: 100%;
  padding: 1em 0;
}

#nav a {
  color: #797777;
  text-decoration: none;
  display: inline-block;
  padding: 0 2em 0 2em;
  margin: 1em 0 1.05em;
}
.gecko #nav a {
  display: -moz-inline-box; 
  margin-bottom: 0.5em;
}
#nav a:hover {
  text-decoration: underline;
  color: #FF1111;
}
#nav li.selected {
  background: #FF1111;
}
#nav li.selected a {
  text-decoration: none;
  color: white;
}
}