/*

    CSS Document



    Site: Beva-Tools
   
    URL: http://www.beva-tools.se
   
    Author: PS Kommunikation
   
    Version: 1.0
   
    Date: 2007.12.01

*/

@import url("typo.css");

body, html {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
	font-size: 62.5%;
}

body#main {
	background: url(../images/bgBody.gif) repeat-x 0px -9px;
}

body#subpage {
	background: url(../images/bgBody.gif) repeat-x 0 -159px;
}	

div#container {
	margin: 0 auto; 
	width: 960px;
    text-align: left;
}

div#sidebar {
	display:inline;
	width: 240px;
	float: left;
}

div#content {
	width: 720px;
	float: right;
	position:relative;
}

div#newsletter {
	width: 180px;
	margin:30px 30px 0 30px;
}

body#main div#masthead{
   background-image: url(../images/usp.jpg);
   width: 720px;
   height: 300px;
   position:relative;
}

body#subpage div#masthead  {
   background: url(../images/usp_subpage.gif);
   width: 720px;
   height: 150px;
   position:relative;
}	

body#main div#tagline {
   padding:150px 0 0 30px;
   width: 350px;
   height: 70px;
   position:relative;
}

body#subpage div#tagline {
   padding:15px 0 0 58px;
   width: 350px;
   height: 70px;
   position:relative;
}

body#main div#primaryContent {
	display: inline;
	float: left;
	width: 430px;
	margin: 20px 20px 0 20px;
}

div#secondaryContent {
	display:inline;
	float:right;
	width: 230px;
	background: url(../images/bgBoxSpotlightTile.gif) repeat left top;
	padding:0;
	margin:50px 20px 0 0;
	position:absolute;
	bottom:65px;
	right:0px;
}

body#subpage div#primaryContent {
	display: inline;
	float: left;
	width: 680px;
	margin: 30px 20px 12px 20px;
}

div#primaryContent .pers {
    float:left; 
    margin:10px 10px 0 0;
    height:250px;
}

div#spotProduct {
	display:inline;
	float:left;
	width: 210px;
	height:220px;
	background: url(../images/spotProduct.jpg) no-repeat -15px 0px;
	margin:30px 0 0 0;
	padding:0;
}

div#spotContact {
	display:inline;
	float:right;
	width: 210px;
	height:220px;
	background: url(../images/spotContact.jpg) no-repeat -15px 0px;
	margin:35px 0 0 0;
	padding:0;
}

#footer {
	float:left;
	width: 720px;
	margin:0 0 5px 0;
}

.clearer { clear:both; }