Browse

sss

<style><!--

#bgtop

{background-image: url(images/headerbg.jpg);
background-repeat: repeat-x;
margin: 0px;
background-position: center top;
background-color: #D7D4CF;
}
#header {
background-image: url(images/header.jpg);
height: 404px;
width: 968px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#body {
background-image: url(images/body.jpg);
background-repeat: repeat-y;
height: auto;
width: 968px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
overflow: hidden;
}

#footerbg {
height: 214px;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(images/footerbg.jpg);
}

#footer {
height: 214px;
width: 968px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
overflow: hidden;
background-image: url(images/footer.jpg);
}
#contentbox {
margin-right: 60px;
margin-left: 60px;
}



h1, h2, h3, h4, h5, h6 {
padding-bottom: 5px;
color: #333333;
letter-spacing: -1px;
line-height: 1em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}

h1 {
font-size: 40px;
margin: 0px;
}
h2 {
font-size: 28px;
margin: 0px;
}
h3 {
font-size: 22px;
margin: 0px;
}
h4 {
font-size: 18px;
margin: 0px;
}
h5 {
font-size: 16px;
margin: 0px;
}
h6 {
font-size: 14px;
margin: 0px;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:24px;
margin-top:20px;
color: #333333;
}
p a {
color: #C58101;
}
p a:hover {
color: #9B0707;
text-decoration: none;
}
.p-small {
font-family: Tahoma, Arial;
font-size: 18px;
color: #464646;
}
.red {
color: #9b0707;
}
.blue {
color: #2C6185;
}
.johnsonbox {
background-color: #f4f4f4;
height: auto;
width: 70%;
margin-top: 30px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
border: 6px dashed #9b0707;
padding: 30px;
}
#footer .text {
margin-top: 160px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
}
#footer a {
text-decoration:none;
color:#333;
}
#footer a:hover {
color:#333;
}
@media all and (max-width: 1000px){
#bgtop{
background-image: none;
}
img, video , audio, input, textarea,iframe {
max-width: 100%;
}
#header,#body {
width: 95%;
margin: 0 auto;
background-size: 100% calc(100% + 35px);
background-repeat: no-repeat;
}
#body{
background-image: none;
background-color: #fff;
padding-top: 20px;
padding-bottom: 20px;
border-right: 2px solid #e8e8e8;
border-left: 2px solid #e8e8e8;
}
#contentbox {
margin-right: 20px;
margin-left: 20px;
}
#footer{
width: 100%;
margin: 0 auto;
background-size: 100% calc(100% + 35px);
background-repeat: no-repeat;
background-position: bottom center;
}
}
@media all and (max-width: 824px){
#header{
height: 300px;
background-size: 100% calc(100% + 25px);
}
#footer{
height: 180px;
background-size: 100% calc(100% + 25px);
}
#footerbg{
height: inherit;
}
h1 {
font-size: 28px;
line-height: 1.2;
}
h2 {
font-size: 22px;
}
}
@media all and (max-width: 667px){
#header{
height: 180px;
background-size: 100% calc(100% + 25px);
}
#footer{
height: 130px;
}
#footerbg{
height: inherit;
}
}
@media all and (max-width: 400px){
h1 {
font-size: 25px;
line-height: 1.2;
}
#header{
height: 150px;
}
#footer{
height: 120px;
}
#footerbg{
height: inherit;
}
}

--></style>