/* colors 
 * 73880b dark green
 * f4ffd2 light green
 * 69ab2b bright green (links & headers)
 * daf095 med green sidebar backgrounds, header nav
 * 50AAB5 blue for hovers..
*/

/* HTML Tag Redefinition */   
html, body {
	height: 100%;
	font: .8em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 20px; }
body { 
	padding: 0;
	margin: 10px 0 0 0;
	background: #67726e;
	color: #304b52;
	
}
img {
	border: 0
}
body:before { /* top shadow */
    content: "";
	position: fixed;
	top: -10px;
	left: -10px;
	width: 110%;
	height: 10px;

	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	     -o-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
			box-shadow: 0px 0px 10px rgba(0,0,0,.4);

	z-index: 100;
	}

a { cursor:pointer }
/* Page Structure / Navigation */
#page {
	width:980px;
	 margin: 0 auto; text-align: left;	 
	 height: auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	font: 1em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 22px;
	 background: #fff;
	}

span.sign-in {margin-left: 20px}
#page #footer span.powered-by { float:right; margin-right:20px;}


/* MISC STYLES & SHORTCUTS */
div.code {
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px
}
div.spacer, div.ccm-spacer {
	clear:both;
	font-size:1px;
	line-height:1px
}
.noTopSpace {
	margin-top:0px;
	padding-top:0px
}

/* customize_miscellaneous */ /* customize_miscellaneous */

#topleft { float: left; width: 320px; height: 135px; padding-top: 5px; }
#topright { float: left; width: 660px; height: 125px; padding-top: 15px }
#navbar { padding: 3px 0 0 0; background: #f6f8f7; margin-top: 5px; }
#content { width: 430px; float: left; }
#left { width: 980px; float: left; }
#right { width: 400px; float: left; }
#paleblue { width: 540px; background: #a2b5b9; height: 50px; margin-top: 2px; float: left; padding: 10px 0 0 40px; }
#darkblue { width: 360px; background: #828a8c; height: 50px; margin-top: 2px; float: left; padding: 10px 0 0 40px; }
#leftcontent { width: 580px; float: left; background:#e2e9e1 }
#rightcontent { width: 400px; float: left; }
#footer { clear: both; height: 150px; background: url(https://isleofluinglodges.co.uk/themes/ardlarach/images/footer.jpg) no-repeat #a2b5b9; border-top: 3px solid #fff;  }
#footerinner { padding: 10px 30px; color: #161d24; }

#picbg { background: url(https://isleofluinglodges.co.uk/themes/ardlarach/images/picbg.png); height: 50px; width: 420px; position: absolute; left: 30px; top: 170px; color: #fff; z-index: 200; } 

#logo { position: absolute; top: 0; left: 0; }
#vs { position: absolute; top: 70px; left: 875px; z-index: 200; }
#fb { position: absolute; top: 65px; left: 815px; z-index: 200; }
#trip { position: absolute; top: 110px; left: 770px; z-index: 200; }

#topleft .padding { padding: 0 0 0 20px; }
#rightcontent ul { margin: 5px; padding: 2px; }

#ppis {
	width:980px;
	 margin: 0 auto; text-align: right;	color: #a2b5b9;
	}

/*#picbg { background: url(https://isleofluinglodges.co.uk/themes/ardlarach/images/picbg.png); height: 325px; width: 225px; position: absolute; left: 325px; top: 150px; color: #fff; z-index: 120; } */
#booking { position: absolute; left: 765px;  }

.inner { padding: 15px 30px; }
.inner1 { padding: 15px; }

h1 {  font-family: 'Euphoria Script', cursive; font-size: 2.5em!important; font-weight: 700; color: #828a8c!important; }
h1.heading { font-family: 'Euphoria Script', cursive; font-size: 4.5em!important; font-weight: 500; color: #faa31e!important; margin-bottom: 10px; }
h2 { font-family: 'Euphoria Script', cursive; font-size: 2.3em!important; font-weight: 500; color: #67726e!important; }
h3 { font-size: 1.4em!important; font-weight: 500!important; color: #6a9aa4!important; }
h4 { font-size: 1.1em!important; font-weight: 500!important; color: #c77d09!important; line-height: 22px!important; margin: 0!important; }
h5 { font-family: 'Euphoria Script', cursive; font-size: 2.5em!important; font-weight: 500; color: #fff!important;}

.paddingpic { padding: 6px 0 0 0; }
.picright { float: right; margin: 0 0 0 10px; }
.picleft { float: left; margin: 0 10px 0 0; }
.paddingtop { padding-top: 10px; }
.paddingleft { padding: 20px 0 0 40px; }
.paddingtop1 { padding-top: 10px; display: block; }
.paddingleftside { padding: 100px 20px 0 50px; text-align: right; }

.picrighthome { float: right; margin: 0 0 20px 15px; }

#navbartop {
   margin: 0;
   padding: 0;
   margin: 0 0 0 -44px!important; }
   
#navbartop li {
   list-style: none;
   float: left;
    }
   
#navbartop li a {
   display: block;
   margin: 3px 14px 3px 3px;
   color: #67726e !important;
   text-decoration: none; 
   font-size: 1.2em; 
   padding-top: 0;
   border-bottom: dotted 1px #fff;
   font-weight: 500;
}
  
#navbartop li a:hover {
   display: block;
   margin: 3px 14px 3px 3px;
   color:#67726e !important;
   text-decoration: none; 
   font-size: 1.2em; 
   background: none;
   border-bottom: dotted 1px #67726e;
   font-weight: 500;
}   
#navbartop li ul {
   display: none; 
   width: 12em; /* Width to help Opera out */
   background: none;
   font-size: 1.1em;
  }
   
#navbartop li:hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
}
   
#navbartop li:hover li {
   float: none;
    }
   
#navbartop li:hover li a {
   background: #69bc48 !important;
   color: #0e0803 !important;
   padding-left: 8px;
   font-size: 1em; margin-top: 2px;
   border: solid 1px #d0ce00; }
   
#navbartop li li a:hover {
   background: #bcbca0 url(https://isleofluinglodges.co.uk/themes/ardlarach/../images/navhover.png); }


a:link { color: #3c1e00; text-decoration: underline; background: transparent; font-weight: 700;  }
a:visited { color: #3c1e00 !important; text-decoration: none; background: transparent; font-weight: 700;}
a:hover { color: #9d0525 !important; text-decoration: underline; background: none; font-weight: 700; }

a.link2:link { color: #fff !important; text-decoration: none; background: transparent; font-weight: 700; }
a.link2:visited { color: #fff !important; background: transparent; text-decoration: none; font-weight: 700; }
a.link2:hover { color: #fff !important; background: transparent;  text-decoration: underline;  font-weight: 700; }

a.link3:link { font-size: 1.6em !important; color: #fff; text-decoration: none; background: #acb9c6; font-size:1em; font-weight: 500; padding: 8px; margin: 10px 0; display: block; }
a.link3:visited { font-size: 1.6em !important; color: #fff; background: #acb9c6; text-decoration: none; font-size:1em;  font-weight: 500; padding: 8px; margin: 10px 0; display: block; }
a.link3:hover { font-size: 1.6em !important; color: #fff; background: #9faebd; text-decoration: underline; font-size:1em;  font-weight: 500; padding: 8px; margin: 10px 0; display: block; }

a.link4:link { color: #fff; text-decoration: none; background: transparent; font-size:1em; font-weight: 500; border-bottom: dotted 1px #fff; }
a.link4:visited { color: #fff; background: transparent; text-decoration: none; font-size:1em;  font-weight: 500; border-bottom: dotted 1px #fff; }
a.link4:hover { color: #fff; background: transparent;  text-decoration: underline; font-size:1em;  font-weight: 500; border-bottom: solid 1px #fff; }

.nolink { color: #f6bc2a; text-transform: uppercase; background: transparent; font-weight: 700; }

div#nav a { font-size: 1.2em !important; color:#0e0803!important; text-decoration: none; background:transparent; font-weight:700;  padding: 3px; }
div#nav a:visited { font-size: 1.2em !important; color:#0e0803!important; text-decoration: none; background:transparent; font-weight:700;  padding: 3px; }
div#nav a:hover { font-size: 1.2em !important; color:#0e0803!important; text-decoration: underline; background:transparent;  font-weight:700; padding: 3px;  }

.bold { font-weight: 700; }
.dots { border-top: dotted 1px #2f2621; margin: 20px 0 0 0; padding: 0; }
.line { background: #053905; height: 1px; clear: both; padding: 0; margin: 0 0 10px 0; }
.border { border: solid 1px #0e0803; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.leftgallery { float: left; padding: 5px; border: solid 1px #7890c0; margin: 5px; }
.galleryback { width: 400px; }
.background { background: #dbecf5; }
.reservations { text-transform: uppercase; text-align: right; font-size: 1.5em; padding: 0 30px 30px 0; line-height: 25px; }
.paleblue { color: #56bdce; }
.fadeimage { padding: 10px 10px 20px 10px; background: #202124; margin: 0 16px }
.booking { text-align: center; padding-left: 70px; color: #417881; }
.red  { color:#942622; }
.twitter { position: absolute; top: 81px; left: 890px; }
.fb { position: absolute; top: 80px; left: 940px; }
.pinit { position: absolute; top: 50px; left: 940px; }
.nomargin { margin: 0; padding: 0; }

.shadedbox { -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888; }