@charset "utf-8";
/* CSS Document */
@import url('reset.css');

body,html{
padding : 0px;
margin : 0px;
width:100%;
height:100%;

}


/*fonts*/

body {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   /*font-weight: lighter;*/

}

a:link {
COLOR: #afafaf;
}
a:visited {
COLOR: #6e6e6e;
}
a:hover {
COLOR: #ffffff;
}
a:active {
COLOR: #ffffff;
}
a 
{ text-decoration:none }

.heading {
display:block;
text-align: left;
font-weight:normal;
left:100px;
color: #efefef;
padding:20px;
font-size:x-large;
}

.work {
display:block;
margin-left:8px;
text-align: center;
color: whitesmoke;
padding-top:150px;
font-weight:normal;
font-size:large;
text-shadow: 0 0 0.2em white;
}

#lightit {
    width:500px;
    height:40%
    display:block;
    background-color:black;
    margin-left:auto;
    margin-right:auto;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.3);
    letter-spacing:0.5px;
}

.hab {
display:block;
text-align: left;
color: white;
padding-top:50px;
font-weight:normal;
font-size:x-large;
}

.pab {
line-height:120%;
display:block;
text-align: left;
color:#efefef;
font-size:normal;
font-weight:normal;
padding-top:10px;
}

.castle {
display:block;
text-align: center;
color:#efefef;
font-weight:lighter;
padding:20px;
}

.white {
display:block;
text-align: left;
left:100px;
color:#efefef;
font-weight:normal;
padding:20px;
}


/*p1:first-letter
{
font-weight:lighter;
font-size:x-large;
}*/


/* pdf-file*/

.pdfFile {
background: url(pdficon_large.png) no-repeat 0 0;
font-size:small;
margin-left: 30px;
padding-left:50px;
padding-bottom:30px;
}

#interior
{
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
min-width:1024px;
min-height:768px;
height:90%;
background: url(images/bg_home7.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    
}

#interior2
{
margin-right:auto;
margin-left:auto;
background: url(images/bg_port.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
padding-bottom:1px;
max-width:1600px;
min-width:1024px;
min-height:768px;
letter-spacing:0.5px;

}


#interior3
{
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
min-width:1024px;
min-height:768px;
height:90%;
background: url(images/bg_about.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



#interior4
{
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
min-width:1024px;
min-height:768px;
height:90%;
background: url(images/bg_contact2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



#video
{
display:block;
position:relative;
margin-left: -60px;
margin-bottom: 200px;
padding-top:50px;
}

#tex
{
display:block;
width:500px;
margin-left: auto;
margin-right:auto;
padding:20px;
margin-bottom: 0px;
text-align:left;

}

#texb
{
display:block;
width:500px;
margin-top: 300px;
margin-bottom:300px;
margin-left: auto;
margin-right:auto;
padding:20px;
text-align:left;

}


#gwrap
{
margin:0 auto;
padding:0;
width:1000px;
text-align:center;
}

#gallery
{
position:relative;
display:block;
margin-right:auto;
margin-left:auto;
overflow:hidden;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

}



#nav
{
background: url(images/slice.jpg) repeat-x;
width:100%;
height:70px;
z-index:2;

}


#navigation 
{
float:right;
display:block;
position:relative;
left:-50%;
text-align:left;
}



#navigation li
{

float:left;
position:relative;
right: -50%;
display:block;
}

#navigation li a
{
background-image:url(images/sprite.jpg);
display: block;
	outline: none;
	position: relative;
	height: 70px;
	text-decoration: none;
	width: auto;

}



	
	#navigation .home 
	{
	background-position:0px 0px;
	width:102px;
	height:70px;
	
	}
	
	#navigation .services 
	{
	background-position:-102px 0px;
	width:110px;
	height:70px;
	}
	
	#navigation .portfolio 
	{
	background-position:-212px 0px;
	width:108px;
	height:70px;
	}
	
	#navigation .about 
	{
	background-position:-320px 0px;
	width:102px;
	height:70px;
	}
	
	#navigation .contact 
	{
	background-position:-422px 0px;
	width:103px;
	height:70px;
	}
	
	
	
	#navigation a .hover {
	background: transparent  url(images/sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	}
	
	#navigation .home .hover {
	background-position: -0px -72px;
	
	}
	#navigation .services .hover{
	background-position: -102px -72px;
	
	}
	#navigation .portfolio .hover {
	background-position: -212px -72px;
	}
	#navigation .about .hover {
	background-position: -320px -72px;
	}
	#navigation .contact .hover {
	background-position: -422px -72px;
	}




/* sticky footer*/

* {
	margin: 0;
}

.wrapper {
	min-height: 100%;
	height: auto;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 20 px; /* .push must be the same height as .footer */
}

/*.footer {
text-align: center;
}*/