@charset "utf-8";

#topbar {
	width:100%;
	height:200px;
	margin:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	border 0;
	text-align:center;
	font-family: 'Loved by the King';
	font-size:2em;
	}
#logo-l	{
	display:block;
	width:50px;
	float:left;
	margin-left:10%;
	border:0;
	}
#logo-r	{
	display:block;
	width:50px;
	float:right;
	margin-right:10%;
	border:0;
	}
h2	{
	margin:5%;
	}

.col-l	{
	width:180px;
	height:10em;
	float:left;
	margin-left:5%;
	border:1px solid purple;
	}

.col-c	{
	width:180px;
	height:10em;
	margin:auto;
	border:1px solid green;
	}

.col-r	{
	width:180px;
	height:10em;
	float:right;
	margin-right:5%;
	border:1px solid purple;
	}

.clear	{
	clear:both;
	}

#narrow {
	width:450px;
	background-color:#fefefe;

	}

#container {
	width:80%;
	height:600px;
	margin:auto;
	margin-top:0;
	padding:0px;
	background-color:#fff;
	border:0px solid #fafafa;
	font-size: 16px;
	font-family: Simonetta;;
	color:#400;
	}

#containertop	{
	width:1200px;
	height:30px;
	margin:auto;
	margin-top:0;
	padding:0px;
	background-color:#fff;
	background-image: url('ionic top.png');
	background-position:top left;
	background-repeat:repeat-x;
	border:0px solid #fafafa;
	font-size: 16px;
	font-family: Simonetta;
	color:#400;
	}
#containerbase	{
	width:1200px;
	height:45px;
	margin:auto;
	margin-top:0;
	padding:0px;
	background-color:#fff;
	background-image: url('ionic base.png');
	background-position:top left;
	background-repeat:repeat-x;
	border:0px solid #fafafa;
	font-size: 16px;
	font-family: Simonetta;
	color:#400;
	}


ul.about	{
	border: 1 solid black;
	margin-left:50px;	
	}

li.about1	{
	background-image: url('button.png');
	background-position:center;
	background-repeat:no-repeat;
	margin:20px;
	height:95px;
	width:100px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	border: 0 solid white;
	}


a	{
	text-decoration:none;
	}
a:link {color:#B00;} 
a:visited {color:#400;}
a:hover {color:#F00;} 
a:active {color:#080;}

a.about1	{
	padding-top:50px;
	padding-left:10px;
	width:100px;
	height:95px;
	vertical-align:middle;
	display:inline-block;
	font-size: 20px;
	font-family: 'Simonetta', cursive;
	line-height: 18px;
	color:#B00;
	}
a.about2	{
	padding-top:50px;
	padding-left:10px;
	width:100px;
	height:95px;
	vertical-align:middle;
	display:inline-block;
	font-size: 20px;
	font-family: 'Simonetta', cursive;
	line-height: 16px;
	color:#B00;
	}
a.about1:link,    a.about2:link    {color:#B00;} 
a.about1:visited, a.about2:visited {color:#A00;}
a.about1:hover,   a.about2:hover   {color:#D00;} 
a.about1:active,  a.about2:active  {color:#080;}

.link	{
	font-size: 18px;
	font-family: Kavoon;
	line-height: 16px;
	color:#B00;
	}

.content-lt {
	float:left;
	padding:0;
	}
.content-rt {
	float:right;
	padding:0;
	}
.content-mid {
	margin: 30px 100px;
	height:550px;
	overflow:auto;
	}
.content-head {
	margin:0;
	padding:0;
	padding-left:20px;
	}

#footer	{
	width:100%;
	margin:auto;
	margin-top:5px;
	background-color:#666;
	display:block;
	}
#footer1 {
	width:1200px;
	margin:auto;
	background-color:#666;
	display:block;
	text-align:center;
	}

.contacts {
	color:#dcc;
	width:80%;
	margin:auto;
	padding:20px;
	text-align:center;
	font-size:large;
	}

a.contact,
contact {
	color:#dcc;
	text-align:center;
	display:inline;
	}

a.linkoff {
	font-size:small;
	color:#dcc;
	padding-top:0px;
	text-align:center;
	display:inline;
	}