*{ margin:0; padding:0;}

#wrapper{
	width:750px;
	height:525px;
	margin: 30px auto 0px auto;
	font-family: Helvetica, Arial, sans-serif;
	
}

.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

#navpart{
 background: #3F6EC4; 
 height:43px;

 }

.nav a { text-decoration: none; }
 
.nav li { list-style: none; }

.nav {
    display: inline-block;
    position: relative;
    cursor: default;
	left:50px;
}
 
.nav > li {
    display: block;
    float: left;
}

.nav > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fcfcfc;
	background: #3F6EC4; 
    border-left: 1px solid #5C81C4;
	border-top: 3px solid #3F6EC4;
	
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
 
   
}	

.nav > li:hover > a { 
	background: #6897ED; 
	border-top: 3px solid #821010;
}
 
.nav > li:first-child > a {
    border-left: none;
}

.nav > li > div {
    position: absolute;
    display: block;
	width:100%;
    top: 43px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
	border-radius: 5px 5px 5px 5px;

	border: 3px solid #6897ED;
    box-sizing: border-box;
	
	
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
 
   
}
.nav > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;

}
.nav .nav-column {
    float: left;
    width: 25%;
    padding: 2.5%;
	
}
 
 
.nav .nav-column li a {
    display: block;
    line-height: 24px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #888888;
}
 
.nav .nav-column li a:hover { color: #666666; }


#imagepart{
	width:750px;
	height:300px;
	margin:0;
	display:table-cell; vertical-align:middle; text-align:center;	
	
}
#infoBlock{

	position:relative;
	width:750px;
	height:130px;
	text-align:justify;
	color:#6B6B6B;
	font-size:13px;
}
#infoBlock p{
	padding:5px 10px;
}
#infoBlock a
{
	color: #1E1EE3;
	text-decoration:none;
}
#infoBlock a:hover
{
	text-decoration:underline;

}
		
#modContents p
{
	text-align:center;
}
#infoBlock p p{
	padding:0;
}

#footerpart{

	width:750px;
	height:60px;
	background-color:#3F6EC4;
	padding:0; margin:0;
	text-align:center;
	vertical-align:central;

}
#footerpart a{ 
position: relative;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	padding: 10px 10px 10px 10px;
	border:2px solid transparent;
	text-decoration:none; 
	font-size: 14px;  
	color: #fff;	
	font-family: Arial; 
	}

#footerpart a:hover {

	text-decoration: underline;
	}