@import url(https://fonts.googleapis.com/css?family=Montserrat+Alternates|Squada+One|Baumans|Nova+Square|Mystery+Quest|Nova+Mono|Nova+Round|McLaren|Germania+One|Spicy+Rice|Rum+Raisin);


body {
 margin:0;
  padding:0;
  font-family:arial;
background-color:#525252;
}

#outer {
 position:relative;
  width:100%;
  margin:0 auto;
}

#header {
 position:relative; 
  float:left;
  width:100%;
  background-color:#ffcd33;
  margin:0!important;
/* Jod - was  padding:1% 0;*/
}

#container {
 position:relative;
  max-width:1002px;
  margin:0 auto;
}

#headerInner{
 position:relative;
  max-width:1002px;
  margin:0 auto;
}

#headerPic {
position:relative;
float:left;
margin:10px 0px 5px 50px;
}

#mobile{
position:relative;
float:right;
font-size:24px; 
margin:33px 0px 0px 0px;
padding:0;
text-align:right;
color:#000;
  font-weight:bold;
}

.red{
color:#ed1f24;
font-size:16px; 
}

#emailLink{
font-size:24px; 
margin:9px 0px 0px 0px;
padding:0;
text-align:right;
color:#666;
  float:right;
  clear:right;
}


#navContainer {
  width:100%;
  background-color:#666;
  float:left;
  border-top:3px solid #969696;
  text-align:center;
  color:#fff;
  z-index:1000;
  padding-top:3px;
  clear:left;

}

#navInner {
position:relative;
width:1002px;
margin:0 auto;
}

#navContainer ul {
 margin:0 0 0 21px;
  padding:0 0 0px;
  list-style:none;
  position:relative;
  width:962px;
}

#navContainer ul li {
 margin:0;
  padding:0;
  list-style:none;
  position:relative; 
  float:left;
}

#navContainer ul li a {
 display:block;
  padding:16px 20px;
  text-decoration:none;
  color:#fff;
  font-size:15px;
font-weight:bold;
}

#navContainer ul li a:hover {
background-color:#333;
text-decoration:none;
font-weight:bold;
}

#content {
 position:relative;
  float:left;
  width:100%;
  background-color:#fff;
/*  background-image:url(images/contentBkgd2.png);
  background-repeat:repeat-y;
  background-position:left top;
  padding:0px 63px 0px 63px;*/
font-size:15px;
color:#555;
}

#content img {
 max-width:100%; 
}

#contentInner {
  position:relative;
 margin:30px 40px; 
  
}

#wideCol {
 position:relative;
  float:left;
  width:956px;
  /*background-color:red;  just to show where this column is! tnx jod*/
}

#wideCol2 {
 position:relative;
  float:left;
  width:876px;
  margin-left:40px;
margin-top:30px;
}

#col1, #col2, #col3, #col4 {
 position:relative;
  float:left;
}

#col1 {
 width:62%; 
  margin-right:7%;
}

#col2 {
 width:30%; 
}

#col3 {
 width:45%; 
  margin-right:10%;
}

#col4 {
 width:45%; 
  margin-right:0px;
}

h1 {
margin:3px 0px 10px 0px;
/*padding:6px 0px 5px 12px;
background-color:#ffcd33;
border-radius: 5px;*/
color:#ed1f24;
font-weight:bold;
font-size:36px;
max-width:100%;
letter-spacing:1px;
font-family: 'Rum Raisin', sans-serif;
/* display:inline; hide this if want full width */
}

h2 {
color:#666;
font-weight:bold;
font-size:28px;
max-width:100%;
letter-spacing:1px;

font-family: 'Rum Raisin', sans-serif;
text-decoration:none;
}

h3{
color:#ed1f24;
font-weight:bold;
font-size:22px;
max-width:100%;
letter-spacing:1px;
font-family: 'Rum Raisin', sans-serif;
text-decoration:none;
}


h4 {
color:#666;
font-weight:bold;
font-family:arial-rounded, sans-serif;
font-size:22px;
}


h5{
font-size:15px;
font-weight:normal;
color:#333;
letter-spacing:1px;
font-family: 'Rum Raisin', sans-serif;
}

h6{
font-size:12px;
font-weight:normal;
color:#666;
letter-spacing:1px;
font-family: 'Rum Raisin', sans-serif;
}

a:link {
color: #ed1f24;
font-weight:bold;
text-decoration:none;
}

a:visited {
color: #b50106;
}

a:hover {
color: #ffc000;
font-weight:bold;
text-decoration:underline;
}

.wrapleft {
float: left;
padding: 6px 20px 6px 0px;
}

.wrapright {
float: right;
padding: 6px 0px 6px 20px;
}

p.divider {
margin: 1em 0;
padding: 2em 0 0 0;
border-top: 1px solid #e6e6e6;
}

.biggrey {
color:#999;
font-weight:bold;
font-size:18px;
}

.bigdkgrey {
color:#666;
font-weight:normal;
font-size:24px;
}


.biggreen {
color:#8cce33;
font-size:20px;
}

.yellow{
color:#ffcd33;
font-size:10px; 
font-weight:normal;
}

.photoborder {
margin: 3px 3px 0px 0px;
border: 4px solid #deddde;
}

#footer {
 position:relative;
  float:left;
  bottom:0;
  width:100%;
  background-color:#666;
  border-top:3px solid #969696;
  text-align:center;
  color:#fff;
  font-size:11px;
  height:42px;
}

#footerBuySell {
 position:relative;
  float:left;
  width:100%;
text-align:center;
color:#ed1f24;
font-weight:bold;
font-size:30px;
max-width:100%;
letter-spacing:1px;
font-family: 'Rum Raisin', sans-serif;
}
 
#footerPic {
  float:center;
  width:100%;
/*  position:relative; Ask jod - why does this have an effect on the links*** */
}


#footer a {
 color:#fff; 
 text-decoration:none;
}

#copyright {
width:auto;
padding:5px 0px;
margin-left:0px;
background-color:#666;
font-size:13px;
}

#cloudnine {
text-align:center;
margin-right:30px;
font-size:10px;
}

@media (max-width:767px) {
  #navContainer ul li a {
    padding:16px 15px;
    font-size:12px;
  font-weight:bold;
  }
  #navContainer ul {
    width:100%;
  }

#navInner {
width:100%;
}

}

@media (max-width:480px) {

#header {
   text-align:center; 
}
#headerPic {
float:none;
}

#mobile{
position:relative;
    float:none;
margin: 0.5em 0;
text-align:center;
color:#666;
}

#emailLink{
font-size:24px; 
margin:9px 0px 10px 0px;
padding:0;
text-align:center;
color:#666;
  float:none;
  clear:right;
}
  #navContainer ul {
    width:100%;
  margin:0;
  }
#navContainer ul li {
 margin:0;
  padding:0;
  list-style:none;
  position:relative; 
  float:none;
  border-bottom:1px solid #ddd;
}
  #navContainer ul li a {
    padding:16px 0px!mportant;
    font-size:12px;
  font-weight:bold;
  }
}