body, html{ position:relative; background:url(../images/bg.jpg) top center repeat fixed; margin:0px; padding:0px; text-shadow: #FFF 1px 1px 0px; font-family:"Helvetica Neue", Helvetica; font-weight:bold;}

#top{ width:100%; height:10px; background:#000; margin-bottom:20px;}

#menu{float:right;}

.center{ width:975px; margin: 0 auto; position:relative;}

#menu ul li{ list-style:none; float:left; padding:20px; }

.line{background:url(../images/line.jpg) top right no-repeat;}

#menu ul li a{text-shadow: #FFF 1px 1px 0px; color:#000; text-decoration:none; margin:0px; padding:0px;}

#menu ul li a:hover{text-shadow: #FFF 1px 1px 0px; color:#17d0e5; text-decoration:none; margin:0px; padding:0px;}

h1 a{width:80px; height:79px; display:block; text-indent:-9999px; background:url(../images/logo.png); float:left;}

.clear{clear:both;}

#computer{ width:406px; height:365px; background:url(../images/dator.png); margin-top:20px; float:left;}

.portfolio{ width:596px; height:139px; margin-top:20px; float:left;}

.portfolio-text{ float:left; width:350px; margin-left:20px;}

.headline{ margin:0px; padding:0px; color:#000; font-size:14px;}

.text{ float:left; width:500px; margin-left:45px;}

h4{ font-size:40px; margin-top:20px; padding:0px; letter-spacing:-3px; margin-bottom:0px;}

h3{ font-size:10px; font-weight:normal; color:#999; margin-top:18px;}

.bigsize{ font-size:70px; color:#000; margin-top:20px; margin-left:0px; padding:0px; letter-spacing:-3px; margin-bottom:0px;}

h2{ color:#a09895; margin-left:5px; padding:0px; font-size:18px; margin-top:-10px;}

p{font-size:14px; line-height:24px; color:#878585; padding:0px; margin-top:10px;}

.margin{ margin-left:5px;}

.font{ font-weight:normal; color:#8c8282;}


.hori-line{ background:url(../images/hori-line.jpg) repeat-x; width:100%; height:2px;}

.header{ background:url(../images/shadow.png) bottom center no-repeat; height:410px; width:975px;}

.portfolio-wrapper{ background:url(../images/shadow.png) bottom center no-repeat; height:400px; width:975px; margin-top:35px;}

.mail{ background:url(../images/mail.png); width:154px; height:37px; display:block; float:right;}


span.link a{color:#FFF; text-decoration:none;}

.link{ display:block; background:#000; color:#FFF; text-decoration:none; float:right; padding:8px; text-shadow:none; font-size:14px; margin-top:10px;}

.link:hover{ display:block; background:#17d0e5; color:#FFF; float:right; padding:8px; text-shadow:none; font-size:14px; margin-top:10px;}


.box{ width:450px; float:left;}

	/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/



/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider {  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 975px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 975px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
	/* Arrow styling */
	.coda-nav-left a { position:absolute; z-index:30; left:-80px; top:85px; background:url(../images/leftarrow.png); padding: 0px; width: 48px; height:67px; text-indent:-9999px; }
	.coda-nav-right a { position:absolute;  z-index:30; right:-80px; top:85px;  background:url(../images/rightarrow.png);  padding: 0px; width: 48px; height:67px; text-indent:-9999px;}
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden; }
	.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 }
	
	

	/* // slider */		
	
	.thumb{width:294px; height:192px; margin-top:7px; float:left;}
	
	.margin-right{ margin-right:38px;}
		.margin-right2{ margin-right:70px;}


#footer{width:100%; height:380px;  background:url(../images/footer-img.jpg) repeat-x top; margin-top:60px; padding-top:1px;}

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

#footer-bottom a:hover{ text-decoration:none; color:#17d0e5;}


#footer-bottom{  width:100%; background:#0c0c0c; padding-top:10px;  padding-bottom:10px;}

form{ width:600px; float:left; margin-top:10px; }


.form-margin{margin-bottom:20px;}


img{border:none;}

#imageField{position:absolute; background:url(../images/skicka.png); width:73px; top:235px; right:400px; height:73px; border:none; text-indent:-9999px; cursor:pointer;}

#imageField:hover{position:absolute; background:url(../images/skickao.png); width:73px; top:235px; right:400px; height:73px; border:none; text-indent:-9999px;}


.form-left{ float:left; width:280px;}
.form-right{ float:left; width:280px;}

.footer-right{ float:left; width:310px; margin-left:30px; margin-top:8px;}


.white{ text-shadow:none; color:#FFF; margin-top:25px; margin-bottom:10px;}

.footer-text{ font-size:12px; color:#878585;  text-shadow: #000 1px 1px 0px; line-height:24px; margin:0px; padding:0px;}


.footer-text a{ font-size:12px; color:#999; text-decoration:none; text-shadow:none; line-height:24px; margin:0px; padding:0px;}

.footer-text a:hover{ font-size:12px; color:#17d0e5; text-shadow:none; line-height:24px; margin:0px; padding:0px;}

.float a{ text-decoration:none; color:#999;}

.float a:hover{ text-decoration:none; color:#17d0e5;}


.footer-bottom-text{ color:#999; text-shadow:none; font-size:12px;}

.float{float:right;}

.margin-top{margin-top:30px;}

input{ background:#282828; width:230px; border:1px solid #3a3a3a; padding:12px;}

textarea{ background:#282828; width:297px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;  height:223px; border:1px solid #3a3a3a; padding:10px; margin-bottom:1px; height:211px;}

 #status{
    	width:50%;
    	padding:10px;
    	height:42px;
    	outline:none;
    }
    .focusField{
    	border:solid 1px #000;
    	background:#CCC;
    	color:#000;
		font:Arial, Helvetica, sans-serif; font-size:12px; color:#000;
    }
    .idleField{
    	background:#202020;
    	color: #6F6F6F;
		border:1px solid #3a3a3a;   
		font:Arial, Helvetica, sans-serif; font-size:12px; color:#999;
}