/*
		Comunit
		Created: 2008-11-03
		Modified: 2008-12-01	
		
		Contents
		============================
		01. General
		02. Header
		03. Header quotes
		04. Navigation
		05. Main content
		06. Sidebar
		07. Footer
		08. Start page: Services boxes 
		09. Start page: action boxes
		10. Misc
		============================
	*/
	
	
	/******************************************
	  1. General
	******************************************/
	
	body
	{
		background: #dedede;
		font-family: arial, verdana, sans-serif;
		font-size: 11px;
		margin: 0;
		padding: 0;
	}
		
	#wrapper
	{
		width: 758px;
		margin: 0 auto 0 auto;
		padding: 16px 16px 100px 16px;
		background-color: #fff;
		border: 1px solid #B7AFAD;
		border-top: none;
	}
	
	label
	{
		display: block; 
		margin-top: 10px;
		
	}

		

	/******************************************
	  2. Header
	******************************************/

	  #header
	  {
	    position: relative;  
	    float: left;
	    width: 728px;
	    background: #fff;
	    padding: 13px 16px 13px 16px;
	    margin: 0;  
	  }
	
	  #header *
	  {
	      color: #000;
	  }
	
    #logo a {
      background:url("/images/gui/logo.gif") no-repeat scroll 0 0 transparent;
      display:block;
      float:left;
      height:98px;
      overflow:hidden;
      text-indent:-9999px;
      width:161px;
    }


	/******************************************
		3. Header quotes
	******************************************/

	#header-quotes
	{
		margin: 0;
		width: 760px;
		height: 178px;
	} 
	
	#header-quotes .quote
	{
		background: #bd181d;
		float: right;
		width: 152px;
		height: 128px;
		padding: 30px 16px 20px 16px;
		overflow: hidden;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #fff;
	}
	
	/*** Hem ***/
	body.home #header-quotes
	{
		background: url(/images/content/leaves.jpg) 0 0 no-repeat;
	}
	
	/** Om företaget	**/
	body.om-foretaget #header-quotes
	{
		background: url(/images/content/svarsservice.jpg) 0 0 no-repeat;
	}
	
	
	/******************************************
	  4. Navigation
	******************************************/

	  #navigation
	  {
	    position: absolute;
	    right: 16px;
	    bottom: 13px;
	  }
	
	  #navigation ul
	  {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	  }
	  
	  #navigation ul li
	  {
	    list-style-type: none;
	    float: left;
	    margin: 0 13px 0 0;
	    padding: 0 13px 0 0;
	    background: transparent url(../images/gui/navigation_separator.gif) right 12px no-repeat;
	    height: 1%;
	  }
	
	  #navigation ul li.last,
	  #navigation ul li.active.last
	  {
	    margin: 0;
	    padding: 0;
	    background: none;
	  }
	
	
	  #navigation ul li a
	  {
	    font-family: clarendon, geogia, times new roman, times, serif;
	    font-size: 14px;
	    font-weight: bold;
	    text-decoration: none;  
	
	    display: block;
	    float: left;
	    height: 30px;
	    line-height: 40px;
	  }
	
	  #navigation ul li a:hover,
	  #navigation ul li.active a
	  {
	    color: #BFBFBF;
	    background: transparent url(../images/gui/navigation_arrow.gif) 50% 0 no-repeat;
	  }



	/******************************************
	  5. Sub navigation
	******************************************/

	#sub-navigation
	{
		margin: 15px 0 0 0;
		width: 576px;
	}

	#sub-navigation ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;		
	}

	#sub-navigation ul li
	{
		float: left;
		margin: 0 1px 1px 0;
		padding: 0;
	}

	#sub-navigation ul li a
	{
		display: block;
		background: #DAD4D2;			
		color: #675D5B;
		text-decoration: none;
		font-weight: bold;
		padding: 7px 16px 7px 16px;		
	}
	
	#sub-navigation ul li a:hover,
	#sub-navigation ul li a.active
	{
		background: #9E9491;			
		color: #fff;
	}

	/******************************************
		6. Main content
	******************************************/

	  /*** 
	   * Content 
	   * width: 576px 
	  ***/
	  #content
	  {
	    float: left;
	    width: 533px;
		margin: 0 10px 0 22px;
		padding: 32px 0 0 0;
	  }

	  #content h3
	  {
	  	font-family: clarendon, georgia, times, times new roman, serif;
		font-size: 25px;
		font-weight: normal;
		margin: 0 0 10px 0;
		padding: 0;
	  }

	  #content h4
	  {
		font-size: 14px;
		background: #fff url(../images/gui/header_arrow.gif) 0 0 no-repeat;
		padding: 0 0 0 30px;
	  }

	  
	  #content h3,
	  #content h4,
	  #content strong
	  {
	  	color: #615857;
		
	  }


	/******************************************
		5. Sidebar
	******************************************/

	  #sidebar
	  {
	    float: right;
	    width: 145px;
		min-height: 400px;
		padding: 0 0 0 17px;
		margin: -30px 18px 0 0;
		border-left: solid 1px #CCC4C2;
		
	  }

	  #sidebar h3
	  {
		margin: 0 0 10px 0;
		padding: 0;
	  	font-family: clarendon, georgia, times, times new roman, serif;
		font-size: 20px;
		font-weight: normal;
		color: #615857;
	  }
	  
	  #sidebar p a.case-button
	  {
	  	display: block;
		margin: 10px 0 10px 0;
		color: #5C5250;
		font-weight: bold;
	  }


	/******************************************
		6. Footer
	******************************************/

	  #footer
	  {
	    width: 790px;
	    min-height: 100px;
	    margin: 60px auto 0 auto;
	    padding: 90px;
	    text-align: center;
	    background: url(../images/gui/footer.gif) 50% 0 no-repeat;
	    font-size: 12px;
	    color: #948B89;
	  }



	/******************************************
		7. Start page: Services boxes  
	******************************************/

	  body.home #services
	  {
	  	width: 760px;
		margin: 20px 0 0 0;
	  }
	  
	  /** service item **/
	  body.home #services .item
	  {
	  	float: left;
	  	width: 177px;
	  	margin: 0 17px 0 0;
	  }
	  
	  /** service item description **/
	  body.home #services .item .description
	  {
	  	width: 160px;
	  	padding: 0 17px 0 0;
	  	border-right: 1px solid #CCC5C2;
	  }
	  
	  body.home #services .item .description p 
	  {
	  	
	  	min-height: 75px;
	  }
	  
	  /** last service item in row **/
	  body.home #services .last, body.home #services .last .description
	  {
	  	border-right: none;
	  	padding: 0;
	  	margin: 0;
	  }
	  
	  /** header **/
	  body.home #services h3
	  {
	  	font-family: clarendon, georgia, times, times new roman, serif;
	  	font-size: 20px;
	  	font-weight: normal;
	  	color: #695F5C;
		margin: 0 0 13px 0;
	  }
	  
	  body.home #services ul
	  {
	  	list-style: none;
	  	margin: 10px 0 0 0;
	  	padding: 0;
	  }
	  
	  body.home #services ul li
	  {
	  	display: block;
	  	margin-bottom: 10px;
	  }
	  
	  body.home #services ul li a
	  {
	  	font-weight: bold;
	  	color: #5C5250;
	  }
	  
	  body.home #services ul li a.pdf
	  {
	  	display: block;
	  	height: 16px;
	  	width: 100%;
	  	background: url(../images/gui/icons/icon_pdf.gif) 0 0 no-repeat;
	  	margin-bottom: 10px;
	  	padding-left: 20px;
	  }

	body.home #services ul li a span
	{
		font-weight: normal;
	}

	

	/******************************************
		8. Start page: action boxes
	******************************************/

	  body.home #actions
	  {
	  	position: relative;
	    width: 760px;
	    margin: 0 auto;  
		color: #2F2727;
	  }  
	
	  /***
	   * Vad kan du tjäna?
	   * width: 370px;
	   */
	  body.home #actions .primary
	  {
	  	position: absolute;
		top: -80px;
		left: 0;
	    float: left;
	    background: transparent url(../images/gui/bubble_right.png) 0 0 no-repeat;
	    width: 318px;
	    height: 143px;
	    margin: 0 20px 0 0;      
		padding: 22px 26px 22px 26px;
	  }  
	  
	  body.home #actions .secondary
	  {
	  	position: absolute;
	  	position: absolute;
		top: -80px;
		right: 0;
	    float: left;
	    background: transparent url(../images/gui/bubble_left.png) 0 0 no-repeat;
	    width: 318px;
	    height: 143px;
		padding: 22px 26px 22px 26px;
	  }  


	body.home #actions .desc
	{
		float: left;
		width: 180px;
		
	}
		
	body.home #actions h4
	{
		margin:0;
		padding: 0;
		color: #766A67;
		font-family: clarendon, georgia, times new roman, times, serif;
		font-size: 14px;
	}


	body.home #actions .form
	{
		float: right;
		width: 130px;
	}		


	body.home #actions input.text
	{
		float: right;
		border: 1px solid #879BB9;
		font-size: 9px;
		padding: 3px;
	}

	body.home #actions input.image-button,
	body.home #actions .form img
	{
		display: block;
		float: right;	
		margin: 5px 0 0 0;
	}



	/******************************************
		9. Misc
	******************************************/
	
	.clr
	{
    clear: both;
  }