body{
	margin:0;
	padding:0;
	font-family: 'Lato';
	font-size:15px;
	letter-spacing:1px;
	background-color:#212121;
	color:#184f6f;
	text-shadow:1px 1px 1px #aaa;

}

a:link, a:active, a:visited{
	color:#2183ba;
	text-decoration:none;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;	
	transition: all 0.7s ease-in-out;
		border-bottom:1px dotted #2183ba;

}

a:hover{
	color:#4ab4df;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
	text-shadow:0px 0px 5px #fff;
	border-bottom:1px dotted #7ca8bc;

}



#header{
	width:100%;
	height:150px;
background-image:url(images/header.jpg);
	z-index:500;
	text-align:center;
	margin:0 auto;
	position:relative;
}

/*#logo{
	background:url(images/logo.png);
	width:562px;
	height:133px;
	display:inline-block;
	margin-left:-100px;
}*/

/*.logo {
	display: inline-block;
	margin-left:-100px;
	width: 562px;
	height: 133px;
	/*background: url(images/logo.png);*/
/*  -webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	}*/
	
/*	.logo a{
		display:block;
	margin-left:-100px;
	width: 562px;
	height: 133px;
	position:relative;
	}
		
	.logo a.logorollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width: 562px;
	height: 133px;
	background:url(images/logo2.png);
		border-bottom:none;
}*/
/*
a#logo:hover {
	background-position: 0 -133px;
	}

#rollover {
	position: absolute;
	left: -5000px;
	}*/



img.logo1 {
	position: absolute;
left:50%;
margin-left:-300px;
	z-index: 10;
	height:133px;
	width:562px;
        }
	
img.logo2 {
	position: absolute;
left:50%;
margin-left:-300px;
		height:133px;
	width:562px;
	}
	

#navbar{
	font-family: 'Didact Gothic';
	height:46px;
	width:100%;
	background-image:url(images/navbg.jpg);
	box-shadow:0px 0px 30px #000;
	z-index:400;
position:relative;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;

}

 .sticky #navbar {
      width: 100%;
      opacity:0.8;
      
         -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;	
	transition: all 0.5s ease-in-out;

    }
    
    .sticky #navbar:hover{
    	opacity:1;
    	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;	
	transition: all 0.7s ease-in-out;

    }
    


 #wrap{
	width:1000px;
	margin:0px auto 30px auto;
	background-image:url(images/wrapbg.jpg);
	z-index:0;
	height:100%;
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: inset 0 0 15px 5px #888, 0px 0px 10px #000;

}

#content{

	padding:50px 20px 20px 20px;
	text-align:justify;
	line-height:150%;

}

#content img{
padding:5px;
margin:0px 10px 5px 0px;
float:left;
display:inline-block;
max-width:450px;
box-shadow:3px 3px 10px #999;
background-image:url(images/whitebg.png);
}


.imagebox{
	background-image:url(images/whitebg.png);
	padding:5px;
	box-shadow:3px 3px 12px #888;
	font-size:13px;
	text-transform:uppercase;
	max-width:460px;
margin:5px 5px 20px 5px;
	text-align:center;

}

.imagebox img{
	max-width:450px;
padding:0px;
margin:0px;

}

.masonryitems{
width:1000px;
margin:0 auto;


}

.navlink {

border-bottom:none;
    display: inline-block;
    overflow: hidden;
padding-top:10px;
height:36px;
font-size:17px;
color:#fff;

margin-right:15px;
    -webkit-perspective: 600px;
       -moz-perspective: 600px;
       -ms-perspective: 600px;

    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
       -ms-perspective-origin: 50% 50%;
       
}

.navlink:hover {text-decoration:none;}

.navlink span {

border-bottom:none;
    display: block;
    position: relative;
    padding: 0 2px;
color:#cde8f4;
text-shadow:2px 2px 3px #000;
height:36px;
    -webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;
       -ms-transition: all 400ms ease;
    
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
    
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -ms-transform-style: preserve-3d;
}
.navlink:hover span {
	border-bottom:none;
height:36px;
background:#666;
        -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
           -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
           -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}

.navlink span:after {
	border-bottom:none;
    content: attr(data-title);
	height:36px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;
    color: #fff;
    box-shadow:inset 0px 0px 10px #8dc4d9, 0px 0px 15px #8dc4d9;
	background-image:url(images/header.jpg);
/*	background: #fff;*/
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
	-webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}


h1{
text-shadow: 2px 2px 3px #0f4c6d, -1px -1px 3px #6fc1ed, 2px 2px #0f4c6d, -1px -1px #6fc1ed;
	font-size:50px;
	color:#186087;
	margin-bottom:30px;
	text-align:center;
/*	font-family:'Finger Paint';*/
	font-family:'Coming Soon';
	letter-spacing:6px;
	margin-top:0px;
}



h2{
	font-size:18px;
	color:#186087;
	letter-spacing:6px;
	text-transform:uppercase;
	margin-bottom:10px;
	
}

h3{
	text-shadow: 1px 1px 3px #16587b, -1px -1px 3px #6fc1ed, 1px 1px #16587b, -1px -1px #6fc1ed;
	font-size:25px;
	color:#5786a7;
	font-family:'Coming Soon';
	letter-spacing:6px;
	text-transform:uppercase;
	margin-bottom:10px;
	}

#footer {
font-size:10px;
	width:100%;
	z-index:500;
	text-align:center;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-top:50px;
	padding-bottom:5px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px
}

		
		p.error, p.success {
			font-weight: bold;
			padding: 10px;
			border: 1px solid;
		}
		p.error {
			background: #ffc0c0;
			color: #900;
		}
		p.success {
			background: #b3ff69;
			color: #4fa000;
		}



#leftbox{
	width:350px;
	float:left;
	border:1px solid #ccc;
	padding:10px;
		border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-image:url(images/whitebg.png);
}

#rightbox{
	float:right;
	width:350px;
	border:1px solid #ccc;
	padding:10px;
		border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-image:url(images/whitebg.png);
}