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

/*
Colours:
Turquoise: #00ada4
Pink: #f4007c
Yellow: #fec017   #fee5a2 (30%)
Blue: #022e8d     #99abd1 (30%)   #4d6caf (70%)  #e5eaf3 (10%)

Fonts:
Satisfy: font-family: 'Satisfy', cursive;
Dancing Script: font-family: 'Dancing Script', cursive;
Open Sans: font-family: 'Open Sans', sans-serif;
Raleway: 	font-family: 'Raleway', sans-serif;
Yanone: font-family: 'Yanone Kaffeesatz', sans-serif;

*/

body	{
	/*background-image: url(img/illust31newnew.jpg);*/
	color: #00305;
	font-size: 85%;
	font-family: 'Raleway', sans-serif;
	line-height: 1.5;
	text-align: left;
}

.flushright	{
	float: right;	
}

.construction	{
	font-family: 'Dancing Script', cursive;
	text-align: center;
	font-size: 350%;
	color: #022e8d;
	/*text-shadow: #333 1px 2px 3px;*/	
}

.sideHead	{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-align: center;
	color: #f4007c;
}

.flameicon	{
	width: 20%;
	height: auto;
	display: inline;
	float: left;	
}

.contacthead	{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 175%;
	line-height: 1.5;
	color: #FFF;
	text-align: center;
}

.contacthead img	{
	width: 10%;
	height: auto;
}	

.contact	{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 150%;
	line-height: 1.5;
	color: #022e8d;
	text-align: left;
}

.publishedHead	{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1.5;
	color: #00ada4;
	text-align: center;
}

.hot img	{
	width: 90%;
	display: block;
	margin: 0 auto;
}

a	{
	text-decoration: none;
}

a:link, a:visited	{
	color: #f4007c;
	
}

a:hover, a:active	{
	background-color: #f4007c;
	color: #fff;

}

.welcome	{
	font-family: 'Dancing Script', cursive;
	font-size: 320%;
	color: #00ada4;
	/*text-shadow: #333 1px 2px 3px;*/
}

.welcomecentered	{
	font-family: 'Dancing Script', cursive;
	font-size: 320%;
	color: #00ada4;
	text-align: center;
	/*text-shadow: #333 1px 2px 3px;*/
}

.ahead	{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	font-size: 150%;
	color: #f4007c;
}

.langhead	{
	clear: both;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	font-size: 150%;
	color: #4d6caf;
	display: block;
	width: 100%;
	height: 5%;
	background-color: #e5eaf3;
	text-align: center;
	padding: 2px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.isbn	{
	font-family: Arial, Helvetica, sans-serif;	
}

.colorBullet	{
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 2px;
}

.inlay	{
	width: 33%;
	float: left;
	background-color: #fec017;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 1% 3%;
	margin: 0% 2% 2% 0%;
	max-height: 560px;
	overflow: scroll;
}

.inlay img	{
	width: 40%;
	margin-left: 30%
}

.pubinlay	{
	width: 31%;
	float: left;
	line-height: 1.3;
	text-align: center;
	/*background-color: #5BAEB7;*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	margin: 0% 2% 2% 0%;
	max-height: 405px;
	overflow: scroll;
}

.pubinlayabout	{
	width: 25%;
	float: left;
	background-color: #5BAEB7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 2% 3%;
	margin: 0% 2% 2% 0%;
	min-height: 600px;
}

.invisible	{
	color: #FFF;
}

.pubinlay img{
	width: 60%;
	margin: 0 0 0 20%;

}

.body	{
	margin: 0 auto;
	width: 80%;
	clear: both;
}

.mainHeader img	{
	width: 35%;
	height: auto;
	margin: 0 auto;
	display: block;
	margin-bottom: 2%;
}

.mainHeader nav	{
	background-color: #022e8d;
	height: 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.mainHeader nav ul	{
	list-style: none;
	margin: 0 auto;	
}

.mainHeader nav ul li	{
	font-family: 'Amaranth', sans-serif;
	font-size: 120%;
	float: left;
	display: inline;
	
}

.mainHeader nav ul li img	{
	width: 25px;
	height: 25px;
	float: right;
	display: inline;
	
}

.mainHeader nav a:link, .mainHeader nav a:visited	{
	color: #fff;
	display: inline-block;
	padding: 10px 23px;
	height: 20px;
}

.mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav a:visited	{
	background-color: #00ada4;
}

.mainHeader nav a:hover	{
	background-color: #f4007c;
}

.mainHeader nav ul li a	{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 	
}

.mainContent	{
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.mainContentConstruct	{
	width: 100%;
	margin: 20% auto;
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.content	{
	width: 70%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.contentfull	{
	width: 100%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.services	{
	width: 31%;
	height: auto;
	float: left;
	padding-right: 2px;
	padding-left: 7px;
	display: inline-block;
	border-right: #666 thin solid;	
}

.serviceslast	{
	width: 31%;
	height: auto;
	float: left;
	padding-right: 2px;
	padding-left: 7px;
	padding-bottom: 10px;
	display: inline-block;
	clear: right;	
}

.serviceHead	{
	font-size: 120%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: center;	
}

.servicesBody	{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 120%;
	text-align: center;
	font-weight: 300;
	color: #022e8d;
}

.services img, .serviceslast img	{
	margin: 0 0 0 33%;
	width: 40%;
		}
		
.clearpara	{
	clear: both;	
}

.topContent	{
	margin-top: 2%;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 0 0;
	min-height: 500px;
}

.topContentcontact	{
	margin-top: 2%;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 3% 5%;
	min-height: 830px;
}

.bottomContent	{
	margin-top: 2%;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 3% 5%;
}

.post-info	{
	font-style: italic;
	color: #999;
	font-size: 90%;
}

.top-sidebar	{
	width: 21%;
	float: left;
	background-color: #5BAEB7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 2% 3%;
	margin: 2% 0 2% 3%;
}

.top-sidebarhot	{
	width: 21%;
	float: left;
	background-color: #fec017;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 1% 3%;
	margin: 1.5% 0 0 3%;
	min-height: 500px;
}

.top-sidebarcontact	{
	width: 20%;
	float: left;
	background-color: #5BAEB7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 2% 3%;
	margin: 2% 0 2% 3%;
	min-height: 200px;
}

.top-sidebarcontactleft	{
	width: 40%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	min-height: 150px;
}

.top-sidebarcontactleft img	{
	width: 10%;
	height: auto;
	float: left;
	display: inline-block;	
}

.top-sidebarcontactright	{
	width: 25%;
	float: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	min-height: 150px;
}

.top-sidebarcontactright img	{
	width: 10%;
	height: auto;
	float: left;
	display: inline-block;
	margin: 0 0 50% 0;	
}

.middle-sidebar	{
	width: 21%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 2% 3%;
	margin: 0 0 2% 3%;
}

.bottom-sidebar	{
	width: 21%;
	float:left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 2% 3%;
	margin: 0 0 0 3%;

}

.mainFooter	{
	width: 100%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background-color: #022e8d;
	margin-top: 2%;
}

.mainFooter	p	{
	width: 96%;
	margin: 2% 1% 2% 1%;
	padding-left: 2%;
	color: #FFF;
	
}

.mainFooter img	{
	float: right;
	height: 30px;
	margin-top: 0;	
	display: inline-block;
}



@media only screen and (min-width: 150px) and (max-width: 600px)
{
	
	.body	{
		width: 90%;
		font-size: 95%;
}

	.mainHeader img	{
		margin: 0 auto;
		width: 70%;
		display: block;
}

	.mainHeader nav	{
		height: 160px;
	
}
	
	.mainHeader nav ul	{
		padding-left: 0;
}
	
	.mainHeader nav ul li	{
		width: 100%;
		text-align: center;
		
}
	
	.mainHeader nav a:link, .mainHeader nav a:visited	{
		padding: 10px 23px;
		height: 20px;
		display: block;
}

		.mainContent	{
			line-height: 30px;
}
		
		.content	{
			width: 100%;
			float: left;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-top: 2px;	
}

		.services	{
			width: 95%;
			border: none;
			margin-bottom: 2%;
		}
		
		.serviceslast	{
			width: 95%;
		}

	.services img, .serviceslast img	{
	margin: 0 0 0 40%;
	width: 20%;
		}
		
		.topContent	{
			margin-top: 2%;
			margin-bottom: 3%;
			background-color: #fff;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;	
			padding: 3% 5%;
}
		
		.bottomContent	{
			margin-top: 3%;
			background-color: #fff;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;	
			padding: 3% 5%;
}	

		.post-info	{
			display: none;		
}

		.top-sidebar, .middle-sidebar, .bottom-sidebar	{
			width: 94%;
			padding: 2% 3%;
			margin: 2% 0 2% 0;
}

		.top-sidebarhot	{
			width: 94%;
			margin-left: 2px;
}

		.inlay	{
			width: 94%;
			max-height:	none;
}

		.inlay img	{
			width: 50%;
			margin-left: 25%
}
		.pubinlay	{
			width: 94%;
			height: auto;
			float: left;
			margin: 0% 2% 2% 0%;
			max-height: none;
}

		.welcomecentered	{
		font-family: 'Dancing Script', cursive;
		font-size: 320%;
		color: #00ada4;
		text-align: center;
		line-height: 1.5;
		/*text-shadow: #333 1px 2px 3px;*/
}

		.top-sidebarcontactleft	{
		width: 100%;
		min-height: 130px;
	}
	
	.top-sidebarcontactleft img	{
		width: 10%;
		height: auto;
		float: left;
		display: inline-block;	
	}
	
	.top-sidebarcontactright	{
		width: 100%;
		float: left;
		min-height: 200px;
	}
	
	.top-sidebarcontactright img	{
		width: 10%;
		height: auto;
		float: left;
		display: inline-block;
		margin: 0 0 50% 0;	
	}

.top-sidebarcontact	{
	width: 94%;
	margin-left: 0;
}