/* global reset */

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

:focus, :active { outline: 0; }




body {font: .7em "Lucida Grande", Helvetica, Arial, sans-serif; background: #202020; color: #202020; }

a {text-decoration: none}

img { border: 0; }



.coda-slider-wrapper { padding: 0px 0 }
	.coda-slider { background: #F6F6F3 }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 950px; height: 407px; }

#text-container{
	/* Om-oss text-container */
	height: 200px;
	width: 600px;
	text-align: left;
	border-top: 2px solid #D60C8C;
}

#text-container-contact{
	/* Om-oss text-container */
	height: 40px;
	width: 600px;
	text-align:center;
	border-top: 2px solid #D60C8C;
}

#text-container-contact p {
	/* Om-oss text-container */
	text-align:center;
}

#contact-container{
	/* Kontakta oss-vänster-container */
	height: 120px;
	width: 160px;
	text-align: left;
	border-top: 0px solid #D60C8C;
	float: left;
	margin: 0 0 0 150px;
}

#contact-container2{
	/* Kontakta oss-höger-container */
	height: 120px;
	width: 160px;
	text-align: left;
	border-top: 0px solid #D60C8C;
	float: left;
}

#showreel-container{
	/* Showreel vänster-container */
	float: left;
}

#showreel-container2{
	/* Showreel höger-container */
	float: right;
	background: #e1e1e1;
	padding-top: 120px;
	padding-left: 21px;
}

#showreel-inner{
	height: 407px;
	width: 113px;
	text-align: left;
}
	

	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px } .panel-wrapper2 { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }


	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }




p  { margin: 5px 5px 15px; font: .9em "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.5em; text-align: left; color: #202020; }

h2  { margin: 5px 5px 15px; font: .9em "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.5em; text-align: left; color: #535353; }

#rubrik { float: left; padding: 5px 20px; margin: 3px 12px 0 0; color: #535353; background: #FFFFFF; }

#content { 	
  position:absolute;
  height:407px; 
  width:950px;
  margin:-220px 0px 0px -475px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  background-color: #101010;
  border: 0px solid #FFFFFF;
  overflow: auto;
}

#bottom{
	/* The menu container */
	margin: 200px 0px 0px -475px;
	top: 50%; 
 	left: 50%;
	text-align: left;
	width:950px;
	height:30px;
	position:absolute;
}

#background{
	/* The background container */
	width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 0;
	overflow:auto;
}

.stretch {
    height:100%;
}

#top{
	/* The top container */
	margin: 20px 0px 0px 0px;
	position: relative;
	text-align: right;
	float: right;
}



#menu { float: right; margin: 0px 0px 0px 0px; }

	#menu li { list-style: none; display: inline; }

	#menu li a { float: left; padding: 5px 15px; color: #535353; }

	#menu li a.current { color: #F6F6F3; background: #202020; border-top: 2px solid #C02026; }

	#menu li a:hover { background: #D60C8C; color: #F6F6F3; }
	
	
#login { float: left; margin: 0px 0px 0px 0; width: 590px; height: 23px; }

	#login li { list-style: none; display: inline; }

	#login li a { color: #535353; background: #202020; }

	#login li a.current { color: #FFFFFF; background: #202020; }

	#login li a:hover { background: #202020; color: #FFFFFF; }
	
	
#button { float: left; margin: 0px 0px 0px 0; }

	#button li { list-style: none; display: inline; font-size: .8em; }

	#button li a { float: left; padding: 5px 15px; color: #535353; background: #ececec; }

	#button li a:hover { background: #D60C8C; color: #F6F6F3; }	
	

	
#tt {position:absolute; display:block; background:url(img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#d60c8c; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(img/tt_bottom.gif) top right no-repeat; overflow:hidden}
	
a:link { color: #535353; text-decoration: none }
a:active { color: #FFFFFF; text-decoration: none }
a:visited { color: #535353; text-decoration: none }
a:hover { color: #FFFFFF; text-decoration: none }

a.one:link { color: #535353; text-decoration: none }
a.one:active { color: #FFFFFF; text-decoration: none }
a.one:visited { color: #535353; text-decoration: none }
a.one:hover { color: #FFFFFF; text-decoration: none }

a.two:link { color: #202020; text-decoration: none }
a.two:active { color: #D60C8C; text-decoration: none }
a.two:visited { color: #202020; text-decoration: none }
a.two:hover { color: #D60C8C; text-decoration: none }

.shw01 { float: left; width: 237px; height: 135px; background-color: #535353; background:url(img/shw_featured.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; cursor: pointer; }
.shw01:hover { background:url(img/shw_featured_on.jpg); }

.shw02 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/shw02.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw03 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/shw03.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw04 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/shw04.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw05 { float: left; width: 237px; height: 135px; background: #535353; background:url(img/shw05.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw06 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/shw06.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw07 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/shw07.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw08 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/shw08.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw09 { float: left; width: 237px; height: 135px; background: #535353; background:url(img/shw09.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw10 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/shw10.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw11 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/shw11.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.shw12 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/shw12.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli01 { float: left; width: 237px; height: 135px; background-color: #535353; background:url(img/cli_featured.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli02 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/cli02.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli03 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/cli03.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli04 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/cli04.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli05 { float: left; width: 237px; height: 135px; background: #535353; background:url(img/cli05.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli06 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/cli06.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli07 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/cli07.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli08 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/cli08.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli09 { float: left; width: 237px; height: 135px; background: #535353; background:url(img/cli09.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli10 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/cli10.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli11 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/cli11.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

.cli12 { float: left; width: 235px; height: 135px; background: #535353; background:url(img/cli12.jpg); border-right: 2px solid #202020; border-bottom: 2px solid #202020; }

img.floatLeft { 
    float: left;
	margin-right: 5px;
}

/* Speech Bubble */

#twitter { float: left; margin: 0px 0px 0px 0; width: auto; height: 23px; background: #282828; }

#speech { float: left; position: relative; width: 5px; height: 23px; background:url(img/tip.png); }   
	  
	  
	
<--------SLUT-------->