/* Main Styles 
----------------------------------------------- */

body  {
	padding: 0px;
	margin: 0px;
	text-align:center;
	background:#5195be;
	}

body, td, div  {
	font-weight: 400;
	font-family: verdana, ubuntu;
	line-height: 1.60;
	font-size: 12px;
	color: #666666;
	margin-top: 0px;
	}

/* Content Blocks
----------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 920px;
	background:url(../images/bg.gif) repeat-y;
	}

#wrapper_inner {
	margin: 0 10px;
	width: 900px;
	text-align:left;
	background:#FFFFFF;
	background:url(../images/bg_head.jpg) top no-repeat;
	}

#header {
	width: 900px;
	height: 85px;
	overflow:hidden;
	text-align:left;
	}

#content {
	width: 840px;
	margin: 290px 30px 20px 30px;
	}

	
#right  {
	width: 620px;
	float: left;
	}	
		
#left  {
	width: 180px;
	float: left;
	margin-right: 20px;
	}

#left ul {
	margin: 0;
	width: 180px;
	padding: 0;
	list-style-type: none;
	}

#left ul a {
	display: block;
	width: 180px;
	font-size: 16px;
	color: #5195be;
	text-decoration:none;
	font-weight:400;
	line-height: 38px;
	background: url(http://www.kroppia.se/images/bg_nav.gif) bottom left no-repeat;
	}

#left ul a:hover {
	color: #666666;
	text-decoration:none;
	}


 /* Content Blocks Första sidan
----------------------------------------------- */
	
#homeright  {
	width: 420px;
	float: left;
	}	
	
#homesidebar  {
	width: 180px;
	float: right;
	text-align:center;
	margin-right: 20px;
	}

/* Footer
----------------------------------------------- */

#footer {
	font-size: 11px;
	font-weight: 400;
	text-align:center;
	width: 900px;
	height: 80px;
	line-height: 40px;
	background: #a4cae1;
	color:#FFFFFF;
	}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
	}

#footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
		
/* Links 
----------------------------------------------- */

a  {
	color: #5195be;
	text-decoration:  none;
	}

a:visited  {
	color: #5195be;
	text-decoration:  none;
	}
	 
a:hover  {
	color: #000066;
	text-decoration:  underline;
	}

	
/* Headings 
----------------------------------------------- */

H1 {
	font-weight: 400;
	font-style:italic;
	font-size: 25px;
	color:#5195be;
	padding-top: 0;
	margin-top: 0;
	line-height:1.2;
	}

H2 {
	font-weight: 400;
	color:#5195be;
	line-height:1.2;
	margin-top: 0px;
}

h3, h4, h5, h6 {
	color:#5195be;   
	font-weight: 700;
	}
	

/* Forms
----------------------------------------------- */



form {
	margin:0;
	padding:0;
	}

/* generic stuff
----------------------------------------------- */

.fr {
	float:right;
	}

.fl {
	float:left;
	}
	
hr	 { 
	height: 0px; 
	border: solid #000066 0px; 
	border-top-width: 1px;
	margin: 15px  0;
	clear:both;
	}

img {
	border-width: 0;
	}

table {
	border-collapse:collapse;
	}
		
.clr {
	clear:both;
	height:0;
	width:auto;
	overflow:hidden;
	}
	
/* box
----------------------------------------------- */
	
/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 7px; }
.rbroundbox { width: 210px; margin: ; }
	
#container {background: }
.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; 
border-left: 1px solid #000000; border-right: 1px solid #000000;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #a5cbe0; 
border-left: 1px solid #000000; border-right: 1px solid #000000; 
border-width: 0 2px;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #a5cbe0; 
border-left: 1px solid #000000; border-right: 1px solid #000000;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #a5cbe0; 
border-left: 1px solid #000000; border-right: 1px solid #000000;}
.content {padding: 10px;
border-left: 1px solid #000000; border-right: 1px solid #000000;}

#box fieldset { width: 325px; padding: 20px 20px 20px 50px; border: 2px solid #a5cbe0; }
#box legend { background-color: #b2d1e5; padding: 2px 2px 2px 3px; margin-left: -10px; letter-spacing: 3px; border: 2px solid #b2d1e5; }

#right1 {
float:right;
width:230px;
padding:10px;
background:#99c;

-----------------------------
<style type="text/css">

.stepcarousel{
position: relative; /*leave this value alone*/
border: 20px solid navy;
overflow: scroll; /*leave this value alone*/
width: 280px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{#a5cbe0
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

</style>