/*
Author: artix
Author URL: http://www.artix.hr
*/


* {
margin : 0;
padding : 0;
}
html {
width : 100%;
height : 100%;
font-size:100%;
}
body {
background : #000;
font-family : "Lucida Sans Unicode", Lucida Grande, sans-serif;
margin : 0;
padding : 0;
min-width : 100%;
min-height : 100%;
}
a img {
border : none;
}

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

a.black {
color:#000;
text-decoration:none;
}

a:hover, a.black:hover {
color:#CCC;
}

.clear {
clear:both;	
}

.bold {
font-weight:700;
}


#imgcontainer {
display : block;
position : absolute;
overflow : hidden;
top : 0;
left : 0;
width : 100%;
height : 100%;
background: #000  url(../images/homebg.jpg) 0 0;
background-size:cover;
}


#sitewrapper {
position : absolute;
overflow: hidden;
top : 0;
left : 0;
width : 100%;
height : 100%;
}

#sitewrapperwhite{
position : absolute;
overflow: visible;
top : 0;
left : 0;
width : 100%;
height : 100%;}

.contentwrapperhome {
width:100%;
height:55%;
padding-top:15%;
}

.contentwrapper {
width:100%;
background-color:#000;
}

.contentwrapper.white {
background-color:#fff;
}


.homemenu {
}

.homemenu li {
	list-style:none;
	float:left;
	width:90%;
	padding: 2% 5% 2% 5%;
	border-top: thin solid #ccc;
	border-right:none;
	}

.homemenu li.last {
	border-bottom: thin solid #ccc;
	}	
	
.homemenu li a{
font-size:2.2em;
line-height:48px;
display:block;
width:100%;
height:58px;
	}

#home_logo {
width: 100%;
height:25%;
background:url(../images/logo.png) center center no-repeat;
}

.content_logo {
width: 100%;
height:25%;
background: #000 url(../images/logo_small.png) center center no-repeat;
}

.content_logo_black {
width: 100%;
height:25%;
background: #fff url(../images/logo_small_black.png) center center no-repeat;
}

#home_content {
color:#FFF;
width : 100%;
height : 100%;
min-width : 100%;
min-height : 100%;
position:absolute;
}

#about_content {
color:#FFF;
width : 100%;
height : 100%;
min-width : 100%;
min-height : 100%;
position:absolute;
background-color:#000;
}

#signin_content {
color:#FFF;
width : 100%;
height : 100%;
min-width : 100%;
min-height : 100%;
position:absolute;
background-color:#000;
}

#contact_content {
color:#FFF;
width : 100%;
height : 100%;
min-width : 100%;
min-height : 100%;
position:absolute;
background-color:#000;
}

#legal_content {
color:#000;
width : 100%;
height : 100%;
min-width : 100%;
min-height : 100%;
background-color:#fff;
}

#privacy_content {
color:#000;
width : 100%;
height : 100%;
min-width : 100%;
min-height : 100%;
position:absolute;
background-color:#fff;
}

.insidecontent {
padding:2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

.backlink {
	width: 98%; 
	height: 8%; 
	padding-left:2%;
	padding-bottom:2%;
}
.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 	
	border-right:10px solid #fff; 
}

.arrow-left-black {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 	
	border-right:10px solid #000; 
}

a.back{
	width: 20px; 
	height: 20px; 
	display:block; 
}

a.back .arrow-left:hover{
border-right:10px solid #666; 
}

.homelink {
width:94%;
padding:3%;
color:#fff;
font-size:1.5em;
font-weight:bold;
text-align:center;
}

.homelinkblack {
width:94%;
padding:3%;
color:#000;
font-size:1.5em;
font-weight:bold;
text-align:center;
}

a.backhome.black{
color:#000;
}

a.backhome.black:hover{
color:#666;
}




.title {
font-weight:bold;
font-size:28px;
width:100%;
padding-bottom:20px;
}

.text {
font-size : 1.5em;
line-height : 20px;
font-family : "Lucida Sans Unicode", Lucida Grande, sans-serif;
text-align:justify;
}



.footer {
width:100%;
height:7%;
padding-top:2%;
text-align:center;
}

.footer.black {
width:100%;
height:7%;
padding-top:2%;
text-align:center;
background-color:#FFF;
}



.footer ul li {
	list-style:none;
	padding: 0 10px 0 10px;
	border-right: 1px solid #ccc;
	font-size:1.4em;
	display:inline;
	}
	
.footer.black ul li {
	border-right: 1px solid #666;
	}
	
.footer.black ul li a{
color:#000;
	}
	
.footer.black ul li a:hover{
color:#666;
	}

.footer ul li.last {
	border-right: none;
	}	


/* INPUT FORM */

input { 
	padding: 2%;
	border: solid 1px #CCC;
	border-radius:5px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	width: 96%;
	background: #FFF;
	margin-bottom:15px;
	
	}


.form p { 
  padding-top:3px;
	}	

.form label { 
	margin-left: 12px; 
	color: #999999; 
	}
	

.submit input {
	top:50px;
	width: auto;
	padding: 6px 16px;
	background: #7185c3;
	font-size: 1em;
	color: #FFF;
	cursor:pointer;
	float:right;
	border:none;
	}
	
.submit input:hover {
	background: #666;
	}

#loginMessage { 
	margin-top:30px; 
	color: #ff0000;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:none; 
	}