@import url('https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;600&display=swap');
*{
	margin:0;
	padding:0;
}

/* tables */

table     { display: table }
tr        { display: table-row }
thead     { display: table-header-group }
tbody     { display: table-row-group }
tfoot     { display: table-footer-group }
col       { display: table-column }
colgroup  { display: table-column-group }
td, th    { display: table-cell; padding:10 10 10 10;}
caption   { display: table-caption }


/* CSS Styles */

#meta-nav
{
    position:fixed;
    left:0px;
    width:100%;
    z-index:30;
}

#meta-left
{
    position:fixed;
    left:0px;    
}

#meta-bottom
{
    position:fixed;
    right:8px; 
	bottom:8px;
	color:#000000;
	font-size:14px;
}

#meta-right
{
    position:fixed;
    right:0px;
}


#meta-nav img
{
    display:inline-block;
    margin-left:-3px;
    padding:0;
   
}

#meta-indicator
{
    width:172px;
    height:3px;
    top:50px;
    background-color:#ffffff;
    position:fixed;
    z-index:98;
}




a
{
    color:#030377;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

body{
	background: #82a5cf;
	font-size:9px;
	font-family:'Vollkorn', serif;
	overflow-x:hidden;	
   
}




.section-header
{
    font-size:x-large;
    margin-bottom:16px;
}


#press-table a:hover
{
    text-decoration:underline;
}

#press-table a, #press-table a:visited
{
    text-decoration:none;
}

#press-table
{
    width:900px;
}

.press-img
{
    vertical-align:middle;
    margin-right:5px;
}

td
{
    width:500px;
    margin-left:-10px;  
    padding:0 0 40 0;
}




/* this is the paragraph text for the homepage*/
#content-body
{
    position:absolute;
    top:80px;
    left:30px;
    width:375px;   
    z-index:20;
    font-size:14px;
    color:#eeeeee;
    line-height:26px;
    text-align:left;   
}


.content-body-scroll-inner
{
    width :475px;
    margin-bottom:75px; 
    z-index: 101;
}

.content-body-scroll-wide
{
    width :90%;
    margin-bottom:175px;
}


/* this is scrollable body text */
.content-body-scroll
{
    position:fixed;
    overflow-y:scroll;
    width:100%;
    height:100%;
    top:0px;
    padding-top:50px;
    z-index:20;
    font-size:14px;
    color:#293036;
    line-height:26px;
    text-align:left;
    z-index:5;
    left: 70px;
}

.content-background {
    position:fixed;
    top:0px;
    width: 535px;
    height: 2200px;
    left: 40px;
    background-color: white;
    z-index: 4;
    opacity: 0.50;
    filter: alpha(opacity=50)
    
}
.content-background-purchase {
    position:fixed;
    top:0px;
    width: 345px;
    height: 2200px;
    left: 40px;
    background-color: black;
    z-index: 4;
    opacity: 0.10;
    filter: alpha(opacity=10)
}


#wrapper {
    
    max-width: 1280px;
    
    
}


#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }


#container {
	 width:100%;
	 min-width:950px;
	 margin-top:-13px;
}



#feature-image {
	border-bottom: 5px solid white;
	position: relative;
}

#feature-image .contact {
	width: 151px;
	height: 20px;
    z-index:5;
	position: absolute;
	left: 670px;
	top: 430px;
}

#feature-image .facebook {
	width: 20px;
	height: 20px;
    z-index:5;
	position: relative;
}

#feature-image .twitter {
	width: 20px;
	height: 20px;
    z-index:6;
	position: relative;
}

#photos {
	margin: 0px;
	left:0px;
}

#photos img
{
    width:102%;
    margin-left:-10px;
}

#photos .photo {
	position: relative;
	border-bottom: 5px solid white;	
}




#floater {
    position:fixed;	
	z-index:3;
	top:200px;
	left:200px;
    background-color: #ffffff;
}


.noscroll
{
    overflow:hidden;
    margin-top:-5px;
}




.lazy
{
    z-index:0;
}

.photo .caption.bottom {
	position: absolute;
	top: 80%!important;
	z-index:20;
}

.photo .caption.feature {
	position: absolute;
	top: 88% !important;
	z-index:20;
}


#photos .photo .caption .toggle, #feature-image .caption .toggle {
	position: absolute;
	left: 0px;
	top: 0px;
    z-index:99;
	cursor: pointer;
	height: 30px;
	line-height:30px;
	width:45px;

}

#photos .photo .caption .toggle-right {
	position: absolute;
	right: -10px;
	top: 0px;
    z-index:99;
	cursor:pointer;
	height: 30px;
	line-height:30px;
	width:45px;
}


#photos .photo .caption div, #feature-image .caption div {
	margin-left: 30px;
	display: block;
	height: 30px;
    text-align:left;
	color: #fff;
	line-height: 30px;

	padding: 0px 15px 0px 20px;
    font-size:14px;
	background: url('https://www.abacompte.ch/images/caption.png') right;
}

#photos .photo .caption, #feature-image .caption {
	position: absolute;
	top: 15%;
	display: none;
	z-index:20;
}



h1 { font-size:46px; font-style:normal;
}
h2 { font-size:42px; font-style:normal;
}
h3 { font-size:28px; font-style:normal;
}





/* CSS Reboot */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
/*	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;*/
}

html, body {
	text-align: center;
	height: 100%;
	font-family: 'Vollkorn', serif;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}