/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
img { margin-bottom: 5px; }
p { margin-bottom: 10px; }
dl,h1,h2,h3,h4,h6,ol,pre,table,address,fieldset,blockquote { margin-bottom: 15px; }

body {
	border-top: 6px solid #E3051C;
	background: #3a3a3a url(../img/carbon.png) repeat scroll 0 0;
	color: #fff;
	font: 14px/1.6 Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

::-moz-selection { background: #e3051b; color: #fff; text-shadow: none; }
::selection { background: #e3051b; color: #fff; text-shadow: none; }


h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: 400;
	line-height: 1.25;
}
h2 small { font-size: 18px;}
h3 {
	border-left: 3px solid rgb(227, 5, 27);
	font-size: 18px;
	font-weight: 400;
	padding: 5px 15px;
	margin-bottom:0;
	background-color:#3a3a3a;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
h2 span, h3 span {
	color: rgb(227, 5, 27)
}
h4 {
	color: #fff;
	letter-spacing: -0.1px;
}
h5 {
	font-size: 13px;
	letter-spacing: -0.1px;
	text-align:center;
	text-transform:uppercase;
	padding:10px 0;
	color:#fff;
	font-weight: 600;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
}

a, a > * {
	color: #fff;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover { color: #e3051b; }

hr {
	/*border-top: #ddd 1px solid;
	margin-bottom:25px;*/

	font-size: 32px;
	margin-bottom: 30px;
	/*border-bottom:  1px solid #333;*/
}
hr.nospace { margin:0;}

.single-image {
	cursor: pointer;
	display: block;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}
.thirty li{ margin-left: 30px;} 
.image-gallery { margin:0; padding:0}
.image-gallery > li {
		padding:0;
		margin-bottom: 10px; 
		border-bottom: 1px solid transparent;
		overflow: hidden;
		position: relative;
		width:180px;
		display:inline-block;
	}
		
		.image-gallery li img {
			background-color: #fff;
			margin: 10px;
			border: 1px solid #efefef;
			padding:5px;
		}
		.image-gallery > li:hover {
			background: #292929;
			border-bottom: 1px solid #e3051b;
			filter: alpha(opacity=70); 
			opacity:0.7;
		}

/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */


.align-center { margin-left: auto; margin-right: auto; text-align: center; }

.align-left { float: left; }

	img.align-left { 
		margin-right: 15px;
		padding:5px;
		background-color: #fff;
		border: 1px solid #efefef;
	}

.align-right { float: right; }

	img.align-right { margin-bottom: 15px; margin-left: 15px; }


/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */


.container {
	margin: 0 auto;
	position: relative;
	width: 940px;

}

	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */

	.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
		float: left;
		margin-right: 25px;

	}
	.two-third, .kontakt {
		border-left:1px solid #E3051B;		
	}
	.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px;}

	.one-half { width: 457px; }

	.one-third { width: 295px; }

		.two-third { width: 618px; }

	.one-fourth { width: 219px; }

		.three-fourth { width: 696px; }
		
	section article { padding:20px 20px 10px 20px; }

	.not-ie .image-gallery > li:hover:after,.not-ie #extra-items > article:hover:after{
		background: #E3051C;
		bottom: -2.5px;
		content: '';
		left: 50%;
		display: block;
		height: 5px;
		margin: 0 0 0 -2.5px;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
				transform: rotate(45deg);
		position: absolute;
		width: 5px;
	}
		
	#extra-items > article {
		padding:0;
		margin-bottom: 40px; 
		border-bottom: 1px solid #333;
		overflow: hidden;
		position: relative;

		
	}
		#extra-items article a {
			display: block;
			text-align: center;
		}
		#extra-items article img {
			background-color: #333;
			margin: 20px auto -5px;
			padding:5px;
		}
		#extra-items > article:hover {
			background: #292929;;
			border-bottom: 1px solid #e3051b;
		}
		#klimatyzacja h3, #tlumiki h3,#szyby h3{ margin:10px 10px 15px 10px;}
		#klimatyzacja p, #tlumiki p, #szyby p{ margin:0 30px;}
		#klimatyzacja ul, #szyby ul { margin-left:30px; }
		
		#extra-items > article:hover h5{ color: #e3051b; }
		#klimatyzacja, #tlumiki, #szyby { display: none;}
		

		#map {
			height:443px;
			color:#000;
		}
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	margin:20px auto 15px;
	height: 86px;
	z-index: 97;
}

	#logo {
		float: left;
		height: 86px;
	}

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */

	#main-nav {
    
		float:right;
	 	margin: 25px 0 0;
		
	}
	#main-nav > a { display: none;}
	#main-nav > ul { margin: 0; }
	

	#main-nav li {
		list-style: none;
		float: left;
		margin: 0;
		position: relative;
		border-right: 1px solid rgba(9, 9, 9, 0.125);
  	    border-top: 3px solid transparent;
		border-bottom: 1px solid #aaa;

	
		
		
		/* gradient */
	
		background-color: #f0f0f0;
		background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
		background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
		
		border-right: 1px solid rgba(9, 9, 9, 0.125);
		
		/* highlight */
		
		box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
		-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
		-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	}
	
	#main-nav li a {
    
		color: #3a3a3a;
		font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-size: 12px;
		font-weight: 600;
		display: block;
		letter-spacing: -0.08px;
		padding: 12px 10px;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		z-index: 98;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);	
	}
	#main-nav .current a, #main-nav .current a:hover {
		color:#e3051b;
	}
	#main-nav .current, #main-nav .current:hover {
		border-bottom-color: #e3051b;
		border-top-color: #e3051b;
		background: #fff;

		
	}
	#main-nav li:hover {
		border-top-color: #c3c3c3;
		background:#eee;
	  
	}
	.not-ie #main-nav .current:after {
		
		bottom: -5px;
		content: '';
		left: 50%;
		display: block;
		
		margin: 0 0 0 -5px;

		width: 0px;
		height: 0px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #f00;

		position: absolute;

	}
	
	/*skew*/

	#main-nav li{
	 		-webkit-transform:skew(-8deg);
		    -moz-transform:skew(-8deg);
		    -ms-transform:skew(-8deg);
		    -o-transform:skew(-15deg);
		    transform:skew(-8deg);
	}

	#main-nav a{
	   -webkit-transform:skew(8deg);
		    -moz-transform:skew(8deg);
		    -ms-transform:skew(8deg);
		    -o-transform:skew(8deg);
		    transform:skew(8deg);
	}

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

#content {
	padding-top:20px
}
	.page-header {
		border-bottom:  1px solid #333;
		margin: 0 0 30px;
		padding-bottom:20px;
	}

	.slogan, .page-title, .page-description {
		font-weight: 300;
		letter-spacing: -0.1px;
		margin-top: -10px;
	}
				
	.slogan {
		font-size: 24px;
		padding:20px 0;
	}
	.page-title {
		font-size: 26px;
		text-transform:uppercase;

	}

	.page-description {
		font-size: 32px;
		font-weight: 400;

	}
	.page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
		
		margin-top: 0;
	}

/* ---------------------------------------------------------------------- */
/*	Listy
/* ---------------------------------------------------------------------- */

.address-block li{
	padding-left:25px;
	list-style: none;
	margin:0 0 6px 0;
}

.address-block .address { background: url(../img/icon-address.png) no-repeat top left  }

.address-block .phone { background: url(../img/icon-phone.png) no-repeat top left}

.address-block .mobile { background: url(../img/icon-mobile.png) no-repeat top left }

.address-block .email { background: url(../img/icon-email.png) no-repeat top left }
.address-block .time { background: url(../img/icon-time.png) no-repeat  0 1px  }
.address-block .gg { background: url("http://status.gadu-gadu.pl/users/status.asp?id=10240617&styl=1") no-repeat top left }
.address-block .more { background: url(../img/icon-more.png) no-repeat top left }
.arrow  li { 
	font-weight:600;
	padding-bottom:10px;
}
.arrow li, .arrow2 li {
	list-style: none;
	margin: 0;
	
}
.arrow li ul li
{
	font-weight:normal;
}
.arrow li ul li,.arrow2 li {
	background: url("../img/marker2.png") no-repeat scroll 0px 11px transparent;
	padding: 4px 15px 0; 
	margin-left:10px;
}

.last .arrow{ margin-top:32px;}

ul.none {
	list-style: none;
	margin: 0;
}
.pointer {
	background: url("../img/marker2.png") no-repeat scroll 0px 11px transparent;
	padding: 4px 0px 0px 15px;
	font-weight:normal;
	margin-left:20px;
}

/* -------------------------------------------------- */
/*	Back to Top
/* -------------------------------------------------- */

#back-to-top, .touch-device #back-to-top:hover {
	background: url(../img/arrow-up-large.png) no-repeat center center;
	background-color: rgb(221, 221, 221);
	background-color: rgba(221, 221, 221, .7);
	bottom: 20px;
	color: transparent;
	display: none;
	font: 0/0 a;
	height: 46px;
	position: fixed;
	right: 20px;
	text-shadow: none;
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		 -o-transition: all .2s ease;
			transition: all .2s ease;
	width: 45px;
	z-index: 100;
}

	#back-to-top:hover, .touch-device #back-to-top:active { background-color: #e3051b; }
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	background: #303030;
	color: #868686;
	margin-top: 10px;
	padding: 10px 0 10px;
	position: relative;
	border-top: #333 1px solid;
	border-bottom: #101010 1px solid;
}


	x:-o-prefocus, .not-ie #footer:before { display: none; } /* Fix for Opera */

	#footer, #footer a,
	#footer-bottom, #footer-bottom a { color: #868686; }

		#footer a:hover,
		#footer-bottom a:hover { color: #e3051b; }

	#footer .title {
		border-bottom: 1px solid #4b4b4b;
		display: block;
		font-size: 10px;
		margin: 0 0 12px;
		padding: 0 0 12px;
		text-transform: uppercase;
	}

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

	#footer-nav {
		border-bottom: 1px solid #4b4b4b;
		margin: 0 0 12px;
		padding: 0 0 12px;
	}

		#footer-nav ul { margin: 0; }

			#footer-nav li {
				background: none;
				border: none;
				display: inline-block;
				list-style: none;
				margin: 0 -3px 0 0;
			}
			
			.ie7 #footer-nav li { display: inline; }

				 #footer-nav li a {
					border-left: 1px solid #484848;
					color: #fff;
					font-size: 10px;
					display: block;
					padding: 0 15px;
					text-transform: uppercase;
				}
			
				#footer-nav li:first-child a {
					border-left: none;
					padding-left: 0;
				}

				#footer-nav li:last-child a { padding-right: 0; }

	/* -------------------------------------------------- */
	/*	Contact Info
	/* -------------------------------------------------- */

	#footer .contact-info {}

	.contact-info { margin: 0; }

		.contact-info li {
			float: left;
			list-style: none;
			margin: 0 0 0 24px;
			padding: 0 0 0 24px;
		}

		.contact-info li:first-child { margin-left: 0; }

		.contact-info .address { background: url(../img/icon-address.png) no-repeat 0 0; }

		.contact-info .mobile { background: url(../img/icon-mobile.png) no-repeat 0 0; }

		.contact-info .email { background: url(../img/icon-email.png) no-repeat 0 0; }
		
		.contact-info iframe {display:block;width:80px; height:20px; }
		

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

#footer-bottom {
	background: #292929;
	line-height: 10px;
	padding: 10px 0;
	border-top: #333 1px solid;
	border-bottom: #101010 1px solid;
}

	#footer-bottom ul { margin: 0; }

		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #484848;
				display: block;
				padding: 0 15px;
			}

			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}

				#footer-bottom li:last-child a { padding-right: 0; }

/* ---------------------------------------------------------------------- */
/*	media Queries
/* ---------------------------------------------------------------------- */
@media only screen and (max-width: 959px) {

#logo { max-height: 100%; }

#content img {
		height: auto;
		max-width: 100%;
	}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.container { width: 748px; }

	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#header { height: 72px; }

	#logo { margin-top: -7px; }

	/* ---------------------------------------- */
	/*	Main Navigation
	/* ---------------------------------------- */
	#main-nav { margin: 20px 0 0; }
	#main-nav li a { 
		padding: 12px 7px; 
		font-size:11px;
	}
	/* ---------------------------------------- */
	/*	Slider
	/* ---------------------------------------- */
	
	.lof-slidecontent,
	.main-slider-content {
		width: 742px;
		height: 339px;
	}
	
	.main-slider-content img {
		width: 742px;
	}
	

	.lof-slidecontent .navigator-content .button-previous {

	  right: 230px;

	}

	  .lof-slidecontent .navigator-content .button-next,
	  .main-slider-content .navigator-content .button-next {

 		 right:198px;
	  
	  }
	  
	  .left {

	  	top:35px;
	  }
	  .right {
	  	right:190px;
	  	top:25px;
	  }
	  /* -------------------------------------------------- */
	  /*	Columns
	  /* -------------------------------------------------- */
	  .one-half { width: 364px; }

			.one-third { width: 236px; }

		.two-third { width: 492px; }

		.one-fourth { width: 172px; }

			.three-fourth { width: 556px; }

		.one-half,  .two-third, .one-fourth, .three-fourth {
			float: left;
			margin-right: 18px;
		}
	.one-third {margin-right: 20px;}
	
	#extra-items article img {
		background-color: #333;
		padding:2px;
		margin: 20px auto -5px;
		width: 200px;
	}

		
	#extra-items > article {
		padding:0;
		margin-bottom: 20px; 
		border-bottom: 1px solid #333;
		overflow: hidden;
		position: relative;		
	}
	/* ---------------------------------------------------------------------- */
	/*	Contact
	/* ---------------------------------------------------------------------- */
	#map { width: inherit; }
	
	/* ---------------------------------------------------------------------- */
	/*	Image Gallery
	/* ---------------------------------------------------------------------- */
	.thirty li{ margin-left: 10px;}

	.image-gallery > li {
		width:150px

	}
	.image-gallery img {
		width:120px;
	}
}

@media only screen and (max-width: 767px) {
	
			
	/* -------------------------------------------------- */
	/*	Generic Classes
	/* -------------------------------------------------- */

	.align-left, .align-right { float: none; }
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 300px; }

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half, #main .one-half  { width: 300px; }

			.one-third, #main .one-third { width: 300px; }

		.two-third, #main .two-third { width: 300px; }

		.one-fourth, #main .one-fourth { width: 300px; }

			.three-fourth, #main .three-fourth { width: 300px; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#header { height: auto; }

		#logo {
			display: block;
			float: none;
			text-align: center;
		}

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */
	#main-nav li { width:152px; }
	/*skew*/
	#main-nav li{
	 		-webkit-transform:skew(0deg);
		    -moz-transform:skew(0deg);
		    -ms-transform:skew(0deg);
		    -o-transform:skew(0deg);
		    transform:skew(0deg);
	}

	#main-nav a{
	   -webkit-transform:skew(0deg);
		    -moz-transform:skew(0deg);
		    -ms-transform:skew(0deg);
		    -o-transform:skew(0deg);
		    transform:skew(0deg);
	}
	/* ---------------------------------------- */
	/*	Slider
	/* ---------------------------------------- */
	
	.lof-slidecontent,
	.main-slider-content {
		width: 454px;
		height: 168px;
	}
	
	.main-slider-content img {
		width: 454px;
	}
	.navigator-wrap-inner {
		display: none;
	}
	.lof-slidecontent .slider-description {
		width:200px;
	}
	.lof-slidecontent .slider-description h4 {

		font-size:18px;
		margin:0 0 5px 0;
		line-height: 18px;
	}

	.lof-slidecontent .navigator-content .button-next,
	.lof-slidecontent .navigator-content .button-previous,
	.lof-slidecontent .navigator-content .button-control {
	
		bottom:0;
		display: block;
		width: 30px;
		height: 30px;
		z-index: 999;
		
	}

	.lof-slidecontent .navigator-content .button-previous {

	  
	  left:0px;

	}

	  .lof-slidecontent .navigator-content .button-next,
	  .main-slider-content .navigator-content .button-next {

 		 
 		 left:424px;
 		 
	  
	  }
	  
	  .left {
	  	left:30px;	
	  	top:0px;
	  }
	  .right {
	  	right:500px;
	  	top:25px;
	  }

	.contact-info li {
		border-bottom: 1px dotted #4b4b4b;
		float: none;
		margin-left: 0;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.contact-info li.like { width:inherit; padding-left: 0;}

	/* ---------------------------------------------------------------------- */
	/*	Image Gallery
	/* ---------------------------------------------------------------------- */
	.thirty li{ margin-left: 10px;}

	.image-gallery > li {
		width:180px

	}
	.image-gallery img {
		width:149px;
	}
	article img[alt^="tester"] { display: none; }

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */
	
	.container { width: 460px; }

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half, #main .one-half { width: 460px; }

		.one-third, #main .one-third { width: 460px; }

			.two-third, #main .two-third { width: 460px; }

		.one-fourth, #main .one-fourth { width: 460px; }

			.three-fourth, #main .three-fourth { width: 460px; }

		
		
		.last article { 
			padding-top:0; 
			padding-bottom: 0;
		}
			

		.last .arrow{ margin-top:0px;}
		
		.address-block { margin-top: 20px;}

	

}


@media only screen and (max-width: 479px) {
	
	#main-nav > a
	{
		width: 3.125em; /* 50 */
		height: 3.125em; /* 50 */
		text-align: left;
		text-indent: -9999px;
		background-color: #E2041B;
		position: relative;
	}
		#main-nav > a:before,
		#main-nav > a:after
		{
			position: absolute;
			border: 2px solid #fff;
			top: 35%;
			left: 25%;
			right: 25%;
			content: '';
		}
		#main-nav > a:after
		{
			top: 60%;
		}

		#main-nav:not( :target ) > a:first-of-type,
		#main-nav:target > a:last-of-type
		{
			display: block;
		}


	/* first level */

	#main-nav > ul
	{
		height: auto;
		display: none;
	
	}
		#main-nav:target > ul
		{
			display: block;
		}
		#main-nav {}
		#main-nav li { width: 100%; }

	/* ---------------------------------------- */
	/*	Slider
	/* ---------------------------------------- */
	
	.lof-slidecontent,
	.main-slider-content {
		width: 300px;
		height: 160px;
	}
	
	.main-slider-content img {
		width: 300px;

	}
	#content img {
		height: 160px;
		max-width: 100%;
	}
	.navigator-wrap-inner {
		display: none;
	}
	.lof-slidecontent .slider-description {
		width:200px;
	}
	.lof-slidecontent .slider-description h4 {

		font-size:18px;
		margin:0 0 5px 0;
		line-height: 18px;
	}

	.lof-slidecontent .navigator-content .button-next,
	.lof-slidecontent .navigator-content .button-previous,
	.lof-slidecontent .navigator-content .button-control {
	
		bottom:0;
		display: block;
		width: 30px;
		height: 30px;
		z-index: 999;
		
	}

	.lof-slidecontent .navigator-content .button-previous {

	  
	  left:0px;

	}

	  .lof-slidecontent .navigator-content .button-next,
	  .main-slider-content .navigator-content .button-next {

 		 
 		 left:270px;
 		 
	  
	  }
	  
	  .left {
	  	left:30px;	
	  	top:0px;
	  }
	  .right {
	  	right:500px;
	  	top:25px;
	  }
	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

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

		#footer-nav li {
			border-top: 1px dotted #4b4b4b;
			padding: 5px 0;
			width: 100%;
		}
		
		#footer-nav li:first-child { border-top: none; }

			#footer-nav li a {
				border: none;
				padding: 0;
			}
}