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

html {
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
	
}
body {
	margin: 0px;
	background: #ffffff;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 12px;
	}
img {border:0;}

.clear {clear:both;}

.col-left {float: left; width: 38%;}
.col-l {float: left;}
.col-right {float: right;}

h1 {}
h2 {font-size: 18px;
    color: #282a36;
	font-weight:normal;
	border-bottom: 1px solid #282a36;
	padding-bottom: 10px;
	}
h3 {font-size: 16px;
    color: #2c89ff;
	font-weight:normal;
	border-bottom: 1px solid #2c89ff;
	padding-top: 25px;
	}


/* HEADER */
.header {  
        width:100%;
		z-index: 900;
		top: 0px;	
		-moz-box-shadow: 0 0 5px #9E9E9E;
	-webkit-box-shadow: 0 0 5px #9E9E9E;
	box-shadow: 0 0 5px #9E9E9E;
	background: #fff;
	}
#header-content  {
	   max-width: 1220px;
	   margin: 0 auto;
	   height: 100px;
	   background: #FFFFFF;
	   padding-left: 25px;
	   padding-right: 25px;
                   }

#logo {  
         padding-top: 5px;
	   }				   
#logo img {
         display: block;  
		 max-width: 100%;
		 height: auto;	
	   }
/* NAV BAR */
.nav {display: none;}
nav ul {
	list-style: none;
	margin: 30px 0px 0px 0px;
	z-index: 900;
	float: right;
	
}
	nav ul li {
		float: left; 
		color: #282a36;
		font-weight:600;
		font-size: 12px;
		padding: 20px 10px; 
	}
		nav ul li a {
			display: block; 		
	        font-size: 12px; 
		    color: #282a36;
			text-decoration: none;			
		}
		nav ul li a:hover {
			display: block; 
			color: #2c89ff;
		}
		
		.dot {
			border-radius: 100%;
			width: 4px;
			height: 4px;
			background: #2c89ff;
			margin-top:5px;	
			}		

nav ul li ul, nav ul li ul li ul {
	display: none;
}
	nav ul li:hover > ul  {
		display: block;
	}
	nav ul li ul { 
		position: absolute; 
		margin-top: 5px;
		margin-left: -50px;	
		border: 1px solid #dfe0e1;
		border-radius: 5px;
	}
	
		nav ul li ul li {
			float: none; 		
			border-bottom: 1px solid #dfe0e1;		
			width: 250px;
			background: #fff;	
			padding-left: 15px;	
			margin-left: -40px;
			color: #282a36;			
		}
			nav ul li ul li a {					
	        font-size: 12px; 
			text-decoration: none;		
			}	
				nav ul li ul li:hover,  nav ul li ul li:hover a {
			        display: block; 
			        color: #ffffff;	
					background: #2c89ff;	
				}
				
				
/* HEADER IMAGE */				
.header-image {
	position: relative;	
	margin: 0px auto;
	padding: 0;
	*zoom: 1;
}

.header-image img {
	max-width: 100%;
	display: block;
}				
				
				
/* CONTENT */
.content {
	   max-width: 1220px;
	   margin: 10px auto;
	   background: #FFFFFF;
       padding: 25px 25px 25px 25px;
	   font-size: 14px;
	   line-height: 30px;
      }
	.section{ padding: 25px 50px 25px 50px; }	

.content a {
	color: #2c89ff;
			text-decoration: none;		
			}
.content a:hover {text-decoration: underline;}	

.content img {
	max-width: 100%;
	display: block;
	height: auto;
	margin: 0 auto;
	}
.content ul {	
	list-style: inside;
	}	    
.back { padding: 5px 5px 5px 5px;
text-align:center;
background: #2c89ff;
float: right;
width: 100px;
}
.back a { color: #ffffff;
}		
								   
/* FOOTER */
.footer {  
        width:100%;
		z-index: 900;
		background: #007FE8;
	}
.footer-content  {
	   max-width: 1220px;
	   margin: 0 auto;
	   height: 60px;
	   background: #007FE8;
                   }
.footer-links {
padding-top: 25px;
padding-left: 50px;	 
color: #fff;
font-size:11px; 
	}
.footer-links a {
color: #fff;
text-decoration: none; 
	}
	.footer-links a:hover {
color: #fff;
text-decoration: underline; 
	}
	.logo-bottom {padding-top: 15px;}
	
	
/* FORM */	
	
	*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.field {
  margin: 1em 0;
}

label {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #333;
}

input {
  width: 50%;
  padding: 10px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #888;
  color: #333;
}

textarea {
  width: 50%;
  height: 100px;
  padding: 10px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #888;
  color: #333;
}

button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.5rem 0.8em;
  background: #007FE8;
  border-bottom: 1px solid #5B7B97;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0;
  width: 50%;
  text-align: center;
}

button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  width: 50%;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  width: 50%;
}