body{
	margin:0;
	background:url('http://www.webiadesign.se/images/bg.jpg');
	background-repeat:repeat-x;
	background-color:#0e0e0e;
	font-family:Tahoma;
	font-size:12px;
}
h1, h2, h3, h4{
	margin:0;
}
h2{
	font-family:"Agency FB", "Century";
	font-size:24px;
	font-weight:normal;
}
a:hover{
	color:#999;
}
#wrapper{
	width:946px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background:url('http://www.webiadesign.se/images/wrapper_bg.png');
	background-repeat:repeat-y;
}
#content{
	width:900px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background:url('http://www.webiadesign.se/images/content_bg.jpg');
	background-repeat:repeat-x;
	background-color:#FFF;
}
#content a{
	color:#666;
	text-decoration:underline;
}
#logo{
	background:url('http://www.webiadesign.se/images/logo.jpg');
	width:282px;
	height:115px;
	float:left;
}
#latest_project{
	width:300px;
	height:auto;
	float:left;
	margin-left:30px;
	margin-top:10px;
}
h3{
	font-family:'Georgia';
	font-weight:normal;
	font-style:italic;
	font-size:24px;
	margin:0;
}
h3 a{
	color:#000;
	text-decoration:none;
}
h3 a:hover{
	color:#666666;
}

#login{
	width:250px;
	height:105px;
	float:right;
	margin-top:10px;
}
#login-left{
	width:150px;
	height:105px;
	float:right;
	margin-top:10px;
}
#login-right{
	width:100px;
	height:105px;
	float:right;
	margin-top:10px;
}
a img{
border:0;
}
.login_small{
	background:url('http://www.webiadesign.se/images/login_small.png');
	border:none;
	width:122px;
	height:20px;
	background-repeat:no-repeat;
	padding:5px 8px 5px 8px;
	color:#525252;
	font-size:12px;
}
.login_submit{
	width:83px;
	height:27px;
	background:url('http://www.webiadesign.se/images/login_submit.png');
	background-position:left;
	border:0;
	cursor:pointer;
	margin-top:0;
}
	.login_submit:hover{
		background-position:center;
	}	
	.login_submit:active{
		background-position:right;
	}	
#top_box{
	width:840px;
	height:auto;
	padding:30px;
}
#right_box{
	width:250px;
	height:auto;
	float:right;
}
#menu{
	margin-top:30px;
	margin-left:-30px;
	width:900px;
	height:233px;
	background:url('http://www.webiadesign.se/images/menu_bg.png') repeat-x;
}
#portfolio{
	width:122px;
	height:179px;
	background:url('http://www.webiadesign.se/images/portfolio.png') no-repeat;
	margin-left:130px;	
	float:left;
	margin-top:30px;
	cursor:pointer;
}
	#portfolio:hover{
		background-position:right;
	}
#kontakt{
	width:130px;
	height:138px;
	background:url('http://www.webiadesign.se/images/kontakt.png') no-repeat;
	float:left;
	margin-left:100px;
	margin-top:66px;
	cursor:pointer;
}
	#kontakt:hover{
		background-position:right;
	}
#vi_pa_webiadesign{
	width:196px;
	height:178px;
	background:url('http://www.webiadesign.se/images/vi_pa_webiadesign.png') no-repeat;
	float:right;
	margin-right:100px;
	margin-top:35px;
	cursor:pointer;
}
	#vi_pa_webiadesign:hover{
		background-position:right;
	}
#content_bottom{
	width:876px;
	height:50px;
	background:url('http://www.webiadesign.se/images/content_bottom.png') no-repeat;
	margin:auto;
	padding:0 40px 0 40px;
}
#content_bottom h2{
	margin:0;
	display:inline-block;
	color:#333;
	font-size:16px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}
#content_bottom a{
	margin-right:10px;
}
#content_bottom .twitter{
	color:#77dcf8;
	text-decoration:none;
}
#content_bottom .twitter:hover{
	color:#02cce7;
	text-decoration:underline;
}
#content_bottom .facebook{
	color:#3f579d;
	text-decoration:none;
}
#content_bottom .facebook:hover{
	color:#102b7c;
	text-decoration:underline;
}
#content_bottom .rss{
	color:#e87330;
	text-decoration:none;
}
#content_bottom .rss:hover{
	color:#994210;
	text-decoration:underline;
}
#content_bottom .delicious{
	color:#333;
	text-decoration:none;
}
#content_bottom .delicious:hover{
	color:#000;
	text-decoration:underline;
}
#bottom{
	margin:0px auto 20px auto;
	width:900px;
	height:50px;
	color:#7b7b7b;
	font-size:11px;
}
	#bottom a{
		color:#7b7b7b;
	}	
	#bottom a:hover{
		color:#666;
	}	
a #back{
	width:62px;
	height:93px;
	background:url('http://www.webiadesign.se/images/tillbaka.png') no-repeat bottom;
	display:inline-block
}
a #back:hover{
	background:url('http://www.webiadesign.se/images/tillbaka.png') no-repeat top;
	cursor:pointer;	
}
h1{
	font-family:Georgia;
	font-size:30px;
	font-style:italic;
}
#about_us_left{
	width:450px;
	height:auto;
	float:left;
	font-family:Tahoma;
	font-size:14px;
	margin-bottom:30px;
	margin-top:30px;
}
#about_us_right{
	width:330px;
	height:auto;
	float:right;
	margin-top:30px;
	font-family:Georgia;
}
#about_peter{
	width:150px;
	height:auto;
	float:left;
}
#about_joakim{
	width:150px;
	height:auto;
	float:right;
}
#contact_left{
	width:288px;
	height:auto;
	float:left;
	font-family:Tahoma;
	font-size:14px;
	color:#828282;
	margin-left:80px;
	margin-bottom:50px;
}
	#contact_left a{
		color:#828282;
		text-decoration:underline;
	}	
	#contact_left a:hover{
		color:#D1D1D1;
	}	
#contact_right{
	width:360px;
	height:auto;
	float:right;
	font-family:Georgia;
	font-size:14px;
	color:#2f2f2f;
	margin-right:80px;
}
#contact_info{
	width:250px;
	height:auto;
	padding:5px;
	background:#ececec;
	border:1px solid #c8c8c8;
	font-size:14px;
	color:#2f2f2f;
	margin-top:30px;
}
.formSmall{
	background:url('http://www.webiadesign.se/images/contact_field.png') repeat-x top #fff;
	width:240px;
	height:20px;
	border:1px solid #b3b3b3;
	padding:6px 5px 4px 5px;
	font-family:Tahoma;
	font-size:14px;
	color:#666666
}
.formBig{
	background:url('http://www.webiadesign.se/images/contact_field.png') repeat-x top #fff;
	width:350px;
	height:150px;
	padding:6px 5px 4px 5px;
	font-family:Tahoma;
	font-size:14px;
	color:#666666;
	border:1px solid #b3b3b3;
}
.formSubmit{
	margin-top:3px;
	height:20px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	border:1px solid #b3b3b3;
	background:#FFF;
	cursor:pointer;
	color:#2f2f2f;
	padding-bottom:3px;
}
.flag a{
	border:none;
}
.flag:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

/* PORTFOLIO */
#tip {
	display:none;
	background:transparent url('http://www.webiadesign.se/images/portfolio/black_arrow.png');
	font-size:14px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
#portfolio-img{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#social{
	width:400px;
	height:100px;
	margin-top:20px;
	font-size:11px;
	color:#666;
}
#social a img{
	border:0;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#social a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
#social ul li{
	display:inline;
}
#social a{
	font-family:Georgia, Tahoma;
	font-size:26px;
	text-decoration:underline;
	color:#777;
}
#social a:hover{
	color:#333;
}