/*
	fasty.se Screen Styles

	Table of Contents:	
		body
		nav
		content
		footer

*/

/*body
----------------------------------------------- */

html,body{
	margin:0 0 10px 0;
	padding:0
	}
	body{
		background:url(../images/styles/bg_body.gif) top left repeat-x #a7b4e7;
		font: 10px verdana, arial,sans-serif;
		text-align:center;
		color:#333;
		}
		
p{
	margin:7px 0;
	}		

a{
	color: #0067a6;
	text-decoration:underline;
	}
	a:hover{
		color: #0067a6;
		text-decoration:none;
		}
	
h1{
	font-size:140%;
	}
	
h2{
	font-size:110%;
	}
	
img.float_right{
	float:left;
	margin:0 8px 0 0;
	}

/*nav
----------------------------------------------- */

div#header{
	height:107px;
	margin:0;
	padding:0;

	}
	div#header a img{
		float:left;
		margin:25px 0 0px 15px;
		border:0;
		}
		
div#menu{
	float:right;
	}
	div#menu ul#nav{
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		}
		div#menu ul#nav li{
			float:left;
			list-style:none;
			margin:0;
			padding:37px 8px;
			font-weight:bold;
			background:url(../images/styles/menu/bg_menu.png) top left repeat-x;
			}
		div#menu ul#nav li.beginning{
			background:url(../images/styles/menu/bg_beginning2.gif) top left no-repeat ;
			}
		div#menu ul#nav li.end{
			background:url(../images/styles/menu/bg_end2.gif) top left no-repeat ;
			}
		div#menu ul#nav li.active{
			background:url(../images/styles/menu/bg_active.png) top center no-repeat ;
			}
		div#menu ul#nav li a{
			text-decoration:none;
			}
			div#menu ul#nav li a:hover{
				text-decoration:none;
				color:#000;
				}
				
div#flags{
	text-align:left;
	margin:0 0 0 25px;
	float:left;
	}
	div#flags a img{
		float:left;
		margin:15px 0 0px 10px;		
		border:0;
		}
		



/*content
----------------------------------------------- */

div#container_head{
	text-align:left;
	width:760px;
	margin:0 auto;
	}
	
div#container_head_start{
	text-align:left;
	width:760px;
	margin:0 auto;
	background-image:url(../images/bg-pisa-top.jpg); 
	background-repeat:no-repeat;
	background-position:top left;
	}	
	
	
div#container{
	text-align:left;
	width:760px;
	margin:0 auto;
	background:url(../images/styles/bg_container.gif) top center repeat-y #fff;
	}
	
div#wrapper{
	float:left;
	width:100%
	}	
	
div#content{
	margin: 0 150px
	}	
		
div#start_content{
	margin:0;
	padding:0;
	background:url(../images/styles/bg_top.gif) center top no-repeat;
	}
	div#start_content div{
		padding:20px 350px 20px 20px;
		xbackground:url(../images/styles/bg_content_start-pisa.jpg) bottom left repeat-x;
		}
		
div#start_content_1{
	margin:0;
	padding:0;
	height:503px;
	background:url(../images/styles/bg_content_start-pisa.jpg) center top no-repeat;
	}

		
div#prod_content{
	margin:0;
	padding:0;
	background:url(../images/styles/bg_prod.gif) center top no-repeat;
	}
	div#prod_content div{
		padding:20px 350px 20px 20px;
		background:url(../images/styles/bg_content_start.gif) bottom left repeat-x;
		}
	

	
div#products{
	float:left;
	width:315px;
	text-align: center;
	}
	div#prod{
		text-align: left;
		margin:15px auto 0 auto;
		padding:0 15px 15px 15px;
		background:url(../images/styles/bg_content_start.gif) left bottom repeat-x;
		overflow:hidden;
		}
		div#prod div .annons_text{
			margin:0 5px;
			float:left;
			}
			
div#prod_2{
	text-align: left;
	margin:15px auto 10px auto;
	padding:0 15px;
	overflow:hidden;
	}
	div#prod_2 div .annons_text{
		margin:0 5px;
		float:left;
		}	
	div#prod_2 ul li a.active{
		font-weight:bold;
		}		

div#om_fasty{
	margin:20px 0px;
	}
	div#om_fasty p{
		margin:10px 20px;
		}
	
div#fasty_float_right .certifikat{
	border:1px solid #ccc;
	padding:10px;
	margin:0 20px 10px 10px;
	width:300px;
	}
	
div#kontakt{
	margin:20px 0px;
	float:left;
	}
	div#kontakt p{
		margin:10px 20px;
		}
	div#kontakt h3{
		margin:30px 20px 0 20px;
		font-size:120%;
		}
				
	
div#showreel{
	float:none;
	margin:0;
	width:445px;
	text-align:center;
	padding:0;
	}
	div#showreel div{
		background:#fff;
		width:400px;
		margin:0 auto;
		}
	
div.clear_left{clear:left;}

		
					
					
div#productlist{
	float:left;
	width:210px;
	text-align: center;
	}
	div#productlist ul{
		list-style:none;
		padding:0 5px;
		margin:0;
		}
		div#productlist ul li{
			padding:1px 0;
			margin:0;
			}	

	
div#showproducts{
	float:right;
	margin:0;
	width:550px;
	text-align:center;
	padding:0;
	background:url(../images/styles/bg_prod_start.gif) top left repeat-y;
	}
	div#showproducts div.wrapp{
		background:#fff;
		width:510px;
		margin:15px auto;
		text-align:left;
		}
		div#showproducts div p.larger{
			font-size:11px;
			}
	
		div#showproducts div.table{
			float:left;
			width:315px;
			background:#fff;
			padding:0 5px;
			margin:0;
			}
			
			
			div#showproducts div .clear_left{
				clear:left;
				width:510px;
				xbackground:url(../images/styles/bg_content_start.gif) bottom left repeat-x;
				height:2px;
				margin:2px 0
				}
			
			div#showproducts div.table table{
				border:0;
				border-top:1px solid #ccc;
				width:315px;
				margin:3px 0 20px 0;
				}
				div#showproducts div.table table td.bold{
					font-weight:bold;
					}
					
div#formular{
	background:#fff; 
	float:left; 
	margin:25px 0 0 20px;
	}

a.container_thumb{
	float:left;
	border:0;
	margin:0 21px 15px 0;
	padding:5px;
	font-weight:bold;
	line-height:250%;
	color:#333;
	text-align:center;
	text-decoration:none;
	background:#ededed;
	}
	a:hover.container_thumb{
		border:0;
		text-decoration:none;
		color:#0067a6;
		background:#e2e2e2;
		}
		
div.thumbproducts{
	float:right;
	margin:0;
	width:530px;
	text-align:center;
	padding:0;
	}
	
div.thumbproducts p{
	text-align:left;
	font-weight:bold;
	}
	
a.float_right img{
	border:0;
	float:left;
	margin:0 5px 0 0;
	}
	
textarea{overflow:auto;}

div#fasty_float_right{
	float:right;
	}
	
	
div#bottom{
	background:url(../images/styles/bg_bottom2.gif) top center no-repeat #a7b4e7;
	height:17px;
	color: #FFF;
	clear:both;
	width:100%
	}
	
	
div#bottom_start{
	background:url(../images/styles/bg_bottom.jpg) top center no-repeat #a7b4e7;
	height:17px;
	color: #FFF;
	clear:both;
	width:100%
	}
	
div#bottom_prod{
	background:url(../images/styles/bg_bottom_prod.gif) top center no-repeat #a7b4e7;
	height:17px;
	color: #FFF;
	clear:both;
	width:100%
	}

.frontpageWrapper{
	width:329px;
	height:300px;
	background-image:url(../images/styles/bg_content_start-band.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}



/*footer
----------------------------------------------- */

div#footer{
	width: 760px; 
	margin: 10px auto; 
	text-align: left; 
	color: #2e5e97;
	font-weight:bold;
	}
	div#footer img{
		border:0;
	}

ul.footer_list{
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	}
	ul.footer_list li{
		float: left;
		margin: 0;
		padding: 0 4px;
		list-style: none;
		}
			ul.footer_list li a{
			color: #024593;
			text-decoration: underline;
			}
				ul.footer_list li a:hover{
					color: #4990e2;
					text-decoration: none;
					}
					
	ul.footer_list li.right{
		float: left;
		margin: 0;
		padding: 0 0 0 130px;
		list-style: none;
		}