* {
	margin: 0px;
}

.header-bar{
	width: 100%;
	margin: auto;
	text-align: center;
	background-color: blue;
	color: #cc0fde;
	height: 100px;
	font-size: 2.4em;
	text-transform: uppercase;
	font-family: algerian;
	padding-top:30px;
}

.menu-bar {
	width: 100%;
	margin-left: 15%;
	margin-top: 5px;
}

.menu-bar ul li{
	display: inline;
	list-style: none;
	margin-right: 15%;
	font-size: 1.2em;
	color: #cc0fde;
	font-family: gabriola;
}

.menu-bar ul li a:hover{
	color: #cc0fde;
}

.active{
	color: white;
	background-color: blue;
}

.banner-image{
	width: 98%;
	margin: auto;
	margin-top: 10px;
}

.banner-image img{
	width: 100%;
	height: 400px;
}

.home-text div{
	width: 90%;
	margin: auto;
	margin-top: 15px;
	text-align: justify;
	color: #cc0fde;
	font-family: gabriola;

}


/**about page */

.about-img-txt-container{
	width: 90%;
	margin:auto;
	margin-top: 15px;
	
}

.about-image, .about-side-text{
	width: 50%;
	float: left;
}

.about-image img{
	width: 90%;
	border: 5px #cc0fde solid;
	border-left: 5px blue solid;
	border-bottom: 5px blue solid;
}

.abt-bottom-text{
	width: 100%;
	float: left;
}

.about-side-text{
	/*margin-top: 15px;*/
	text-align: justify;
	color: #cc0fde;
	font-family: gabriola;
}

.abt-bottom-text div{
	width: 97%;
	margin: auto;
	margin-top: 15px;
	text-align: justify;
	color: #cc0fde;
	font-family: gabriola;

}

/**blog page */
.experience {
	width: 100%;
	margin: auto;
	margin-left: 2%;
	margin-top: 5px;
	color: #cc0fde;
	text-align: justify;
}
.experience p{
width: 100%;
	margin: auto;
	margin-left: 2%;
	margin-top: 5px;
	color: #cc0fde;
	text-align: justify;
}
.experience h2{
	color:blue;
	text-align:center;
}

.success-thought{
	width: 97%;
	margin: float;
	margin-top: 20px;
}

.success-thought h1{
	text-align: center;
	color: blue;
}

.success-thought p{
	text-align: center;
	color: #cc0fde;
}

.xtain-leaders{
	width: 97%;
	margin: float;
	margin-top: 20px;
}

.xtain-leaders h1{
	text-align: center;
	color: blue;
}

.person{
	width: 95%;
	margin-top: 20px;
}

.person h3{
	color: blue;
	margin-left:5%;
}

.bio-top {
	width: 100%;
	float: left;
	float: left;
	margin:auto;
	margin-left:5%;
}

.bio-top .passport{
	width: 30%;
	float: left;
	padding: 10px;
}

.bio-top .passport img{
	width: 100%;
}

.bio-text{
	width: 65%;
	float: left;
	padding: 10px;
	color: #cc0fde;
	text-align: justify;
}

.bio-bottom{
	width: 100%;
	float: left;
	padding: 10px;
	margin-left:5%;
	color: #cc0fde;
	text-align: justify;
}

.bio-bottom p{
	text-align: justify;
}

/*contact page */
.contact-form {
	width: 100%;
	float: left;
	margin-top: 20px;
	margin-left: 20%;
}

.contact-details {
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-left: 20%;
}

.contact-details h4 {
	margin-bottom: 20px;
}

.contact-form label, .contact-form input, .contact-form textarea{
	margin-right: 50px;
	margin-top: 20px;
}

.contact-form input, .contact-form textarea{
	width: 50%;
}

.item-title{
	width: 15%;
	float: left;
}

.item-detail{
	width: 50%;
	float: left;
}

.contact-form input[type="submit"]{
	width: 20%;
	margin-left: 20%;
	overflow:hidden;
}

/** footer */
.footer-div{
	width: 100%;
	margin: auto;
	margin-top: 30px;
	color: #cc0fde;
	text-align:center;
	overflow:hidden;
}

.footer-div p{
	text-align: center;
	width: 100%;
	margin: auto;
	background-color: blue;
}