html, body {margin: 0;padding: 0;}

body {background-image: url("");font-size: 1em ;font-family:"open sans",sans-serif;}

#container {max-width:900px;margin:10px auto 0;}
#banner {}

#content{width:100%;float:left;}

#nav-right {width:25%;float:right;margin-left:5%;}


@media screen and (max-width:910px) {
#nav-right {margin-right:1%;}
	}

@media screen and (max-width:800px) {
#container {width:95%;margin:0px auto 0;}
#content {width:98%;float:none;}
#nav-right {width:60%;float:none;margin-left:1%;}
	}
	
/* START top navbar */
#top-nav-container {width:100%;margin-bottom:20px;}
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding-left:15px;
    overflow: hidden;
 }
ul.topnav li {float:left ;}

ul.topnav li a {
    display: inline-block;
    color: #555;
    text-align: left;
   padding-top:10px; padding-right:32px; padding-bottom: 10px; padding-left: 25px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 20px;
	margin-top:0px;
	}

ul.topnav li.highlight{ background-color:rgb(53, 128, 171);}
ul.topnav li.highlight a{ color:#f5f5f5; cursor:default;}
ul.topnav li a:hover {background-color:rgb(53, 128, 171); color: white;}
ul.topnav li.icon {display: none;}

@media screen and (max-width:800px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  #top-nav-container {width:100%;float:left;}
}

/* iphone fix */
@media screen and (max-device-width: 800px){
  body{
    -webkit-text-size-adjust: none;
  }
}

/* iframe styling */

iframe{width:80%;height:;border:none;} 

@media screen and (max-width:400px) {
iframe{height:;} 
			}
 


@media screen and (max-width:800px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;padding:5px;text-decoration:underline;
  }
}

  .shade{background-color:#edecea;padding:5px;margin-top:20px;}
  .border {border:solid 1px gray;padding:5px;margin-top:20px;}

ul.nav  {float:left;width:100%;padding:0;margin:0; }

li.nav-pages {
    margin-left:-30px;
}
.nav-pages a  {
    text-decoration:none;   font-size: 13px;line-height:160%;
}

p, blockquote, ul, ol, h1, h2, h3, h4 {color: #333333;font-weight:300;}


h1 { color:#246A8C;
text-align: center;
    font-size: 64px;
    font-weight: normal;margin-bottom: 20px; margin-top: 0;}
	
h2 {color:#C84917; font-size: 36px;
text-align: center;
line-height: 130%;
    margin-bottom: 25px;
    margin-top: 25px;}

	
h3 {color:#246A8C; font-size: 58px;
text-align: center;
line-height: 130%;
    margin-bottom: 10px;
    margin-top: 5px;}
	 
h4 {color:#246A8C; font-size: 28px;
text-align: center;
line-height: 130%;
    margin-bottom: 10px;
    margin-top: 5px;}
	
	h4.left {color:#246A8C; font-size: 28px;
text-align: left;
line-height: 130%;
    margin-bottom: 10px;
    margin-top: 5px;}
	
	
ul.right-nav{margin-top:5px;}
	li.right-nav{margin-left:-30px; font-size:14px;}
	p.right-nav{margin-bottom:0px; font-size:14px;}

		
	
p, blockquote, ul, ol{font-size: 22px;line-height:150%;}
ol, ul{margin-left:10px;} 
ul.indent{margin-left:245px;}

ul.home{list-style-type: none;padding:0px; margin:0px;}
li.home{background-image:url("images/tick.jpg");background-repeat:no-repeat; background-position: 0px center; padding-left: 35px; }


p.bold {font-weight:bold;}
p.caption{font-family:serif;font-size:17px; font-style:italic;font-weight:500;}
p.testimonial{font-family:"Courier New", Courier, monospace;}
a{color: #246A8C;text-decoration:underline;}
a:hover {color:#C84917;}
a:visited {color:#246A8C;}
.price-line-through {
    text-decoration: line-through;}

p.option{text-align:left;font-size:18px;margin-bottom:0px;}
p.nav{text-align:left;font-size: 13px; line-height:130%;}
p.nav a {color: #073784;text-decoration: none;}
p.nav a:hover {color: #073784;text-decoration: underline;}
p.center {text-align:center;}
p.footer {text-align:center;font-size: 12px; line-height:130%;}

.center {text-align:center;}
.lw-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 35%;
}	

.image-full-width{width:100%;}
.image-right{float:right;margin-left:10px;}	
.image-left{float:left;margin-right:10px;}	
.image-left-box{float:left;margin-right:10px;width:35%;}	
.image-left-testimonial-index{float:left;width:48%;margin-right:1%;}	
.image-right-testimonial-index{float:left;width:48%;margin-left:1%;}
.image-box 	{float:left;height:300px;width:210px;}	
.image-gallery-landscape{width:85%;display: block;margin-left: auto; margin-right: auto;}
.image-gallery-landscape-fifty{width:85%;display: block;margin-left: auto; margin-right: auto;}
.image-gallery-portrait{width:70%;}
.image-gallery-sixty{width:60%;}
.image-gallery-fifty{width:50%;}
.image-right-fourty-percent{width:40%;float:right;margin-left:5px;}
.image-half-width-left {width:50%;float:left;margin-right:10px;}
.thumb-image-left{float:left;width:100px;}

.clear {clear:both;}
.clear-space {clear:both;height:10px;}
.clear-space-twenty {clear:both;height:20px;}
.clear-space-fifty {clear:both;height:50px;}
.clear-space-hundred {clear:both;height:100px;}

@media screen and (max-width:400px) {
.home-box-left{float:left;width:90%;}
.home-box-right{float:none;width:90%;}
.image-left-testimonial-index{float:none;margin-left:1%;margin-top:1%;width:90%;}
.image-right-testimonial-index{float:none;margin-left:1%;margin-top:1%;width:90%;}
			}
.box-border{float:left;width:95%;border:solid 2px #e6e6e6;padding:10px;border-radius:10px;background:;}
.box-colour{background-color:#e6e6e6;padding:25px;border-radius:10px;}
.box-left{float:left;width:260px;}
.box-right{float:right;width:300px;height:auto; margin-left:10;}
.box-center{margin:auto;width:250px;height:600px; } 
.details-box-right{float:right;width:180px;height:auto;}

.full-width{width:900px; }

	
#footer {clear: both;
width:95%;
	border-top:solid 1px #888;
	border-bottom:solid 1px #888;
padding:2%;
	}

.footer-content a {text-decoration: none;font-size: 12px;}
.footer-content h3 {font-size:14px;color:#333;}

.footer-left{float:left;width:30%;margin-left:0px;}
.footer-middle{float:left;width:30%;margin-left:10px;}
.footer-right{float:left;width:30%;margin-left:10px;}

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

	.footer-left{float:none;width:70%;margin-left:2px;}
	.footer-middle{float:none;width:70%;margin-left:2px;}
.footer-right{float:none;width:50%;margin-left:2px;}

}

	li.footer{margin-left:-30px;}
a.copyright{text-decoration: none;color:#555;}