/* Victor Larsson Personal Portfolio 2011 Copyrights reserved */

/* Body elements, font */


html, body {
	background: #3f3a39;
	margin: 0;
	padding: 0;
	font-family: arial, Times, serif, Arial,Helvetica,sans-serif;
    font-size:13px;
	color: #e6e6e6;
	border: none;
}

h1	{
	margin: 0 0 0 0;
	padding: 0;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight:normal;
	letter-spacing: 0;
	display: inline;
	color: #e6e6e6;
	font-size: 36px;
	font-stretch: extra-condensed;
}

a {
	text-decoration: none;
	outline:none
}
a:focus {
	outline:none;
}

img,div {
	border: 0px;
	display: block;
	outline:none;
}

ul{ 
  list-style-type: none;
}
ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
.clearfix {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Elemennts */
#top_bg {
	width: 100%;
	height: 7px;
	margin: 0 0 40px 0;
	background: url(../images/sprite/head_bg.jpg) ;
	

}	


#wrapper {
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto; 
}

#logo {
	width: 284px;
	height: 94px;
	margin: 0 0 40px 10px;
	background: url(../images/sprite/logo.png)
}

#arrow { 
	width: 8px;
	height: 8px;
	margin: 0 0 10px 10px;
	background: url(../images/sprite/arrow.png)
}

.case { 
	width: 970px;
	height: 630px;
	margin: 0 0 10px 0;
	padding-left: 10px;
	background: url(../images/sprite/case.png)
}

.case_image {

}
.case_image:hover {

}


/* footer */

#footerwrapper	{
	width: 100%;
	height: 426px; 
	background: url(../images/sprite/footerwrapper.png) bottom no-repeat ; 
	margin:-1px 0 0 0;
}	
#footercontent {
	width: 980px;
	height: 426px;
	margin: 0 auto;
}
.footergrid_side {
	float: left;
	width: 300px;
	height: 370px;
	margin: 40px 0 0 0;
	padding: 0 10px 0 10px;

}
.footergrid_middle {
	float: left;
	width: 300px;
	height: 370px;
	margin: 40px 10px 0 10px;
	padding: 0 10px 0 10px;
}

.footergrid_info  {                                      
	width:300px; 
	margin-top:33px 
}
#footergrid_knowledge  {                                      
	width:300px; 
	margin-top:33px 

}



#footergrid_knowledge li                                      {display: block; text-decoration: none; height:20px; padding: 0 0 0 0; margin-bottom:8px; line-height:12px;}

#footergrid_knowledge li.knowledge a                            {list-style:none;}

.footergrid_copyr  {                                      
	width:300px; 
	margin-top:80px 
}
	










.getitalic  											{color:#e6e6e6; font-size: 12px; font-style: italic;}
#getintouchli                                          {width:300px; margin-top:33px }


#getintouchli li a                                     {display: block; text-decoration: none; height:34px; padding: 0 0 0 50px; margin-bottom:8px; line-height:34px;}
#getintouchli li.email a                            {background:url(../images/sprite/spritefooter.png) 0 0px no-repeat; list-style: none;}
#getintouchli li.email a:hover                      {background:url(../images/sprite/spritefooter.png) 0 -255px no-repeat; list-style: none;}
#getintouchli li.phone a                            {background:url(../images/sprite/spritefooter.png) 0 -41px no-repeat; list-style: none;}
#getintouchli li.phone a:hover                      {background:url(../images/sprite/spritefooter.png) 0 -296px no-repeat; list-style: none;}
#getintouchli li.linkedin a                            {background:url(../images/sprite/spritefooter.png) 0 -83px no-repeat; list-style: none;}
#getintouchli li.linkedin a:hover                      {background:url(../images/sprite/spritefooter.png) 0 -338px no-repeat; list-style: none;}
#getintouchli li.vimeo a                            {background:url(../images/sprite/spritefooter.png) 0 -125px no-repeat; list-style: none;}
#getintouchli li.vimeo a:hover                      {background:url(../images/sprite/spritefooter.png) 0 -380px no-repeat; list-style: none;}
#getintouchli li.facebook a                            {background:url(../images/sprite/spritefooter.png) 0 -168px no-repeat; list-style: none;}
#getintouchli li.facebook a:hover                      {background:url(../images/sprite/spritefooter.png) 0 -423px no-repeat; list-style: none;}
#getintouchli li.googleplus a                            {background:url(../images/sprite/spritefooter.png) 0 -212px no-repeat; list-style: none;}
#getintouchli li.googleplus a:hover                      {background:url(../images/sprite/spritefooter.png) 0 -467px no-repeat; list-style: none;}

/* other */
#gotoTop {
	width:115px;
	height: 24px;
    background: url(../images/sprite/totop.png) ;
    position:fixed; 
    bottom:0px; 
    right:10px;
    cursor:pointer;
    display:none;
}

/* Png Fix */
img, div { behavior: url(iepngfix.htc) }