/*

Baseline

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select{*font-size:100%;}

legend{color:#000;}

a{color:#000;text-decoration:none;}

a:hover{text-decoration:underline;}

a:focus,object:focus {outline:0;}

html{color:#000;background:#fff;width:100%;height:100%;}

body{width:100%;font:normal 75%/150% Arial,Helvetica,sans-serif;}



/*

Typography

*/

h1,h2,h3,h4,h5,h6{font-weight:bold; color: #463c1a;}

h1{font-size:3em;line-height:1em;margin-bottom:0.5em;clear:both;}/* Rubrik */

h1.pinch{letter-spacing:-.03em;}

h1.spar{letter-spacing:.08em;}

h2{font-size:2em;line-height:1em;margin-bottom:.75em;clear:both;} /* Underrubrik */

h3{font-size:1.5em;line-height:1em;margin-bottom:1em;} /* Nedtryckare */

h4{font-size:1.2em;line-height:1.25em;margin-bottom:1.25em;} /* Ingress */

h5{font-size:1em;margin-bottom:1.5em;} /* Mellanrubrik */

h6{font-size:1em;} /* Ingångsrubrik */

p{margin-bottom:1.5em;}

/*p+p{text-indent:1.5em;}

p:first-child:first-letter{float:left;font-size:5em;margin:-.3em .125em -.5em 0;}*/

img.left{float:left;margin:10px 10px 10px 0;}

img.center{margin: 10px auto;}

img.right{float:right;margin:10px 0 10px 10px;}



body {

    background: #6ce0f9 url("../img/bg.png") left top repeat-x;

    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53d6ee', endColorstr='#ffffff');

    background: -webkit-gradient(linear, left top, left bottom, from(#53d6ee), to(#fff));

    background: -moz-linear-gradient(top,  #53d6ee,  #fff);*/

}



#container {

    width: 800px;

    margin: 0 auto;

}



#header {

	width: 1000px;

	height: 200px;

	margin-top: 10px;

	margin-left: -100px;

	background: transparent url("../img/header.png") left top no-repeat;

}

	#index {

		display: block;

		height: 149px;

		text-indent: -10000px;

	}

	#nav a {

		line-height: 30px;

		padding: 0 10px;

		color: #fff;

	}

	#subnav a {

		line-height: 20px;

		padding: 1px 5px 0 5px;

		color: #fff;

		font-size: .833em;

	}



#content {

	min-height: 500px;

	margin: 0 10px 0 10px;

    background: #f2f2f2;

	padding: 10px 40px;

}

	#content ul,

	#content ol {

		margin: 20px 30px;

	}

		#content ul>li {

			list-style: disc;

		}

		#content ol>li {

			list-style: decimal;

		}

	#content a {

		text-decoration: underline;

		color: #4BAD0C;

	}

	#content strong {

		font-weight: bold;

	}

	#content em {

		font-style: italic;

	}

#footer {

	width: 1000px;

	height: 300px;

	margin: 0 0 0 -100px;

	background: transparent url("../img/footer.png") left top no-repeat;

    text-align: center;

	overflow: hidden;

}

	#footer p {

		margin-top: 275px;

		color: #fff;

	}



.nav {

        position:relative;

        overflow:hidden;

        white-space:nowrap;

    }

        .nav>ul {

            position:relative;

            left:50%;

            float:left;

            clear:left;

        }

            .nav>ul>li {

                position:relative;

                right:50%;

                float:left;

                display:block;

            }

                .nav>ul>li>a {

                    display:block;

                }



.thumbnails {

    display: block;

    width: 100%;

    overflow: hidden;

	margin: 0!important;

}

    .thumbnails>li {

		display: block;

		list-style: none!important;

        float: left;

		width: 130px;

		height: 100px;

		margin: 0 10px 10px 0;

		cursor: pointer;

		overflow: hidden;

    }

		.thumbnails>li>img {

			display: block;

			height: 100px;

			border-radius: 5px;

			/*-moz-border-radius: 5px;

			-webkit-border-radius: 5px;*/

		}

			/*

			.thumbnails>li>img:hover {

				outline: 2px solid #1f87b2;

			}*/



/*

Lightbox

*/

.lightbox {

	position: absolute;

	background: #fff;

	border: 10px solid #fff;

	width: 200px;

	height: 200px;

	top: 50%;

	left: 50%;

	margin: -100px;

	overflow: hidden;

	z-index: 2;

	visibility: hidden;

}

.lightbox-loading {

	background: transparent url("../img/loading.gif") center center no-repeat;

}

.lightbox .content {

	position: relative;

	overflow: hidden;

}

	.lightbox .content .image {

		position: relative;

	}

	.lightbox .content .image .next,

	.lightbox .content .image .previous {

		display: block;

		top: 0;

		width: 49%;

		height: 100%;

		outline: 0;

	}

		.lightbox .content .image .next	{

			float: right;

		}

			.lightbox .content .image .next:hover {

				background: transparent url("../img/next.gif") 100% 15% no-repeat;

			}



		.lightbox .content .image .previous {

			float: left;

		}

			.lightbox .content .image .previous:hover {

				background: transparent url("../img/previous.gif") 0% 15% no-repeat;

			}



	.lightbox .content .bottom {

		position: relative;

		width: 100%;

		overflow: hidden;

		text-align: left;

	}

		.lightbox .content .bottom .title {

			margin: .3em;

		}

		.lightbox .content .bottom .close {

			display: inline;

			float: right;

			width: 32px;

			height: 32px;

			background: transparent url("../img/close.gif") center center no-repeat;

			margin: 10px 0 10px 10px;

		}