<style>
* {box-sizing: border-box;}
html {position: relative; min-height: 100%; }
body {/* Margin bottom by footer height */ ; background: none; background-color: #15469c; font-family: Open Sans, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:150px}

.pchide {display:none}
.mediahide {display:block}

.topribbon {position:fixed; z-index:99; top:0;  width:100%; height:35px; margin:0; padding:0;  background-color: #000}
.topribbon p{float:left; width:100%; margin:0; padding:0; text-align:center; line-height:35px; font-size: 14px; font-weight: 600; color:#f39200}
.topribbon a{font-size: 14px; color:#f39200}

.navigation {position:fixed; z-index:99; top:0; width:100%; Height:35px; margin:35px auto 0; background-color: #000; }

.navigation ul{ /* positioning */ position:relative; z-index:1; /* remove the bullets next to list items: */ list-style:none; /* get rid of any default or inherited margins and padding: */ 
margin:0 auto; width:1000px; padding:0; /* styling: */ text-align:center; font-weight: normal; font-size: 15px; border:0px solid blue}
.navigation a.page {color:#fff; background:#15469c; border: solid red 0px}
.navigation > ul > li { /* positioning */ position: relative; float: left; /* styling: */ line-height:35px;  font-weight: 900; font-size: 14px;}
.navigation > ul > li > a { /* positioning */ display:block; background-color: #000; Height:35px; width:500px; margin:0; padding:0; text-decoration:none; color:#f39200;
    -webkit-transition: background-color 400ms linear; -moz-transition: background-color 400ms linear, color 400ms linear;
    -o-transition: background-color 400ms linear, color 400ms linear;
    -ms-transition: background-color 400ms linear, color 400ms linear;
    transition: background-color 400ms linear, color 400ms linear}
.navigation > ul > li > a:hover{background-color:#15469c; color:#fff; }

.header {float:left; width:100%; height:auto; margin:70px 0 20px 0}
.header img{width: 100%; height:auto;}

.pagecont {width:1000px; margin:0 auto; border:solid yellow 0px }

/* Create two columns that floats next to each other */
.lcol {margin:0 auto; width: 675px; }
.lcol p {width: 100%; margin:0 0 20px 0; text-align:justify; font-size: 16px; color: #ddd}
h1.mainhead {margin:20px 20px 20px 0; line-height: 32px; font-size: 28px; color: #ddd}
.lcol ul {float: left; width:100%; margin:10px 20px 30px 0; padding:0; color:#fff; }
.lcol li {float:left; max-width:90%; margin:5px auto;  padding-left: 40px; min-height:30px; list-style-type: none; background: url('images/droplet2.png') no-repeat top left; color:#fff}
.lcol a{color:#f39200}
.textcont{float:left; width: 100%;}

img.leftimg {float:left; margin:20px 20px 20px 0;}
img.rightimg {float:right; margin:20px 0 20px 20px ;}
img.lccentimg {display:block; text-align:center; margin:10px auto ;}

.icont{float:left; width: 100%; margin:20px 0;}
.iframe-container{position:relative; text:align-center; width: 100%; margin:0 auto; padding-bottom: 56.25%; height: 0; }
.iframe-container iframe{position: absolute; center:0; left: 0; width: 100%; height: 90%; }

span.yellow{color: #fff000}

.rcol {float: right; width: 250px; padding: 0; border:solid red 0px }
.rcol h2{margin: 0; text-align:center;  color: #ddd}
.rcol p{width:100%; margin: 0 20px;  color: #ddd}

/*table.centerads{float:left; width:250px; height:100%; margin:0; padding:0; }
table.centerads td.individual{float:left; width:250px; height:444px; padding:0; margin-bottom:20px; }*/

.reviews{float: left; width:100%; height:240px; margin:15px auto; }
.reviewshdr{width:60%; height:50px; margin:0 auto; background-color: #010d58; border:#010d58 solid 1px }
.reviewshdr h1{height:50px; margin:0; padding:0 0 0 10px; line-height:50px; font-family: ariblk; font-size: 22px; font-weight: 300; color: #fff;  }

.testcont{width:60%; height:220px; margin: 0 auto; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #000; border:red solid 0px }
table.testes{width: 90%; margin:15px auto; padding:0;}
.testes span.date{float:left; width:230px; margin:0; padding:0; font-size: 11px; font-weight: 600; color: #111;}
.testes h3, .testes h4{float:left; width:90%; padding:0; text-align:left; font-size: 11px;color: #fff;}
.testes h3{margin:0 0 0 5px;}
.testes h4{margin:-5px 0 10px 5px; }
.testes p{width:100%; margin:5px 0 10px 5px; font-size: 12px; line-height: 16px; font-weight: 300; color:#fff; text-align:justify;}
.testcont img.quote {float:left; margin: -2px 0 0 0}
.testcont img {float:right; margin: 0 0 2px 10px}
hr{width: 100%; margin: 5px auto; height: 1px; background:#f39200; border: 0px none;}

/* Clear floats after the columns */
.row:after {content: ""; display: table; clear: both}

.footer {position: absolute; bottom: 0; left: 0; min-width:100%; margin:0 auto;  
height: 150px; /* Set the fixed height of the footer here */;
line-height: 150px; /* Vertically center the text there */;
border:solid green 0px; background-color: #000;}

.ftralign{margin:20px auto 0;}
.footer p{float:left; width:100%; margin:0; padding:0; text-align:center; line-height:20px; font-size: 14px; font-weight: 600; color:#000; }
.footer a{font-size: 14px; color:#f39200}
.footer img{display:block; margin:0 auto; padding:0; text-align:center;}

</style>