/* -------------------------------- [ General Elements ] */
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	background: #cfcdc8;
	margin: 0;
	padding: 0;

}

hr {

	
}

img {
	vertical-align: middle;
	border: 0;
}


h1 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 28px;
	color: #333;
}

h2 {
	font-size: 2.8em;
	color: #333;
	
}

h3 {
	font-size:1.1em;
	text-align: left;
	color: #444;
	margin-bottom: 0px;
	margin-top: 20px;
}

h4 {
	margin-bottom: .6em;
	font-size: 1.3em;
	line-height: 1.6;
}

h5 {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.6;

}

p {
	font-size: 0.9em;
	color: #111;
	line-height: 1.5em;
	margin: 0;
}
a {
	color: #444;

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

/* ======================== [ Wrapper ] ========================*/

#wrapper {

	width: 50em;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* ======================== [ Main Nav ]  ======================== */
#logoholder {
background:transperant;
color: #444;
padding: 0px;
text-align:center;
padding: 0px 0px 20px 0px;
}
#menu {
background:transperant;
width: 100%;
color: #444;
padding: 0px 0px 12px 0px;
text-align:center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}
#main-nav {
font-family: helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
letter-spacing: -0.6pt;
text-align: center;

}

#main-nav ul {
list-style-type: none;
float: left;
text-align: center;
margin: 0 auto;
}
#main-nav li{
margin-left: 70px;
float: left;
list-style-type: none;
text-align:center;
}
#main-nav li a {
margin: 0px 20px 0px 0px;
color: #999;
text-align:center;
}

#main-nav li a:hover {
color:#2e79b9;
}

#main-nav li:active{
color:#333;
}



/* ======================== [ NEWS ]  ======================== */

.date{
	color: #2e79b9;
	background:#EFEDED;
	width: 125px;
	border-right:#000 0px solid;
	border-bottom: #000 0px solid;
	text-align:left;
	padding: 0;
	margin-bottom: 5px;
	margin-top: 10px;
}
.date p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
		padding: 5px;
	letter-spacing: -1px;
	color:#2e79b9;
	font-weight: bold:
}

/* ======================== [ CONTENT ]  ======================== */
#front_wrapper {

}

#paper3 {
	background:transparent;
	color: #444;
	float:left;
	padding: 0px 20px 20px 150px;
	margin: 0;
}

#content {

	float:left;
	margin: 10px auto;
	margin-bottom:40px;
	padding: 20px;
	background: #fff;
	color: #fff;
	overflow:hidden;
	position: relative;
}

/* ======================== [ PAPER ]  ======================== */
#paper {
	background:transparent;
	color: #444;
	float:left;
	width: 450px;
	padding: 20px 20px 0px 40px;
}
#paper a{
	color:#333;
	text-decoration:underline;
}
#paper a:hover{
	color:#06C;
	text-decoration:underline;
}
#paper  h1 {
	font-size: 2.2em;
	color: #444;
	letter-spacing: -1px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 0;
}

#paper h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}




#paper2 {
	background:transparent;
	color: #444;
	float:left;

	padding: 20px 20px 20px 40px;
}
#paper2 a{
	color:#333;
	text-decoration:underline;
}
#paper2 a:hover{
	color:#06C;
	text-decoration:underline;
}
#paper2  h1 {
	font-size: 2.2em;
	color: #444;
	letter-spacing: -1px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 0;
}

#paper2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	margin-bottom: 0;
	margin-top: 0;
}
.imagefloat_zoom{
	float: right;
	margin: 0px;
	margin-top: -45px;
}

.imagefloat{
	float: right;
	margin: 30px;	
}
.imagefloat_left{
	float: left;
	margin: 30px;	
}

#column {
	background:transparent;
	color: #444;
	width: 220px;
	padding: 20px 20px 20px 0px;
	float:right;
}
.imageborder{
border: 8px solid #ebe8e0;	
}

.front-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.25em;
	margin-top: 0px;
}


/* THE CONTACT SITE */
#paper_contact  h1 {
	font-size: 2.2em;
	color: #444;
	letter-spacing: -1px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 5px;
}
#paper_contact  h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.7em;
}
#paper_contact {
	margin: 0 219px 0 124px;
	background:transparent;
	color: #444;
	padding: 10px 120px 40px 60px;
	height:auto;

}
#paper_contact_longer {
	margin: 0 214px 0 114px;
	color: #444;
	padding: 0px 120px 0px 60px;
}
#content_contact {
	margin: 0 auto;
	padding: 0px;
	background: url(http://www.concreation.se/hh/img/content2.png) no-repeat; 
	color: #fff;
	overflow:hidden;
	position: relative;
}






/* *************************** [ Footer] ************************* */
#footer{
width: 100%;
clear:both;
float: left;
margin: 20px 0 20px 0;
padding-top: 30px;
text-align:center;
background: transparent; 
font-size:12px;
 height: 35px;
 border-top: 1px solid #ccc;
}
#footer p{
color: #444;
}
#footer a{
color: #000;
text-decoration:underline;
}
#footer a:hover{
color: #2e79b9;
text-decoration:none;
}




#footer_contact{
float: left;
width: 600px;
margin: 0px 0px 20px 114px;
text-align:center;
background: #fff; 
font-size:9px;
padding: 20px 35px 20px 32px;
border-top: #f1f1f1 1px solid;
}
#footer_contact p{
color: #444;
}
#footer_contact a{
color: #000;
text-decoration:underline;
}



/* ======================== [ KONTAKT ]  ======================== */
#contact-area {
	margin-top: 20px;
	background:#FFF;
	float:left;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
#contact-area input, #contact-area textarea {
	padding: 2px 2px 2px 2px;
	width: 80%;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	float: left;
}
#contact-area textarea {
	height: 80px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #2e79b9;
	background:#CCC;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right: 18px;
	
}
#contact-area-checkboxes{
border-top: 1px solid #ccc;	
}
.checkbox {
	border: 0;
	text-align:left;
	float: left;
	width: 440px;
	margin-left: 50px;
	}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}