/*********************************/
/*   Cascading Style Sheet BY    */
/*	  West Art Communication     */
/* 		  www.westart.se		 */
/*********************************/ 

* {
	margin: 0px;
	padding: 0px;
}

/****************************
*Overall Styles				*
****************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* This allows usage of em as unit for font-size, which permits browser-scaling from all platforms */
	text-align: center; /* For centering of main divs*/
}

html, body {
	height: 100%;
}

* html div#wrapper {
	height: 100%;
}

html>body #container {
    height: auto;
	}
div#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	padding-bottom: -250px;
}
.MainMenu a:link{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:900;
	line-height:1.6em;
}

.MainMenu a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:900;
	line-height:1.6em;
}

.MainMenu a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:900;
	line-height:1.6em;
}

a {
	color: #d85927;
	text-decoration: underline;
/*	font-size:1.1em;*/
}
a:hover {
	color: #666666;
	text-deceration: none;
/*	font-size:1.1em;*/
}

a:visited {
	color: #993300;
	text-deceration: underlined;
/*	font-size:1.1em;*/
}

#footerPuff a {
	color:#d85927;
	text-align:right;
}
.leftCol a {
	color:#d85927;
	text-align:right;
}


.rightCol a {
	color: #d85927;
/*	font-size:1.1em;*/
	text-decoration:none;
}
.rightCol a:hover {
	color:#000000;
/*	font-size:1.1em;*/
	text-decoration:underline;
}
.rightCol a:visited {
	color: #666666;
/*	font-size:1.1em;*/
	text-decoration:none;
}
/****************************/
/*Text, paragraf styles		*/
/****************************/
p  {

	font-size: 1.4em;
	line-height: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	color: #707070;
}
li {
	color: #535353;
	margin-left: 5px;
}
.rightCol p {
	color:#535353;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	line-height: 1.6em;
}
.leftCol p {
	color:#535353;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:8px;
}

.rightBoxText p {
 	color:#535353;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:8px;
	line-height: 1.4em;
}
div#headerContent .textArea p {
	color:#FFFFFF;
	line-height:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#footerPuff p {
	font-size: 1.2em;
	line-height: 1.2em;
}
h1, h2, h3 {
	font-family: Georgia, serif;
	color: #d85927;
}
h1 {
	/*font-family: Verdana, "Times New Roman", Times, serif;*/
	font-weight: 600;
	font-size: 1.8em;
	margin-bottom:10px;
}
h2 {
	font-size: 1.5em;
	font-weight: 900;
	margin-bottom:8px;
}
h3 {
	width:95%;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:600;
	font-size:1.1em;
	height:23px;
	background-image:url(../images/puff/rubrik_bg.png);
	background-repeat:repeat-x;
	padding: 4px 0 0 8px;/*top right bottom left*/
}
.rightCol h5 {
	color:#000;
	font-weight:600;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size:1.1em;
}
.leftCol h3 {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:600;
	font-family: Georgia, serif;
	font-size:1.1em;
	height:23px;
	background-image:url("../images/puff/rubrik_bg.png");
	background-repeat:repeat-x;
	padding: 4px 0 0 8px;/*top right bottom left*/
}
/********************/
/*Divs and classes	*/
/********************/

div#header {
	width:100%;
	height: 120px;
	background-color: #AC2D30;
	background-image:url(../images/header/headerBack.png);
	background-repeat:repeat-x;
	
}

div#headerContent {
	margin:0 auto;
	width:950px;
	position:relative;
/*	background-image:url(../images/logos/logo_top.png);*/	
	background-repeat:no-repeat;
	background-position:right bottom;
}
#headerContent img {
	position:absolute;
	right:0;
	bottom:0;
	border:0;
}
div#headerContent .textArea {
	float:left;
	position:relative;
	margin-right:15px;
	height: 80px;
	padding:40px 0 0 120px;
	text-align:center;
	color:#FFFFFF;
	font-size:1.1em;
}
div#headerContent .MainMenu {
	float:left;
	position:relative;
	margin-right:15px;
	height: 90px;
	padding-top:30px;
	text-align:left;
}
#headerContent .MainMenu  ul {
	width:330px;
}
#headerContent .MainMenu  li {
	float:left;
	display:block;
	width:150px;
	background-image:url(../images/puff/arrows.gif);
	padding-left:9px;
	background-position:left;
	background-repeat:no-repeat;
}
div#mainContent {
	width:950px;
	margin: 0 auto;
	text-align:left;
	padding-bottom: 275px;
}

div#mainContent .leftCol{
	position:relative;
	float:left;
	text-align:left;
}
div#logos {
	float: left;
	clear: left;
	width: 258px;
	height: 120px;
}
.leftCol ul{
	list-style-type:circle;
	margin-left:15px;
	margin-bottom:10px;
}
.rightCol ul{
	list-style-type:disc;
	margin-left:15px;
	margin-bottom:15px;
	font-size:1.2em; 
}
	.rightCol ul li{
		margin-bottom: 9px;
		line-height: 1.4em;
	
	}
div.leftColTop {
	width:267px;
	height:8px;
	
	background-image:url(../images/puff/leftColum_top.png);
	background-repeat:no-repeat;
}
div.leftColContent {
	background-image:url(../images/puff/leftColum_middle.png);
	background-repeat:repeat-y;
	width:257px;
	padding-left:8px;
}
div#leftColPuff {
	margin-left:10px;
	width:228px;	
	text-align:left;
	font-size:0.9em;
}
div.leftColBottom {
	width:267px;
	height:8px;
	
	background-image:url(../images/puff/leftColum_bottom.png);
	background-repeat:no-repeat;
}
div#mainContent .rightCol{
	position:relative;
	float:left;
	
	width:560px;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	text-align:left;
}
.leftImg {
	border:solid 8px #E5E5E5;
	float:left;	
}	
.rightImg {
	border:solid 8px #E5E5E5;
	float:right;
	margin-left:10px;
}
.leftCol img {
	border:none;
}
/************************/
/*Divs for logotype		*/
/************************/
div#paddingbox1 {
	width:100%;
	height:19px;
	background:#b3491f;
	position:relative;
	border-top:solid 1px white;
	z-index:800;
}
div#paddingbox2 {
	width:100%;
	margin-top:20px;
}

div#logobox1 {
	width:953px;
	margin:0 auto;
	
}
div#logobox2 {
	width:953px;
	margin:0 auto;
}

div.logo1 {
	top:-1px;
	width:950px;
	/*background-image:url(../images/logos/logo_middle.png);*/
	position:relative;
	z-index:900;
	float:left;
}
img#logo {
	position:absolute;
	right:0;
	border:0;
	top: 10px;
	z-index: 900;
}
div.logo2 {
	width:944px;
	height: 48px;
	/*background-image:url(../images/logos/logo_bottom.png);*/
	left:7px;
	position:relative;
	float:left;
}
.logo2 img {
	position:absolute;
	right:0;
	border:0;
}
/************************/
/*Divs for footer		*/
/************************/
div#footer {
	width:100%;
	height:275px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color:#e8e8e8;
	background-image:url(../images/foot/paddingbox2Back.png);
	background-repeat:repeat-x;
}

div#footContent {
	padding-top:10px;
	width:953px;
	margin:0 auto;
}

div#leftBox {
	float:left;
	position:relative;
	margin:0 auto;

}
div.leftBoxTop {
	height:7px;
	width:734px;
	margin-top:1px;
	background-image:url(../images/puff/puff_top.png);
	background-repeat:no-repeat;
}

div.leftBoxContent {
	width:734px;
	height:180px;
	
	background-image:url(../images/puff/puff_middle.png);
	background-repeat:repeat-y;
	
	text-align:left;
}

div.leftBoxHeader {
	width:717px;
	height:100%;
	
	/*background-image:url(../images/logos/fist.png);*/
	background-repeat:no-repeat;
	background-position:top right;
	
	text-align:left;
	padding-left:10px;
}
div#footerPuff {
	float:left;
	position:relative;
	margin-right:5px;
	width:24.2%;	
	text-align:left;
	font-size:0.9em;
}
div.leftBoxBottom {
	width:734px;
	height:7px;

	background-image:url(../images/puff/puff_bottom.png);
	background-repeat:no-repeat;
}

div#rightBox {
	float:left;
	position:relative;

}
div.rightBoxTop {
	height:8px;
	width:219px;

	background-image:url(../images/puff/contact_top.png);
	background-repeat:no-repeat;
}

div.rightBoxContent {
	width:219px;
	height:180px;
	
	background-image:url(../images/puff/contact_middle.png);
	background-repeat:repeat-y;
}

div.rightBoxText {
	width:198px;
	height:100%;
	
	/*background-image:url(../images/logos/fist.png);*/
	background-repeat:no-repeat;
	background-position:top right;
	
	text-align:left;
	padding-left:10px;
}
div.rightBoxBottom {
	width:219px;
	height:8px;

	background-image:url(../images/puff/contact_bottom.png);
	background-repeat:no-repeat;
}

/********************/
/*	misc properties	*/
/********************/

div.padding1 {
	padding: 1px;
}
/********************/
/*	Contact form	*/
/********************/
.contactForm {
	border-right:solid 1px #b3b3b3;
	margin-right:30px;
}
.contactForm input {
	border:none;
	border-bottom:dotted 1px #b3b3b3;

}
.contactForm p{
	color: #666666;
	font-size:1.0em
}


/* Makes floating objects take up space. Fix from http://www.csscreator.com/attributes/containedfloat.php */
.floatcontainer:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer {
	display: inline-block;
}

/* Hides from IE Mac \*/
* html .floatcontainer {
	height: 1%;
}

.floatcontainer {
    display:block;
}
/* End Hack */