* {margin: 0;padding: 0;}
body {font-family: Verdana, Geneva, sans-serif; font-size: 0.9em; background-color:#FFF;}
.toptitle {width: 100%;padding: 5px 0 0 0; margin: 0;}
.topmenu{width: 100%; background-color:#000;}
.mainwrapper {max-width: 1024px; margin: 0 auto 0 auto;}
.widecontent {max-width: 100%; margin: 0; padding: 0; clear: both;}
.widecontentcolour {width: 100%;margin: 0px;padding: 10px 0 10px 0; clear: both; background-color:#000;text-align:center;}
.widecontentadvert {width: 98%;margin: 0 auto 0 auto;padding: 3px; clear: both;text-align:center;}
.content {width:320px;max-width:320px; margin: 5px;padding:5px; float:left;}
.content75 {width: 650px; max-width:650px; padding: 5px; margin: 0px;float:left;}
.content50 {width: 48%; padding: 5px; margin: 5px; float:left;}
.pagefooter {text-align:center;	clear: both;padding-bottom:20px;}

p {font-size:1em;line-height: 1.4em; padding: 5px; color:#000;}

a:link {text-decoration: none;}
a:visited {text-decoration: none; }
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-family:Verdana, Geneva, sans-serif;text-align:left; padding: 0 0 0 5px;}
h1 {font-size:1.4em; font-weight: bold;}
h2 {font-size:1.2em;}	
h3 {font-size:1.0em;}
h4, h5, h6 {font-size:1.0em;}

.toptitle h1 {text-align:center; color:#000;font-size:2em;padding: 10px 0 10px 0px;}
.toptitle h1 a{display:inline-block;color:#000;text-decoration: underline;text-align:center;}
.toptitle h1 a:hover {text-decoration: underline;color:#000;}
.toptitle h1 a:active {text-decoration:none;color:#000;}
.toptitle h1 a:visited {color:#000;}
.toptitle h1 img{margin-top:5px;}

.toptitle h2 {text-align:center; color:#000;font-size:1.2em;padding: 10px 0 15px 0;}
.toptitle h2 a{display:inline-block;color:#000;text-decoration: underline;text-align:center;}
.toptitle h2 a:hover {text-decoration: underline;color:#000;}
.toptitle h2 a:active {text-decoration:none;color:#000;}
.toptitle h2 a:visited {color:#000;}
.toptitle h2 img{margin-top:5px;}


.widecontentcolour {color:#FFF;}
.widecontentcolour h2, h3 {text-align:center;padding:5px 0 0 0;}
.widecontentcolour p {font-size:1em;line-height: 1.4em; padding: 5px; color:#FFF;}

.content50 h2,h3 {text-align:left;}

hr {border: solid #036; border-width: 1px 0 0; clear: both; margin: 10px 0 5px; height: 0; }

img{max-width:100%;height: auto;padding:5px;}
.widecontent img{max-width:100%;height: auto;padding:3px; border:1px #000 solid;}
.widecontentcolour img{max-width:100%;height: auto;padding:3px; border:1px #FFF solid;}
.widecontentadvert img{max-width:100%;height: auto;padding:3px; border:1px #FFF solid;}
.content75 img{max-width:100%;height: auto;padding:3px; border:1px #000 solid;}

.aligncentre {text-align:center;}

h3 a{display:inline-block;color:#0000cc;font-size:1.0em;text-decoration: none;text-align:center;margin-bottom:0px;padding-top:10px;padding-bottom:10px;padding-right:10px;}
h3 a:hover {text-decoration: underline;color:#0000cc;}
h3 a:active {text-decoration:none;color:#000;}
h3 a:visited {color:#0000cc;}
h3 img{margin-top:5px;}

h4 a:link {display:inline-block;
    background: #34b2d9;
  background-image: -webkit-linear-gradient(top, #34b2d9, #2980b9);
  background-image: -moz-linear-gradient(top, #34b2d9, #2980b9);
  background-image: -ms-linear-gradient(top, #34b2d9, #2980b9);
  background-image: -o-linear-gradient(top, #34b2d9, #2980b9);
  background-image: linear-gradient(to bottom, #34b2d9, #2980b9);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  text-shadow: 3px 4px 2px #752975;
  font-family: Georgia;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #1f628d 3px;
  text-decoration: none;
 }
 
h4 a:visited {text-decoration: none;color: #ffffff; }
h4 a:hover {  background: #3cfcfc;
  background-image: -webkit-linear-gradient(top, #3cfcfc, #3498db);
  background-image: -moz-linear-gradient(top, #3cfcfc, #3498db);
  background-image: -ms-linear-gradient(top, #3cfcfc, #3498db);
  background-image: -o-linear-gradient(top, #3cfcfc, #3498db);
  background-image: linear-gradient(to bottom, #3cfcfc, #3498db);
  text-decoration: none;}
h4 a:active {text-decoration: none;} 

h6 a{display:block;color:#000;font-size:1.0em;text-decoration: none;text-align:center;margin-bottom:0px;padding-top:10px;padding-bottom:10px;padding-right:10px;}
h6 a:hover {text-decoration: underline;color:#0000cc;}
h6 a:active {text-decoration:none;color:#000;}
h6 a:visited {color:#000;}
h6 img{margin-top:5px;}

.pagefooter h3, h4 {text-align:center;padding:0;margin:10px 0 10px 0;}

#cookie-law{width:100%;background:#000;position:fixed;bottom:0;} 
#cookie-law p{padding:10px;font-size:0.85em;font-weight:lighter;text-align:center;color:#FFF;margin:0;}
#cookie-law a:link {text-decoration: none;color:#FF6;}
#cookie-law a:visited {text-decoration: none;color:#FFF;}
#cookie-law a:hover {text-decoration: none;color:#FFF;}
#cookie-law a:active {text-decoration: none;color:#FFF;}

.firstrow {clear: left;}
.endrow {clear: right;}
.row {clear: both;}

#map_canvas {width:96%;margin:10px;padding: 10px;height:700px;clear:both;}
#map_canvas img, object, embed {max-width: none;}
#map_canvas img {height:auto} 

@media screen and (max-width: 966px) {.toptitle {width: 100%;padding: 5px 0 0 0; margin: 0;}
.mainwrapper {width:96%;max-width:96%;margin:0px;padding:5px;}
.toptitle h1 {text-align:center; color:#000;font-size:1.5em;padding: 10px 0 5px 0;}
.toptitle h2 {text-align:center; color:#000;font-size:1.2em;padding: 5px 0 5px 0;}

}

@media screen and (max-width: 768px) {.toptitle {width: 100%; padding: 5px 0 0 0; margin: 0;}
.toptitle h1 {text-align:center; color:#000;font-size:1.5em;padding: 15px 0 5px 0;}.toptitle h2 {text-align:center; color:#000;font-size:1.5em;padding: 10px 0 5px 0;}

}

@media screen and (max-width: 620px) {
* {margin: 0;padding: 0;}
.toptitle {width: 100%;padding: 0; margin: 0;}
.mainwrapper {width:96%;max-width:96%;margin:0px;padding:5px;}
.widecontent {width:100%;max-width:100%;margin:0px;padding:0px;}
.content {width:100%;max-width:100%;margin: 0px;padding:0px;}
.content50 {width:100%;max-width:100%;margin:0px;padding:0px;}
.content75 {width:100%;max-width:100%;margin:0px;padding:0px;}
h1 {font-size: 1.3em;}
h2 {font-size: 1.2em;padding: 5px 0 0 5px;}
h3 {font-size: 1.0em;padding:5px 0 0 0;}
.toptitle h1 {text-align:center; color:#000;font-size:1.5em;padding: 5px 0 5px 0;}
.toptitle h1 a{text-align:center; color:#000;font-size:1.5em;padding: 5px 0 5px 0;}
.toptitle h2 {text-align:center; color:#000;font-size:1.2em;padding: 5px 0 5px 0;}
.toptitle h2 a{text-align:center; color:#000;font-size:1.2em;padding: 5px 0 5px 0;}
img{max-width:100%;height:auto;padding: 5px;}


}

@media screen and (max-width: 480px) {
* {margin: 0;padding: 0;}
.toptitle {width: 100%; height:86px;padding: 0; margin: 0;background-color:#FFF;background-image:url(http://www.camusnagaul.com/scottish-highlands480.jpg);background-repeat:no-repeat;background-position:center;}
.mainwrapper {width:96%;max-width:96%;margin:0px;padding:5px;}
.widecontent {width:100%;max-width:100%;margin:0px;padding:0px;}
.content {width:100%;max-width:100%;margin: 0px;padding:0px;}
.content50 {width:100%;max-width:100%;margin:0px;padding:0px;}
.content75 {width:100%;max-width:100%;margin:0px;padding:0px;}
h1, h2, h3, h4, h5, h6 {font-family:Verdana, Geneva, sans-serif;text-align:left; padding: 0 0 0 5px;}
h1 {font-size:1.2em; font-weight: bold;}
h2 {font-size:1.0em;}	
h3 {font-size:1.0em;}
h4, h5, h6 {font-size:0.95em;}
.toptitle h1 {text-align:center; color:#FFF;font-size:1.1em;padding: 5px 0 0 0;}
.toptitle h1 a{text-align:center; color:#FFF;font-size:1.3em;padding: 5px 0 0 0;}
.toptitle h2 {text-align:center; color:#FFF;font-size:0.95em;padding: 5px 5px 5px 0;}
.toptitle h2 a{text-align:center; color:#FFF;font-size:0.95em;padding: 5px 5px 5px 0;}
img{max-width:100%;height:auto;padding: 5px;}

h3 a{color:#000;font-size:1.0em;text-decoration: none;text-align:center;background-color:#FFF;margin-bottom:0px;padding-top:5px;padding-bottom:0px;padding-right:0;}
h3 a:hover {text-decoration: underline;color:#0000cc;background-color:#CCC;}
h3 a:active {text-decoration:none;color:#000;}
h3 a:visited {color:#000;}
h3 img{margin-top:5px;}

#map_canvas {width:90%;height:250px;}
#map_canvas img, object, embed {max-width: none;}
#map_canvas img {height:auto} 

}

@media screen and (max-width: 320px) {
* {margin: 0;padding: 0;}
.toptitle {width: 100%; height:86px;padding: 0; margin: 0;background-color:#FFF;background-image:url(http://www.camusnagaul.com/scottish-highlands320.jpg);background-repeat:no-repeat;background-position:center;}
.mainwrapper {width:96%;max-width:96%;margin:0px;padding:5px;}
.widecontent {width:100%;max-width:100%;margin:0px;padding:0px;}
.content {width:100%;max-width:100%;margin:0px;padding:0px;}
.content50 {width:100%;max-width:100%;margin:0px;padding:0px;}
.content75 {width:100%;max-width:100%;margin:0px;padding:0px;}
h1, h2, h3, h4, h5, h6 {font-family:Verdana, Geneva, sans-serif;text-align:left; padding: 0 0 0 5px;}
h1 {font-size:1.2em; font-weight: bold;}
h2 {font-size:1.0em;}	
h3 {font-size:1.0em;}
h4, h5, h6 {font-size:0.95em;}

.toptitle h1 {text-align:center; color:#FFF;font-size:0.90em;padding: 15px 0 5px 0;}
.toptitle h1 a{display:inline-block;font-weight:normal;color:#FFF;text-decoration: none;text-align:center;}
.toptitle h1 a:hover {text-decoration: underline;color:#FFF;}
.toptitle h1 a:active {text-decoration:none;color:#FFF;}
.toptitle h1 a:visited {color:#FFF;}
.toptitle h1 img{margin-top:5px;}

.toptitle h2 {text-align:center; color:#FFF;font-size:0.80em;padding: 0 0 0 0;}
.toptitle h2 a{display:inline-block;color:#FFF;text-decoration: none;text-align:center;}
.toptitle h2 a:hover {text-decoration: underline;color:#FFF;}
.toptitle h2 a:active {text-decoration:none;color:#FFF;}
.toptitle h2 a:visited {color:#FFF;}
.toptitle h2 img{margin-top:5px;}


img{max-width:100%;height:auto;padding: 0px;margin:0;}

h3 a{display:block;color:#000;font-size:1.0em;text-decoration: none;text-align:center;background-color:#FFF;margin-bottom:0px;padding-top:5px;padding-bottom:0px;padding-right:0;}
h3 a:hover {text-decoration: underline;color:#0000cc;background-color:#CCC;}
h3 a:active {text-decoration:none;color:#000;}
h3 a:visited {color:#000;}
h3 img{margin-top:5px;}

#map_canvas {width:90%;height:400px;}
#map_canvas img, object, embed {max-width: none;}
#map_canvas img {height:auto} 

}