/*

    CSS Document



    Site: Power Pictures
   
    URL: http://www.powerpictures.se
   
    Author: PS Kommunikation
   
    Version: 1.0
   
    Date: 2007.11.13

*/

/* =General
-----------------------------------------------------------------------------*/

* { margin:0px; padding:0px; }

body {
    text-align:center;
	background:url(../bilder/bgTop.gif) repeat-x;
}

/* =Classes
-----------------------------------------------------------------------------*/
.clearer { clear:both; }
.hide {
    position: absolute;
	left: -9999px;
	z-index: 100;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =Layout common
-----------------------------------------------------------------------------*/
div#wrapper {
	margin: 0 auto; 
    text-align: center;
	width: 860px;
}
div#helpnav {
	text-align:right;
	margin:0 0 24px 0;
	border-right:1px #5b5b53 solid;
	border-left:1px #5b5b53 solid;
	/*border-bottom:1px #000 solid;*/
	width:120px;
	height:19px;
	float:right;
	background:url(../bilder/bgHelpNav.gif) repeat-x;
}
div#top {
    position:relative;
    height:120px;
    width:860px;
}
div#branding {
	text-align:left;
	margin-top:0px;
	
}
div#mainNav {
    position:absolute;
    bottom:0;
    right:0;

}
div#masterhead {
	width:860px;
	height:238px;
	background:url(../bilder/headerimageIndex.jpg) no-repeat 0px 0px;
	border-bottom:solid 1px #fff;
}

/* =Content
-----------------------------------------------------------------------------*/
div#placeholder {

	background:url(../bilder/headerimageShadow.gif) no-repeat;
}
div#content { 
	text-align: left;
	margin-top:0px;
}
.videoBox, .focusBox, .newsBox 
{
    position:relative;
    height:25em;
}
.videoBox {
    float:left;
    width:335px;
    margin:10px 0 0 14px;
    border-right:solid 1px #dbdbc6;
}
.focusBox {
    float:left;
    width:232px;
    margin:10px 0 0 14px;
    border-right:solid 1px #dbdbc6;
}
.focusBox a:hover{
    color:#fff;
    text-decoration:none;
}
.focusBox img { float:right;}

.newsBox 
{
    float:left;
    width:232px;
    margin:10px 0 0 14px;
}


/*
div#placeholder {

	background:url(../bilder/headerimageShadow.gif) no-repeat;
}
div#content { 
	text-align: left;
	margin-top:0px;
}
.videoBox {
    float:left;
    width:265;
    margin-top:10px;
    margin:20px 0 0 27px;
}


.focusBox {
    float:left;
    width:225px;
    margin:20px 0 0 20px;
    border-right:solid 1px #dbdbc6;
}

.focusBox a:hover{
    color:#fff;
    text-decoration:none;
}
.focusBox img { display:block; border:solid 1px #dbdbc6; margin-bottom:10px }

.newsBox 
{
    float:left;
    width:225px;
    margin:20px 0 0 20px;
}
*/

    
/* =Underpages
-----------------------------------------------------------------------------*/
div#primaryContent {
	width:540px;
	float:right;
}
div#sidebar {
    float:left;
    width:320px;
/*    height:350px;*/
	margin-bottom:25px;
}
div#sidebar img {
    margin-left:10px; 
    margin-top:5.5em;
}
div#videoPlayer {
    float:left;
    
    margin-right:10px;
    
}
div#videoInfo { float:left; padding:10px 0; margin-right:25px; }


/* =Footer
-----------------------------------------------------------------------------*/
div#footer {
    border-top:3px solid #000;
    clear:both;
    padding-top:5px;
    display:inline;
    float:left;
    width:860px;
	margin-top:35px;
	text-align:left;
}
div#footer:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
div#contact {
    float:left;
    display:inline;
}
div#production { 
	float:right;
	display:inline;
}