* {
        margin: 0;
}

html, body {
        display: block;
        margin: 0px;
        background: #A22;
        height: 100%;
}

.wrapper {

        min-height: 100%;	
        height: auto !important;
        height: 100%;
        margin: 0 auto -180px;

/*
    height: 100vh -180px;
    overflow-x: hidden;
    overflow-y: auto;  

    -webkit-perspective: 1px;
    perspective: 1px;
        
    font-size: 200%;
*/
}


.top {
        position: relative top;
        background: #8be url('content/gfx/PICT8240_chelmiec.jpg') no-repeat;
/*        background-size: 30%;
        background-repeat: no-repeat;	*/
/*        background-position: 0px -155px;	*/
/*	background-attachment: fixed;	*/
	background-position: center -5px;

/*
	-webkit-filter: grayscale(50%) sepia(50%);
	-moz-filter: grayscale(50%) sepia(50%);
	-ms-filter: grayscale(50%) sepia(50%);
	-o-filter: grayscale(50%) sepia(50%);
	filter: grayscale(50%) sepia(50%);
*/

/*
-webkit-background-size: 50%, 25%, 25%;
-moz-background-size: 50%, 25%, 25%;
-o-background-size: 50%, 25%, 25%;
background-size: 50%, 25%, 25%;
*/

        box-shadow: 0px 0px 20px rgb(9,9,9);
        -moz-box-shadow:  0px 0px 20px rgb(9,9,9);
        -webkit-box-shadow: 0px 0px 20px rgb(9,9,9);
        width: 100%;
        height: 210px;
}

#top_content {
	position: relative top;
	width: 1000px;
/*	background: none; */

	background: #8be url('content/gfx/PICT8240_chelmiec.jpg') no-repeat;
	background-position: center -5px;
/*	background-position: center;	*/
}

#hamnet_logo {
	position: relative top;
/*	background: rgba(255,255,255,.1) url('content/gfx/HamNet_logo_r_100x100_transparent.png') no-repeat;	*/
	background: url('content/gfx/HamNet_logo_r_100x100_transparent.png') no-repeat;
	height: 100px;
	width: 100px;
/*	box-shadow: 0px 0px 30px rgba(255,255,255,0.8);	*/
	border-radius: 0px;
}
 
#top_content {
        position: relative top;
/*        background: #222 url('images/top_bg3.png') bottom;	*/
        width: 982px;
        height: 155px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;

/*	left / right 1 pixel dividers	*/
/*        border-style: solid;
        border-width: 0 1px 0 1px;  
        border-color: #555;	*/

        font-family: Verdana, Tahoma, Helvetica, Arial;
        font-size: 30px;
        font-weight: normal;
        text-align: justify;
        line-height:1em;    
        color: #888;
}

#bkgstripe {
        width:1002px;
	height: 3px;
        margin-left: auto;
        margin-right: auto;
        background: url('content/gfx/PICT8240_chelmiec.jpg') no-repeat;
        background-position: center -212px;
}

.mid {
        position: relative top;
        width: 100%;
	height: auto;
}
 
#mid_content {
	position: relative;
        background: #999 url('content/gfx/PICT5577_tower.jpg');
	background-size: 1230px 1830px;
	background-repeat: no-repeat;
	background-position: -230px 0px;

        width: 940px;
        min-height: 600px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;   
        padding: 30px;     
        border-style: solid;
        border-width: 1px;  
        border-color: #555; 

        font-family: Verdana, Tahoma, Helvetica, Arial;
        font-size: 12px;
        font-weight: normal;
        text-align: justify;
        line-height:1.5em;  
        color: #fff;
/*	min-height: 1800px;	*/
}

.footer, .push {
        height: 180px;
        background: #111;
        font-family: Verdana, Tahoma, Helvetica, Arial;
        font-size: 12px;
        font-weight: normal;
        text-align: center; 
        line-height: 1.5em; 
        color: #888;
}

.inner_footer {
        background: #222;
        width: 1000px;   
        height: 100%;    
        margin-left: auto;
        margin-right: auto;
        border-style: solid;
        border-width: 0 1px 0 1px;
        border-color: #555;

}

#spacer {
        height: 190px;
}

#gap {
	height: 15px;
}

.text_box {
	position: relative;
	min-height: 200px;
	max-height: 1720px;
	float: right;
	width: 700px;

        padding: 20px;     
        border-style: solid;
        border-width: 1px;  
        border-color: #888;

	background: rgba(255,255,255,.2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4affffff', endColorstr='#4affffff'); /* IE */

        font-family: Verdana, Tahoma, Helvetica, Arial;
        font-size: 12px;
        font-weight: normal;
        text-align: justify;
        line-height: 1.5em;
        color: darkred;
	margin: 0 0 0 300px;

/*
overflow: auto;
white-space: nowrap;
text-overflow: ellipsis;
*/
}

#cube1 {
	position: relative;
        background: url('PICT5577_tower.jpg_');
	background-size: 1000px 1400px;
	background-repeat: no-repeat;

        width: 200px;
        height: 1200px;
        margin: 10px;
        padding: 0;
        border-style: solid;
        border-width: 1px;  
        border-color: #555; 
}

.parallax_containter {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;

    -webkit-perspective: 1px;
    perspective: 1px;
        
    font-size: 200%;
    background: red;
}     


.parallax_element {
    position: absolute;

    top: -30vh;
/*    left: 0;
    right: 0;	
    bottom: 4000px;
*/
    -webkit-transform: translateZ(-1px);
    transform: translateZ(-1px);
                
/*    padding: -50vh 0; */

background: url('PICT5577_tower.jpg') no-repeat;
/*background-size: 100%;	*/

height:100vh;

 width: 2000px;


        margin-left: 0;
/*        margin-right: auto;	*/


/*
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
*/
	z-index: -3;
}

p {
	font-family: Verdana, Tahoma, Helvetica, Arial;
        font-weight: normal;
        text-align: justify; 
        line-height: 1.5em;
}

p.txt-subject {
	font-size: 18px;
	color: black;
	line-height:2em
}

p.txt-main {
	font-size: 14px;
	color: darkred;
	margin-bottom: 1em;
	text-indent: 25px;
}

p.continue {
	font-size: 14px;
	color: darkred;
	margin-bottom: 1em;
	text-indent: 25px;
	float:right;
}


p.txt-main a:link, p.txt-main a:visited, p.continue a:link, p.continue a:visited {
        color: #418;
        text-decoration: none;
        margin: 0;
}

p.txt-main a:active, p.txt-main a:hover, p.continue a:active, p.continue a:hover {
        color: #fff;
        text-decoration: none;
        margin: 0;
}


.inv-window {
	margin: 10px;
}

.frame-module {
        position: relative;
        min-height: 50px;
        min-width: 300px;

        padding: 20px; 
        border-style: solid;
        border-width: 1px;
        border-color: #888;
 
        font-family: Verdana, Tahoma, Helvetica, Arial;
        font-size: 12px;
        font-weight: normal;
        text-align: justify;
        line-height: 1.5em;
        color: darkred;

}

.frame-round {
        position: relative;
        background: rgba(100,100,100,0.4);
        width: 500px;
        padding: 10px 50px;
        top: 10px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        border: 1px solid #555;

        border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        -moz-border-radius: 10px;
}

.end_of_block {
	clear: both;
}


hr {
	border: none;
	height: 1px;
	color: #000; /* old IE */
	background-color: #000;
	margin: 20px;
}