/* css by http://myhedspace.com */

body {

	background-color:#F4EFD9;

	margin:0;

	padding:0;

	text-align:center;

	background-image: url(images/bg_principal.jpg);

	background-repeat: no-repeat;

}

#main {

	width:741px;

	height:502px;

	text-align:justify;

	margin: 0 auto;

	/* center  */

position:absolute;

	top:50%;

	margin-top:-251px;  /*negative half margin of height */

	margin-left: -370px; /*negative half margin of  width */

	left:50%

/* center  */

}

#top {

	width:741px;

	height:14px;

	background-image:url(images/home_top.gif);

	font-size:1px; /*fix for weird ie bug */

}

#bottom {

	width:741px;

	height:16px;

	background-image:url(images/home_bottom.gif);

	font-size:1px;  /*fix for weird ie bug */

}

#wrap {

width:741px;

height:472px;

background-image:url(images/home_wrapbg.gif);

}


#content_main {

	width: 430px;

	height:430px;

	/*background-image:url(images/fff.gif);

	  use the following code if you want

to use firefox or ie's opacity stuff. Remove the background-image line

if you're going to use the code below



	opacity:0.75;	

	background-color:#FFFFFF;

	filter:alpha(opacity=70);

 */

	margin:25px auto 0 auto;

	/*border:1px #999 solid; */

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bolder;

	overflow:auto; /* makes anchor links in ie non-working */

}

#IMG2 {

	opacity:1.00;

	filter:alpha(opacity=100);

	visibility: inherit;

}

#content_main p {

font-size:12px;

text-align:justify;

color:#333333

}

#content_main h2 {

font-size:20px;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight:lighter;

text-transform:uppercase;

border-bottom: 2px #434138 solid;

}

#content_main .item {
	padding:8px;

}

#left {

width:240px;

height:472px;

float:left;

margin-left:15px;

display:inline;

}

#left .headline{
	padding:0 6px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;

}

#left .headline a{

color:#75A831;
text-decoration:none

}

#left h1 {

font-size:30px;

color:#999999;

font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

font-weight:400;

text-align:right;

padding: 10px 8px 0 0;

margin:0;

}

.darker {

color:#4D4C4B;

}

#tagline {

font: 9px "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

text-align:right;

padding: 0 8px 0 0;

margin:-5px 0 0 0;

color:#4D4C4B;

}

#nav {

padding: 10px 0 0 6px;

}

#nav ul {

list-style-type:none;

padding:0;

margin:0;

font-size:34px;

font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

color:#D2D0CE;

font-weight:300;

letter-spacing:-3px;

}

#nav ul li{

width:227px;

height:43px;

background-image:url(images/nav_bg.gif);

background-repeat:no-repeat;

margin:0 0 4px 0;

padding-right:0;

text-align:right;

}

#nav ul li a{

height:43px;

text-decoration:none;

color:#dad4be;

display:block;

height:100%;

background-image:url(images/nav_bg.gif);

padding-right:8px;

}

#nav ul li a:hover{

background-image:url(images/nav_bg2.gif);

color:#a9a593;

text-transform:uppercase;

font-size:26px;

}

#footer p {

margin:0;

text-align:right;

color:#A69762;

font:9px Verdana, Arial, Helvetica, sans-serif;

padding-right:10px;

}

#footer p a{

color:#A69762;

text-decoration:none;

}

/*folio / gallery */

.image_spot_tn {

width:85%;

padding-left:45px;

}

.image_spot_tn img{

margin-right:3px;

float:left;

margin-bottom:5px;

border:1px #666 solid;

}

/*folio / gallery */



/* form */

.form {
	width:330px;
	margin: 0 auto;

}

.form legend {

color:#333;

}

.form fieldset {

border: 1px #666 solid;

padding:1em;

}

.form label {

  display: block;

}

.form input {

  width: 270px;
  
  background-color:#F4EFD9;
}

.form textarea {

  width: 270px;
  background-color:#f0ebd6;
  height: 100px;

}

.form input.submit {

width: 70px;

font:11px Verdana, Arial, Helvetica, sans-serif;

}

.privacitat {

text-align:justify;

font:9px Verdana, Arial, Helvetica, sans-serif;

color:#666;

}

/* form */