/*
 ________________________________________________________________________________
|                                                                                |
|    _____________                   _      _ _     _                            |
|   |  _________  |  __      _ _  __| | ___| | | __| | ___  ___ _  ___   ___     |
|   | |  / _ \  | |  \ \ /\ / / |/ _` |/ _ \ | |/ _` |/ _ \/ __| |/ _ \ / _ \    |
|   | |__\___/__| |   \ V  V /| | (_) |  __/ | | (_) |  __/\__ \ | (_) | | | |   |
|   |_____________|    \_/\_/ |_|\___/ \___|_|_|\___/ \___||___/_|\__, |_| |_|   |
|                                                                   |_/          |
|                     Designed with love by www.widelldesign.se                  |
|________________________________________________________________________________|
                                             
*/

html, body {
	width:100%;
	height:100%;
	margin:0;
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	line-height:1.6em;
	color: #777;
}

a {
	color: #7ca334;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body{
	background-color: white;
	text-align: center;
}

#center{
	width: 850px;
	height: auto;
	margin: 180px auto;
	position: relative;
}

#menucolumn{
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 40px;
	background: url(shade.jpg) no-repeat 220px 0;
	height: 300px;
	padding-top: 20px;
}


#menu{
	margin-top: 20px;
}

#menu li{
	height: 25px;
	width: 130px;
	margin-left: 70px;
}

#menu a{
	padding-right: 25px;
	display: block;
	height: 25px;
	color: #777;
	text-decoration: none;
}

#menu a:hover{
	color: black;
	text-decoration: none;
}

#menu a.active{
	background: url(active.png) no-repeat 120px 7px;
}


#content{
	float: left;
	width: 250px;
	text-align: left;
	margin-top: 100px;
	margin-left: 25px;
}

#illustration{
	float: left;
	margin-left: 20px;
	margin-top: 85px;
}


h1{
	font: 20px calibri, arial, sans-serif;
	margin-bottom: 15px;
	color: #000;
}

h2{
	margin-bottom: 5px;
	color: #666;
	font-size: 15px;
}


#content p{
	font: 11px/1.8em georgia;
}

a.logolink h2{
	display: none;

}
a.logolink{
	display: block;
	width: 200px;
	height: 47px;
	background-position: left top;
}


a:hover, a.logolink:hover{
	background-position: -200px top;
}

a.kyrksajten{background: url(logo-kyrksajten.png) no-repeat;}
a.atryck{background: url(logo-atryck.png) no-repeat;}
a.mattadoor{background: url(logo-mattadoor.png) no-repeat;}
a.widelldesign{background: url(logo-widelldesign.png) no-repeat;}