body {
background-color:#663366;
font: 14px/1.2 arial, sans-serif;
color: #000000;
margin: 0px;
padding: 0px;
text-align:center;
}

.news {
  background-color: #ffffff;
  text-align: center;
  color: red;
  font-size: 16px;
  font-weight: bold;
  padding: 3px;
  margin: 7px auto;
}

.telnum[href^="tel:"] {
  color: #FFF;
  text-decoration: none;
}

.container98 {
  width: 98%;
  margin: 0px auto;
  box-sizing: border-box;
  padding: 0px;
}

.container33 {
  width: 33.3%;
  float: left;
  text-align: center;
  box-sizing: border-box;
  padding: 0px;
  margin: 20px 0px;
}


.clear {
clear:both;
margin:0;
}

img.picture {
border:1px solid #000080;
}


#wrapper {
max-width: 1000px;
margin: 0px auto;
padding: 0px;
background:#663366 url(images/sitebg.png) 0px 0px repeat-y;
text-align: center;
}


#logo {
float: left;
margin: 35px 0px 0px 20px;
}


#address {
max-width:500px;
float:right;
margin:10px 40px 10px 0px;
padding:5px;
color:#ffffff;
font: bold 17px/150% Arial, Helvetica, sans-serif;
}

#address img {
margin:0px;
border:0px;
}


/* START MENU  */

#topmenu {
max-width:600px;
float:right;
margin:0px;
text-align:center;
}

#topmenu ul {
display:inline-block;
margin:0px auto;
padding:0;
}

#topmenu li {
display:inline;
float:left;
}


#topmenu a {
display:block;
min-width:100px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top:0px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
margin:0px 2px;
padding:5px;
color:#ffffff;
text-align:center;
font-weight:bold;
font-size: 13px;
text-decoration:none;
transition:background-color .7s ease-out;
-webkit-transition:background-color .7s ease-out;
-moz-transition:background-color .7s ease-out;
}

a.home:link, a.home:visited {
background-color:#FF0080;
}
a.home:hover {
background-color:#0080C0;
}
a.contact:link, a.contact:visited {
background-color:#0080FF;
}
a.contact:hover {
background-color:#FF9900;
}
a.about:link, a.about:visited {
background-color:#336666;
}
a.about:hover {
background-color:#FF0080;
}
a.video:link, a.video:visited {
background-color:#cc3333;
}
a.video:hover {
background-color:#0080C0;
}
a.extra:link, a.extra:visited {
background-color:#FF9900;
}
a.extra:hover {
background-color:#336666;
}



#content {
margin: 0px auto;
padding: 5px;
background-color:#ffffff;
max-width:990px;
border-radius: 5px;
box-shadow: 0px 0px 30px #993399;
text-align:left;
}

#content h2 {
margin:0px;
font: bold 17px/150% Arial, Helvetica, sans-serif;
color:#cc3333;
width: 90%;
}

#welcome {
max-width:500px;
font-size: 20px;
font-weight:bold;
color:#0080FF;
margin: 10px 0px;
}

img.bigbord {
margin:10px;
border: 2px solid #cccccc;
float:right;
}

img.leftbord {
float:left;
margin:2px;
}


#news {
margin: 15px auto;
padding:5px;
border:2px solid #cc3333;
border-radius: 5px;
width:600px;
}

#features {
width:325px;
min-height:158px;
margin: 0px auto;
box-sizing: border-box;
padding:3px;
background-color:#ffcc99;
border: 2px solid #FF9900;
text-align: left;
}

#features ul {
margin-top:0px;
}

#features a {
  color: inherit;
  text-decoration: none;
}

#boypic {
width:195px;
margin:10px auto;
text-align:center;
}


#cview {
width:325px;
min-height:158px;
margin: 0px auto;
box-sizing: border-box;
padding:3px;
background-color:#ccffff;
border: 2px solid #0080ff;
text-align: left;
}




#footer {
margin: 0px auto;
height:20px;
padding: 20px;
color:#F2C9F5;
text-align:center;
}

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



/*START BIG MEDIA QUERY*/

@media screen and (max-width:1050px){

#wrapper {
  padding-top: 1px;
}

#logo {
  float: none;
  margin: 10px auto;
}

#logo img {
  max-width: 75%;
}

#topmenu {
  float: none;
  margin: 0px auto;
  max-width: 100%;
}

#topmenu a {
  border-top: 2px solid #ffffff;
}

#address {
  float: none;
  margin: 0px auto;
}

#topmenu ul {
text-align: center;
}
#topmenu li {
float: none;
display: inline-block;
}

#welcome {
max-width: 90%;
}


#features {
  max-width: 100%;
  height: auto;
}

#cview {
  max-width: 100%;
  height: auto;
}

#cview img {
  width: 80%;
}


}



/*start MEDIUM media query*/

@media screen and (max-width:750px) {

  #topmenu li {
  padding: 5px;
  }

    img.bigbord {
  margin:0px auto;
  float:none;
  display: block;
  }

  img.leftbord {
    display: none;
  }


.container98 {
margin: 20px auto;
}

.container33 {
  float: none;
  margin: 0px auto;
  width: 100%;
}

#content {
  line-height: 1.5em;
}

#welcome {
  font-size: 1.5em;
}


}




/*start smallEST media query*/

@media screen and (max-width:500px) {

  img.bigbord {
  width: 90%;
  }

#address {
  font-size: 1em;
}

#welcome {
  font-size: 1.75em;
  line-height: 1.1em;
}

#footer {
  box-sizing: border-box;
  padding: 20px;
  height: 100px;
}

}