@charset "utf-8";
/* CSS Document */

<style>



.wrap{
  margin: 100px;
  width: 500px;
  overflow: hidden;
  position: absolute;
 max-width:30vw;
}

.hover .link1{
  
  -webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	transition: all 0.5s;
	
}
.hover .link2{
  
  -webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	transition: all 0.5s;
	
}

.hover{
	position:relative;
  padding-top:0px;
  
}

.hover img{
	
  width:573px;
max-width:30vw;
}

.link1{
    pointer-events:none; 
    position: absolute;
    top: -10vh;
    left: 1vw;

}

.hover:hover .link1{
   top: 0vh;  
   left: 0px;
}
.link2{
    pointer-events:none; 
    position: absolute;
    top: -2vh;
    left: -7vw;
	opacity:0;

	
}

.hover:hover .link2{
    opacity:.7;
	left: 0px;
	top: 0vh;
}




@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Thin-webfont.eot');
    src: url('Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Thin-webfont.woff') format('woff'),
         url('Roboto-Thin-webfont.ttf') format('truetype'),
         url('Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: 200;
    font-style: normal;
}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	font-family:"Roboto", "Century Gothic", "Futura", Gadget, sans-serif;
	font-weight: 100;
	
}
p{
	color:#73b0da
}
h1{
	
	font-size:30px;
	text-align:left;
	color:#73b0da
}
h2{
	font-size:24px;
	text-align:justify;
	color:#73b0da
}
ul{
	font-size:20px;
	text-align:left;
	color:#73b0da
}
ul a{
	font-size:20px;
	text-align:left;
	color:#73b0da
	
}
#header{
	width:100%; 
	height:80px; 
	background-color:#0e76bc; 
	position:fixed; 
	top:0px; 
	left:8px; 
	text-align:center;
	vertical-align:bottom;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
}

#header-content{
	
	height:200px;  
	text-align:center;
	vertical-align:bottom;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	white-space: nowrap;
	z-index:3;
}
#header-content a{
	font-size:20px;
	letter-spacing:-.03em;
	color:#fff;
	text-decoration:none;
	

}
#socialheader{
	position:fixed;
	height:40px !important; 
	right:0px; 
	top:2px; 
	
	text-align:right; 
	white-space: nowrap;
	z-index:2;
/*//overflow: hidden;
//text-wrap:none;*/
}
#socialcontent{
	text-wrap:none;
	height:40px !important; 
	white-space: nowrap;	
	overflow: hidden;
}




#footer{
	width:100%; 
	height:130px; 
	background-color:#0e76bc; 
	
	text-align:center;
	vertical-align:bottom;
}

.image-div{
	margin-left:auto;
	margin-right:auto;
	width:100%; 
	
	padding-top:350px;
	padding-bottom:10px;
	 
}
.image-div-content{
	
	text-align:center;
	
	
}
.image-div-content h1{
	
	text-wrap:none; 
	 white-space: nowrap;
  overflow: hidden;
	
}
.image-div h1{
	font-size:60px;
	letter-spacing:-.05em;
	color:#fff;
	text-shadow: 0px 2px 5px #000;
	text-align: center;
	text-wrap:none; 
	
}
.content-div{
	width:100%;  
	margin: 0 auto;
	background-color:#3c3c3c;
	text-align:center;
	
}

.content-div table{
	width:80%; 
	margin-left:auto; 
	margin-right:auto;
	
}

.content-div-content{
	
	width: 800px;
    margin: 0 auto;
	padding-top:20px;
}
.left-content{
	margin-top:auto;
	margin-bottom:auto;
	left:600px;
}
.right-content{
	float:right;
	padding-top:50px;
	width:600px;
	margin-top:auto;
	margin-bottom:auto;
}


.main { 
    width: 1000px;
    margin: 0 auto;
	
}
.sidebar    {
    width: 400px;
    
    background: red;
    float: left;
}

.page-wrap  {
    width: 600px;
    background: #ffffff;
   	text-align:right;
    margin-left: 440px;
}
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}
.fancybox img {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
    }

</style>