/*----------------------Julian Gregson Gallery-------------------------*/

html {
background:url(Images/Interface/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 padding:50px;
 font-family: palatino, verdana, arial, helvetica;
 Background-color:black;
}
}
body{
    /* Workaround for some mobile browsers */
    min-height:100%;
	 
}
h1{
padding:5px 0 5px 0;
margin:0px;
font-size:18px;
color:#FFFFFF;
text-align:center;
}
h2{
padding:5px 0 5px 0;
margin:0px;
font-size:14px;
color:white;
text-align:center;
font-weight: bold;
}
h3{
padding:0 0 5px 0;
margin:0px;
font-size:14px;
color:#E67817;
font-style: normal;
text-align:center;
}
h4{
padding:10px 0 2px 0;
margin:0px;
font-size:8px;
color:#E67817;
}
h5{
padding:5px 0 5px 0;
margin:0px;
font-size:18px;
color:#E67817;
text-align:center;
font-style: normal;
font-weight: bold;
}
h7{
padding:5px 0 5px 0;
margin:10px;
font-size:14px;
color:white;
text-align:left;
font-weight: normal;
float:left;
}
h8{   /* Testimonials */
padding:0 0 5px 0;
margin:0px;
font-size:16px;
color:#E67817;
font-style: normal;
text-align:left;
}
p{
text-align:justify;
}
p.white{
color:#FFFFFF;
}
p.green{
color:#d4f0ba;
}
p.clear{
clear:both;
padding:10px 0 0 0;
}


#main_container{
position:relative;
border: solid 15px;
border-color: #E67817 #E67817 #E67817 #E67817;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
width:850px;
height:auto;
margin:auto;
background-color: #1E3B63;
z-index: 100;
/*-----------------background-image: url(Images/Interface/Sand.jpg); background-repeat: no-repeat; background-position:top left;---------*/
}
#logo{
 position:absolute;
 top:-70px;
 left:20px;
 z-index: 100;
}
#logo_text{
 position:absolute;
 top:36px;
 left:345px;
 z-index: 100;
 font-size:15px;
color:#ffffff;
text-align:left;
}
#content{
padding: 0px 0px 0px 0px;
}
#main_content{
position:relative;
width:auto;
height:auto;
clear:both;
}
#slideshow{
position:relative;
top:-3px;
left:-3px;
 z-index: 50;
}
#tagline{
 position:relative;
 top:0px;
 left:0px;
 z-index: 100;
}
#left_col{
border:4px #cae6c6 solid;
border-color: #E67817 #E67817 #E67817 #E67817;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
width:385px;
padding: 5px;
float:left;
margin:0px 0px 0 10px;
background-color:#ffffff;

}
#right_col{
border:4px #cae6c6 solid;
border-color: #E67817 #E67817 #E67817 #E67817;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
width:385px;
padding: 5px;
float:right;
margin:0 10px 0 0;
background-color:#ffffff;
}
#full_col{
border:4px #cae6c6 solid;
border-color: #E67817 #E67817 #E67817 #E67817;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
width:95.5%;
height:2200px;
padding: 5px;
margin:0 10px 0 10px;
background-color:#ffffff;
}

#left_cal{
position:absolute;
top:420px;
left:10px;
border:0px;
padding: 5px;
float:left;
margin:0px 0px 0 10px;
}
#right_cal{
position:absolute;
top:420px;
right:10px;
border:0px;
padding: 5px;
float:right;
margin:0 10px 0 0 ;
}
#straplogo{
 position:relative;
 top:-25px;
 text-align:center;
 z-index: 0;
}
#jensens{
 position:relative;
 z-index: 50;
 top:25px;
 text-align:center;
 padding: 25px;
}
#lodgix{
 position:relative;
 z-index: 50;
 text-align:center;
 padding: 5px;
 width:95.5%;
}
/*----------------------menu-------------------------*/
#menu {
position:relative; 
top:-24px; 
left:0px; 
width:850px;
z-index: 100;
font-size:13.5px; 
font-weight: bold; 
padding:0; 
border-top:4px #E67817 solid; 
border-bottom:4px #E67817 solid; 
list-style:none; height:40px; 
background-color:#ffffff;}

#menu li {float:left;border-left:1px #E67817 solid;}
#menu li a {display:block; height:40px; line-height:40px; padding:0 10px 0 10px; float:left; color:#E67817; text-decoration:none;}
#menu li a b {display:block; height:40px; float:left; padding:0 0 0 10px; cursor:pointer;}

#menu li a:hover,
.tab1 #menu li#tab1 a,
.tab2 #menu li#tab2 a,
.tab3 #menu li#tab3 a,
.tab4 #menu li#tab4 a,
.tab5 #menu li#tab5 a,
.tab6 #menu li#tab6 a,
.tab7 #menu li#tab7 a
{background-color:#E67817; color:#fff}
#menu li a:hover b,
.tab1 #menu li#tab1 a b,
.tab2 #menu li#tab2 a b,
.tab3 #menu li#tab3 a b,
.tab4 #menu li#tab4 a b,
.tab5 #menu li#tab5 a b,
.tab6 #menu li#tab6 a b,
.tab7 #menu li#tab7 a b,
{background-color:#E67817; color:#fff}
#visiting
{background-color:#E67817; color:#fff}

/*-----------------------------footer------------------*/
#footer{
position:relative;
z-index: 80;
height: 70px;
padding: 5px;
width: auto;
top:0px;
left:0px;
background-color:#ffffff;
text-align: center;
border-top:4px #E67817 solid;
font-size:12px;
font-weight: normal;
color:#E67817;
}


.copyright{
float:left;
padding-left:10px;
padding-top:10px;
color: #E67817;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #fff;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #fff;
}
/*-----------------------------footer------------------*/


.blog{
position:absolute;
top:5px;
left:5px;
width:150px;
height:16px;
font-family: "Trebuchet MS";
font-size:14px;
color:#333;
display:inline-block;
border:none;
overflow:hidden;
}


#gallery{
border:4px #cae6c6 solid;
border-color: #E67817 #E67817 #E67817 #E67817;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
width:95.5%;
height:2065px;
padding: 5px;
margin:0 10px 0 10px;
background-color:#fff;
box-shadow:0px 0px 15px 1px #333;
-webkit-box-shadow:0px 0px 15px 1px #333;
-moz-box-shadow:0px 0px 15px 1px #333;
position:relative;

}

#gallery a{
float:left;
width:200px;
height:150px;
position:relative;
border:1px solid grey;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

#gallery a img{
display:block;
width:100%;
height:100%;
-webkit-transition-property:width, height;
-webkit-transition-duration:300ms;
-moz-transition-property:width, height;
-moz-transition-duration:300ms;
-o-transition-property:width, height;
-o-transition-duration:300ms;
position:absolute;
z-index:1;
opacity:.9;
cursor:pointer;
}

#gallery a:after {
display:block;
position:absolute;
width:100%;
height:100%;
content:"";
color:#eaeaea;
font-family: "Trebuchet MS";
font-size:16px;
opacity:0.3;
}

#gallery .closed{
position:absolute;
top:10px;
right:-50px;
display:none;
text-align:center;
font-weight:bold;
font-size:70px;
color:#fff;
width:20px;
height:20px;
-webkit-text-shadow:0px 0px 5px #222;
-moz-text-shadow:0px 0px 5px #222;
text-shadow:0px 0px 5px #222;
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
cursor:pointer;
z-index:3;
}

#gallery a:focus~.closed{
display:block;
}

#gallery a:focus img{
width:250%;
height:250%;
position:absolute;
opacity:1;
z-index:2;
box-shadow:0 0 15px 2px #000;
-moz-box-shadow:0 0 15px 2px #000;
-webkit-box-shadow:0 0 15px 2px #000;
-webkit-transition-property:width, height;
-webkit-transition-duration:2s;
-webkit-transition-delay:0.3s;
-moz-transition-property:width, height;
-moz-transition-duration:2s;
-moz-transition-delay:0.3s;
-o-transition-property:width, height;
-o-transition-duration:2s;
-o-transition-delay:0.3s;
cursor:default;
}

#gallery a:nth-child(4n+4) img, a:nth-child(4n+3) img{
right:0;
}

#gallery a:nth-child(n+9) img{
bottom:0;
}