﻿
html			{ background:#fff; font-family:Arial, Helvetica, sans-serif; }

#portfolio{
	height:390px;
	width:100%;
}

#slider	{ 
	width:100%; 
	height:390px; 
	position:absolute; 
	top:0; 
	left:0; 
	overflow:hidden;
}

#mask{ 
	width:500%; 
	height:390px; 
}

.box{ 
	width:20%; 
	height:390px; 
	float:left; 
}

.content{ 
width:980px; 
height:360px; 
margin: 0 auto; 
position:relative; 
top:3px;
left:-22px;
z-index:200 !important;
padding:15px;
}

.clouds					{ width:100%; overflow:hidden; }

#cloud1					{ position:relative; z-index:0;}
#clouds-small			{ width:3984px; height:390px; background:url(../images/bg-clouds-small.jpg) repeat-x;}

#cloud2					{ position:relative; z-index:100; margin-top:-200px;}
#clouds-big				{ width:5000px; height:200px; background:url(../images/bg-clouds-big.png) repeat-x top;}



#menu{ 
position:relative;
z-index:250 !important; 
font-size:12px;
text-shadow:0px -1px 0px #000;
margin:0 auto;
margin-top:-16px;
width:180px;
}

#menu a{ 
background:url("../images/button.png") no-repeat; 
color:#fff;
height:24px;
width:18px; 
padding:6px 0px 0px 11px; 
text-decoration:none; 
margin:0px 3px 0px 3px; 
display:block;
}
					
#menu a:hover{ 
background:url("../images/button2.png") no-repeat;
background-position:0px 1px;   
color:#FFF; 
height:24px;
width:18px; 
padding:6px 0px 0px 11px; 
text-decoration:none; 
margin:0px 3px 0px 3px; 
display:block; 
text-shadow:0px 1px 0px #000;
}

#menu a.selected{ 
background:url("../images/button2.png") no-repeat;
background-position:0px 1px; 
color:#FFF; 
height:24px;
width:18px; 
padding:6px 0px 0px 11px; 
text-decoration:none; 
margin:0px 3px 0px 3px;  
display:block; 
text-shadow:0px 1px 0px #000;
}

a{
	outline:none;
}
					
#menu li			{ float:left; }



#box1 .content{
background:url("../images/creative-welcome.png") no-repeat 20px 0px;
}

#box2 .content{
background:url("../images/elite-clean-hemsida.png") no-repeat 20px 0px;
}

#box3 .content{
background:url("../images/flytta-dig-hemsida.png") no-repeat 20px 0px;
}

#box4 .content{
background:url("../images/amilcarsbyggservice-hemsida.png") no-repeat 20px 0px;
}

#box5 .content{
background:url("../images/media-impact-hemsida.png") no-repeat 20px 0px;
}

a.amilcar{
	color:#C8B935;
	text-decoration:none;
}

a.flyttadig{
	color:#aa246f;
	text-decoration:none;
}

a.mediaimpact{
	color:#FDBD00;
	text-decoration:none;
}

a.eliteclean{
	color:#E70884;
	text-decoration:none;
}

.content h1 { font-family:"微软雅黑";color:#fff;
	text-shadow:0px 1px 0px #000;
	text-align:center;
	line-height:normal;
	position:relative;
	top:30px;
	margin:0 auto;
	width:800px;
	z-index:300;
	font-size:28px;
	
}

.content h4 {
	font-family:"微软雅黑";	color:#fff;
	font-size:28px;
	color:#fff;
	text-shadow:0px 1px 0px #000;
	text-align:center;
	line-height:normal;
	position:relative;
	top:30px;
	margin:0 auto;
	width:800px;
	z-index:300;
}

.content p{
	font-family:"微软雅黑";
	line-height:normal;
	font-size:35px;
	color:#fff;
	text-shadow:0px 1px 1px #000;
	text-align:center;
	position:relative;
	top:10px;
	margin:0 auto;
	width:420px;
	z-index:300;
}

.content p span{
	font-family:"微软雅黑";
	font-size:16px;
	position:relative;
	top:27px;
	font-weight:normal;
	text-align:center;
}

.content img{
	margin-top:48px;
}


				
