/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

html {
height:100%;
}

body {
  	font-family: Helvetica, Helvetica LT, Helvetica Neue, Arial, sans-serif;
   	font-weight: normal;
 line-height:13px;
 font-size:13px;
	margin: 0;
	padding: 0;
	background: #F2F2F2;
	color: #353334;
	overflow:auto;
	overflow-x:auto;
	overflow-y:auto;
height:100%;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #595959;}
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }

img { -ms-interpolation-mode:bicubic; }

#menu {
width: 220px;    
color: #353334;
font-family: Helvetica, Helvetica LT, Helvetica Neue, Arial, sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 13px;
overflow: hidden;
top: 0;
left: 0;
padding:0;
margin-left:10px;
margin-top:20px;
position: fixed;
z-index:999;
height:100%;
}

#contact {
width: 220px;    
color: #353334;
font-family: Helvetica, Helvetica LT, Helvetica Neue, Arial, sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 13px;
overflow: hidden;
bottom: 0;
left: 0;
padding:0;
margin-bottom:20px;
margin-left:10px;
margin-top:20px;
position: fixed;
z-index:1001;
}

#menu a:link,a:visited{ text-decoration: none; color: #353334; }
#menu li:hover{ text-decoration: none; color: #bbb; }
#menu a:hover{ text-decoration: none; color: #bbb; }

#menu-back {
    background-color:rgba(255, 255, 255, 0.6);
    width: 250px; 
    height:100%; 
    overflow: hidden;
    top: 0;
    left: 0;
    position: fixed;
    z-index:998;
}

#menu ul {
	list-style: none;
	padding: 0px;
}

#menu ul li {
  border-bottom: 1px #bbb solid;
  display: block;
	padding-top: 2px;
	padding-bottom: 1px;
  width: 225px;
}

#menu ul li a {
  display: block;
}

#menu ul li.active a{
  color: #bbb;
}

#menu ul.indent li {
  padding-left:20px;
}

#menu ul li.section-title {
  padding-left:0px;
}


#menu ul a { text-decoration: none;}

#menu p {
display:none;
}

#content {
    margin:0;
    margin-left:260px;
    padding-top:20px;
    z-index:1;
}

p {
    margin:0 0 10px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; border-bottom: 1px #929292 solid; font-weight: bold; margin-bottom: 10px; padding-bottom: 2px;}

#img-container-lg	{ position:absolute;top:0; left:0;}
#img-container-lg	img { overflow:hidden;}

#img-container	{ position:absolute;top:20; left:260;}
.over-over-text	{ width: 500px; margin: 0; padding: 0 0 25px 0;}

#img-container-full	{ position:absolute;top:0; left:0; width: 100%;}
#img-container-full	img { width: 100%; overflow:hidden;}

#text { 
color: #353334;
margin-bottom:30px;
margin-left:10px;
margin-right:20px;
padding:0;
width: 215px; 
top:320px; 
left:0;
z-index:1000;
position:fixed;
}

#journal-title {
border-bottom:1px solid #929292;
color:#929292;
margin:0;
padding:2px 0;
width:500px;
}

#journal-title a{
text-decoration: none;
color: #929292;
}

#long-sandy-beach{
height:100%;
margin-left:20px;
}

.nav {
left:0;
}


#once { clear: left; }

#container {width: 500px; float: left; border-top: 0px #929292 solid; margin-top: 10px;}
#left {width: 240px; float: left; margin-right: 20px;}
#right {width: 240px; float: left;}
#sectiontop {width: 240px; float: left; margin-bottom: 0px; padding-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #929292;}
#section {width: 240px; float: left; margin-bottom: 0px; padding-bottom: 10px; margin-top: 10px; border-bottom: 0px solid #929292;}