/*document wrapper*/
body{
	margin:0 auto 50px auto;
	padding:0;
	
	font-size:18px;
	text-align:left;
	line-height:24px;
	font-family:Exo;
	
	background-color:rgb(255,255,255);
	background-image:url(../images/site_elements/background.gif);
	background-attachment:fixed;
	/*background:url(../images/telecharger-cube-noir-original-539.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:100%;*/
}

.notReady{
	display:block;
	margin:25px;
}

*::selection {
	background-color:transparent;
	color:rgb(255,115,0);
}
*::-moz-selection {
	background-color:transparent;
	color:rgb(255,115,0);
}

h1{
	font-size:30px;
	font-weight:bold;
	line-height:30px;
}
h2{
	font-size:18px;
	line-height:50px;
}
h3{
	font-size:15px;
	line-height:50px;
}

@media all and (max-width: 599px) {
	h1{
		font-size:16px;
		line-height:30px;
	}
	h2{
		font-size:14px;
		line-height:24px;
	}
	h3{
		font-size:10px;
		line-height:12px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	h1{
		font-size:18px;
		line-height:30px;
	}
	h2{
		font-size:16px;
		line-height:50px;
	}
	h3{
		font-size:10px;
		line-height:18px;
	}
}
@media all and (min-width: 900px) {
	h1{
		font-size:24px;
		line-height:30px;
	}
	h2{

	}
	h3{
		font-size:18px;
		line-height:22px;
	}
}

p, ul{
	font-size:16px;
	text-align:left;
	line-height:32px;
}
@media all and (max-width: 599px) {
	p, ul{
		font-size:14px;
		text-align:left;
		line-height:24px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	p, ul{
		font-size:16px;
		text-align:left;
		line-height:32px;
	}
}
@media all and (min-width: 900px) {
	p, ul{
		font-size:16px;
		text-align:left;
		line-height:32px;
	}
}
#wrapper{
	height:100%;
	width:870px;
	margin:0 auto;
	padding:0;
	
	position:relative;
	overflow:hidden;
	
	background:rgba(255,255,255,0.2);
	box-shadow:0 0 20px rgba(85,90,95,0.8);
}
/*logo w stopce*/
#wrapper #logo{
	width:70px;
	height:70px;
	
	position:absolute;
	bottom:0;
	right:10px;
	
	background:url(../images/site_elements/img_logo.png);
}
@media all and (max-width: 599px) {
	#wrapper{
		width:290px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	#wrapper{
		width:580px;
	}
}
@media all and (min-width: 900px) {
	#wrapper{
		width:870px;
	}
}

/*maintanance*/
.maintanance{
	width:870px;
	height:1100px;
	margin:0;
	padding:0;
	
	position:relative;
	
	background:url(../images/site_elements/img_maintanance900.png);
}

@media all and (max-width: 599px) {
	.maintanance{
		width:290px;
		height:660px;
		background:url(../images/site_elements/img_maintanance300.png);
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.maintanance{
		width:580px;
		height:860px;
		background:url(../images/site_elements/img_maintanance600.png);
	}
}
@media all and (min-width: 900px) {
	.maintanance{
		width:870px;
		height:1100px;
		background:url(../images/site_elements/img_maintanance900.png);
	}
}

/*index*/
.index{
	width:870px;
	height:1100px;
	margin:0;
	padding:0;
	
	position:relative;
	
	background:url(../images/site_elements/img_index900.png);
}

@media all and (max-width: 599px) {
	.index{
		width:290px;
		height:660px;
		background:url(../images/site_elements/img_index300.png);
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.index{
		width:580px;
		height:860px;
		background:url(../images/site_elements/img_index600.png);
	}
}
@media all and (min-width: 900px) {
	.index{
		width:870px;
		height:1100px;
		background:url(../images/site_elements/img_index900.png);
	}
}

/*headers*/
#header1, #header2{
	width:870px;
	height:50px;
	margin:0;
	padding:0;
	float:left;
	/*background:url(../images/img_header1-900.png);*/
}
#header1{
	position:fixed;
	z-index:1000;
	
	color:rgb(15,20,25);
	box-shadow:0px 0px 10px rgb(15,20,25);
	cursor:pointer;
}
#header2{
	display:none;/*ukrywanie nagłówka slidera innych projektów z danej kategorii, gdy nie ma JS*/
	color:rgb(255,255,255);
}
#header1 h1{
	margin:10px 10px 10px 46px;
}
#header2 h1{
	margin:10px 10px 10px 10px;
}
#header2 h1 a{
	color:rgb(15,20,25);
}
#menuButton{
	width:820px;
	height:50px;
	float:left;
	
	text-shadow: 1px 1px rgb(115,120,125);
	background: url(../images/site_elements/img_header1-900.png);
}
#menuButton:hover{
	background-position:bottom;
}
#homeButton{
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	float:left;
	
	background: url(../images/site_elements/img_home.png);
}
#homeButton:hover{
	background-position:bottom;
}

@media all and (max-width: 599px) {
	#header1, #header2{
		width:290px;
	}
	#menuButton{
		width:240px;
		background: url(../images/site_elements/img_header1-300.png);
	}
	#header2{
		background: url(../images/site_elements/img_header2.png);
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	#header1, #header2{
		width:580px;
	}
	#menuButton{
		width:530px;
		background: url(../images/site_elements/img_header1-600.png);
	}
	#header2{
		background: url(../images/site_elements/img_header2.png);
	}	
}
@media all and (min-width: 900px) {
	#header1, #header2{
		width:870px;
	}
	#menuButton{
		width:820px;
		background: url(../images/site_elements/img_header1-900.png);
	}
	#header2{
		background: url(../images/site_elements/img_header2.png);
	}	
}







/*main menu*/
#menu{
	position:absolute;
	width:290px;
	left:0;
	top:50px;
	z-index:100;
	display:none;/*ukrywanie menu projektów/publikacji, gdy nie ma JS*/
}
#menuButton:hover #menu{
	display:block;/*wyświetlanie menu projektów/publikacji, gdy nie ma JS*/
}
#menu ul li{
	width:290px;
	height:30px;
	
	display:block;
	
	background:rgba(255,255,255,0.8);
}
#menu ul li.liProject{
	width:270px;
	
	border-bottom:1px solid rgb(125,130,135);
	padding:15px 0 0 20px;
}
#menu ul li a{
	margin:0 40px;
	
	display:block;
	
	color:rgb(65,70,75);
	text-shadow: 1px 1px rgb(255,255,255);
	font-size:16px;
	font-weight:bold;
	/*text-align:center;*/
	line-height:30px;
}
#menu ul li a:hover{
	color:rgb(15,20,25);
	text-shadow: 1px 1px rgb(255,255,255);
}
/*startMenu*/
.startMenu{
	
	border-top:3px groove rgb(245,250,255);
}
.startMenu h3{

}
.startMenu:hover {
	
}
/*menuProjects*/
#menuProjects,
#menuPublications{
	width:270px;
	height:270px;
	margin:10px;
	padding:0;
	
	position:absolute;
	left:0;
	top:0;
	display:none;/*ukrywanie menu projektów/publikacji, gdy nie ma JS*/
	
	background:rgba(255,255,255,0.8);
	z-index:100;
}
.projekty:hover #menuProjects,
.realizacje:hover #menuPublications{
	display:block;/*wyświetlanie menu projektów/publikacji, gdy nie ma JS*/
}
#menuProjects ul li,
#menuPublications ul li{
	width:270px;
	height:30px;
	
	display:block;
}
#menuProjects ul li a,
#menuPublications ul li a{
	margin:0 0 0 10px;
	display:block;
	color:rgb(65,70,75);
	text-shadow: 1px 1px rgb(255,255,255);
	font-size:16px;
	font-weight:bold;
	/*text-align:center;*/
	line-height:30px;
}
#menuProjects ul li a:hover,
#menuPublications ul li a:hover{
	color:rgb(15,20,25);
	text-shadow: 1px 1px rgb(255,255,255);
	/*outline:1px solid rgb(255,115,0);*/
}

.menuClose{
	width:290px;
	height:50px;
	
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	
	cursor:pointer;
	background:url(../images/site_elements/img_menuClose.png);
}
.menuClose:hover{
	background-position:bottom;
}

/*boxes section*/
#boxes{
	margin:50px 0 0 0;
}
.box{
	width:290px;
	height:290px;
	margin:0;
	padding:0;
	
	float:left;
	position:relative;
}
.box h2{
	height:50px;
	width:290px;
	
	display:block;
	
	color:rgb(255,255,255);
}
	/*boxy strony startowej*/
	.projekty{
		position:relative;
		background:url(../images/site_elements/img_projekty.png);
		cursor:pointer;
	}
	.projekty:hover{
		background-position:right;
	}
	.realizacje{
		position:relative;
		background:url(../images/site_elements/img_realizacje.png);
		cursor:pointer;
	}
	.realizacje:hover{
		background-position:right;
	}
	.zespol{
		background:url(../images/site_elements/img_zespol.png);
	}
	.zespol:hover{
		background-position:right;
	}
	.oferta{
		background:url(../images/site_elements/img_oferta.png);
	}
	.oferta:hover{
		background-position:right;
	}
	.kontakt{
		background:url(../images/site_elements/img_kontakt.png);
	}
	.kontakt:hover{
		background-position:right;
	}
	.referencje{
		background:url(../images/site_elements/img_referencje.png);
	}
	.referencje:hover{
		background-position:right;
	}

.boxNoJs{
	
}
.boxNoJs .imageMask{
	width:270px;
	height:270px;
	
	position:absolute;
	top:10px;
	left:10px;
	
	overflow:hidden;
}

/*///////////////////////////////////NAVBAR*/
.navbar{
	width:100%;
	margin:5px;
	display:block;
	height:100%;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
}
.navbar ul {
	height:100%;
	overflow:hidden;
}
.navbar ul li {
	float:left;
	display:block;
	width:34px;
	height:34px;
	text-align: center;
	line-height:34px;
	padding:0;
	margin:3px;
}
.navbar ul li a{
	display:block;
	width:100%;
	height:100%;
	padding:0;
	color:rgb(255,255,255);
}
.navbar ul li a:hover{
	color:rgb(245,250,255);
}
.navbar ul li.nav_button {
	border:3px groove rgb(245,250,255);
}
.navbar ul li.nav_button_current{
	border:3px groove rgb(245,250,255);
}
.navbar ul li.nav_button_current a{
	font-weight:bold;
	color:rgb(15,20,25);
}



/*boxes heights*/
.category{

}
.category:hover{

}
.category img{
	height:270px;
}
.category h2{
	width:260px;
	height:50px;
	padding:0 0 0 10px;
	
	display:block;
	position:absolute;
	bottom:10px;
	left:10px;
	
	color:rgb(15,20,25);
	text-shadow:1px 1px rgb(115,120,125);
	background-color:rgb(85,90,95);
}

.teamGroup{
	height:50px;
	
	border-top:3px groove rgb(125,130,135);
	color:rgb(15,20,25);
	text-shadow: 1px 1px rgb(115,120,125);
	background-color:rgb(85,90,95);
}

.teamPerson{
	height:120px;
	
	border-top:3px groove rgb(125,130,135);
	color:rgb(15,20,25);
	text-shadow: 1px 1px rgb(115,120,125);
	background-color:rgb(100,105,110);
}
.teamPerson img{
	height:100px;
	
	position:absolute;
	right:10px;
	bottom:10px;
}
.teamGroup h2, .teamPerson h2{
	height:50px;
	
	display:block;
	
	color:rgb(15,20,25);
	text-shadow: 1px 1px rgb(115,120,125);
}
.teamPerson p{
	float:left;
}
.teamPhoto img{
	width:100%;
}
@media all and (max-width: 599px) {
	.teamGroup, .teamPerson{
		width:290px;
		height:60px;
	}
	.teamGroup h2, .teamPerson h2{
		width:270px;
		height:24px;
		padding:5px 10px 0 10px;
	}
	.teamPerson p{
		width:270px;
		padding:0 10px 0 10px;
	}
	.teamPerson img{
		display:none;
	}
}
	@media all and (min-width: 600px) and (max-width: 899px) {
	.teamGroup, .teamPerson{
		width:580px;
	}
	.teamGroup h2, .teamPerson h2{
		width:560px;
		height:50px;
		padding:0 20px;
	}
	.teamPerson p{
		width:430px;
		padding:0 20px;
	}
}
@media all and (min-width: 900px) {
	.teamGroup, .teamPerson{
		width:870px;
	}
	.teamGroup h2, .teamPerson h2{
		width:720px;
		height:50px;
		padding:0 20px;
	}
	.teamPerson p{
		width:720px;
		padding:0 20px;
	}
}




.article{
	width:870px;
	height:900px;
	
	overflow:scroll;
	background-color:rgb(65,70,75);
}
.article p, .article ul{
	color:rgb(240,250,255);
	text-align:left;
}
.article ul{
	list-style:disc;
}
@media all and (max-width: 599px) {
	.article{
		width:290px;
	}
	.article h3{
		width:290px;
	}
	.article p, .article ul{
		width:250px;
		margin:20px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.article{
		width:580px;
	}
	.article h3{
		width:580px;
	}
	.article p, .article ul{
		width:540px;
		margin:20px;
	}
}
@media all and (min-width: 900px) {
	.article{
		width:870px;
	}
	.article h3{
		width:870px;
	}
	.article p, .article ul{
		width:530px;
		margin:15px 20px 15px 295px;
	}
}


.offer{
	width:870px;
	height:100%;
	
	background-color:rgb(65,70,75);
}
.offer p, .offer ul{
	color:rgb(240,250,255);
	text-align:left;
}
.offer ul{
	list-style:disc;
}
@media all and (max-width: 599px) {
	.offer{
		width:290px;
	}
	.offer h3{
		width:290px;
	}
	.offer p, .offer ul{
		width:250px;
		margin:20px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.offer{
		width:580px;
	}
	.offer h3{
		width:580px;
	}
	.offer p, .offer ul{
		width:540px;
		margin:20px;
	}
}
@media all and (min-width: 900px) {
	.offer{
		width:870px;
	}
	.offer h3{
		width:870px;
	}
	.offer p, .offer ul{
		width:530px;
		margin:15px 20px 15px 295px;
	}
}




.references{
	width:870px;
	height:100%;
	
	background-color:rgb(65,70,75);
	font-size:13px;
}
.references p, .references table{
	color:rgb(245,250,255);
	text-align:left;
	outline:2px groove rgb(95,100,105);
}
.references table th{
	font-weight:bold;
	font-size:18px;
	text-align:left;
	color:rgb(245,250,255);
	
	background-color:rgb(85,90,95);
	border-bottom:2px groove rgb(105,110,115);
}
.references table td{
	/*background-color:rgb(100,105,110);*/
	border-top:2px groove rgb(95,100,105);
}
.references table th, .references table td{
	padding:10px;
}
.references ul{
	padding:0 0 0 10px;
	list-style:disc;
	font-size:14px;
}
.references .nazwa{
	
	border-right:1px solid rgb(75,80,85);
	font-weight:bold;
	/*text-transform:uppercase;*/
	}
	.references .pozostale{
		width:870px;
	}
/*
.references .inwestor{
	border-left:1px solid rgb(75,80,85);
	border-right:1px solid rgb(75,80,85);
}
.references .zakres{
	display:none;
	border-left:1px solid rgb(75,80,85);
	border-right:1px solid rgb(75,80,85);
}
*/
.references .data{
	
	
	text-transform:lowercase;
}

.references img{
	width:260px;
}

@media all and (max-width: 599px) {
	.references{
		width:290px;
	}
	.references h3{

	}
	.references table{
		width:270px;
		margin:10px;
	}
	.references .nazwa{
		width:229px;
	}
	.references .pozostale{
		width:158px;
	}
	/*
	.references .inwestor{
		display:none;
	}
	.references .zakres{
		display:none;
	}
	*/
	.references .data{
		display:none;
		/*width:31px;*/
	}
	.references img{
		width:60px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.references{
		width:580px;
	}
	.references h3{

	}
	.references table{
		width:540px;
		margin:20px;
	}
	.references .nazwa{
		width:499px;
	}
	.references .pozostale{
		width:580px;
	}
	/*
	.references .inwestor{
		width:200px;
	}
	.references .zakres{
		display:none;
	}
	*/
	.references .data{
		display:none;
		/*width:31px;*/
	}
	.references img{
		width:160px;
	}
}
@media all and (min-width: 900px) {
	.references{
		width:870px;
	}
	.references h3{

	}
	.references table{
		width:830px;
		margin:20px;
	}
	.references .nazwa{
		width:789px;
	}
	.references .pozostale{
		width:870px;
	}
	/*
	.references .inwestor{
		width:240px;
	}
	.references .zakres{
		width:200px;
	}
	*/
	.references .data{
		display:none;
		/*width:81px;*/
	}
	.references img{
		width:250px;
	}
}



.address{
	width:870px;
	height:650px;
	
	float:left;
	
	color:rgb(15,20,25);
	font-weight:bold;
	text-shadow: 1px 1px rgb(115,120,125);
	background-color:rgb(85,90,95);
}
.address p{
	width:600px;
	height:250px;
	
	float:left;
	
	font-size:18px;
	text-align:left;
	line-height:24px;
}
.address p.info{
	height:20px;
}
/*CONTACT_FORM*/
.address form{
	width:550px;
	height:350px;
	margin:15px 15px 15px 305px;
	
	float:left;
	
	font-size:18px;
	color:rgb(15,20,25);
	text-shadow: 1px 1px rgb(115,120,125);
	background-color:rgb(85,90,95);
}
.address form label{
	width:260px;
	margin:5px 0;
	
	display:block;
	float:left;
}
.address form input,
.address form textarea{
	width:260px;
	margin:5px 0;
	
	font-size:16px;
	line-height:20px;
	color:rgb(245,250,255);
	background:rgba(245,250,255,0.1);
	border:none;
}
.address form input[type=text]{
	height:30px;
}
.address form input[type=submit]{
	width:100%;
	height:50px;
	
	float:left;
	
	font-weight:bold;
	cursor:pointer;
}
.address form textarea{
	min-height:100px;
}
.address h3.alert{
	float:left;
	
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	color:rgb(245,250,255);
	text-shadow:none;
}

@media all and (max-width: 599px) {
	.address{
		width:290px;
		height:800px;	
	}
	.address h3{
		width:290px;
	}
	.address p{
		width:260px;
		height:250px;
	}
	.address form{
		width:260px;
		height:500px;
	}
	.address p, .address form{
		margin:5px 15px;
	}
	.address h3.alert{
		margin:5px 15px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.address{
		width:580px;
	}
	.address h3{
		width:580px;
	}
	.address p{
		width:550px;
		height:250px;
	}
	.address form{
		width:550px;
		height:350px;
	}
	.address p, .address form{
		margin:5px 15px;
	}
	.address h3.alert{
		margin:0 15px;
	}
}
@media all and (min-width: 900px) {
	.address{
		width:870px;
	}
	.address h3{
		width:870px;
	}
	.address p{
		width:550px;
		height:250px;
	}
	.address form{
		width:550px;
		height:350px;
	}
	.address p, .address form{
		margin:5px 15px 5px 305px;
	}
	.address h3.alert{
		margin:0 15px 0 305px;
	}
}



#map{
	width:100%;
	
	float:left;
	
	background-color:rgb(85,90,95);
}


/*slider na stronie startowej*/
/*slider strony startowej ma proporcje bardziej panoramiczne
w celu pokazania góry przycisków menu startowego*/
.startGallery{
	width:870px;
	height:508px;
	
	float:left;
	display:none;
}
@media all and (max-width: 599px) {
	.startGallery{
		width:290px;
		height:222px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.startGallery{
		width:580px;
		height:414px;
	}
}
@media all and (min-width: 900px) {
	.startGallery{
		width:870px;
		height:606px;
	}
}



/*slider ze zdjęciami projektu*/
.projectGallery{
	width:870px;
	height:652px;
	
	float:left;
	position:relative;
	/*background-image:url(../images/site_elements/img_pattern.png);*/
}
@media all and (max-width: 599px) {
	.projectGallery{
		width:290px;
		height:222px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.projectGallery{
		width:580px;
		height:414px;
	}
}
@media all and (min-width: 900px) {
	.projectGallery{
		width:870px;
		height:606px;
	}
}


/*slider z innymi projektami z danej kategorii*/
.categoryGallery{
	width:870px;
	height:318px;
	
	float:left;
	display:none;/*ukrywanie galerii gdy nie ma JS*/
	overflow:hidden;
}
.categoryGallery .box{
	margin:0;
	padding:0;
	float:left;
	position:relative;
	background-image:url(../images/site_elements/img_boxEffects06.png);
	background-position:left;
}
.categoryGallery .box:hover{
	background-position:right;
}
.categoryGallery .box .imageMask{
	width:270px;
	height:270px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
}
.categoryGallery .box img{
	height:270px;
}
.categoryGallery h3{
	width:260px;
	height:50px;
	padding:0 0 0 10px;
	
	position:absolute;
	bottom:8px;
	left:10px;
	
	color:rgb(15,20,25);
	text-shadow: 1px 1px rgb(115,120,125);
	background-color:rgb(85,90,95);
}
@media all and (max-width: 599px) {
	.categoryGallery{
		width:290px;
		height:125px;
	}
	.categoryGallery .box{
		background-image:url(../images/site_elements/img_boxEffects08.png);
		background-position:left;
	}
	.categoryGallery .box:hover{
		background-position:right;
	}
	.categoryGallery .box .imageMask{
		width:87px;
		height:87px;
		top:5px;
		left:5px;
	}
	.categoryGallery .box img{
		height:87px;
	}
	.categoryGallery h3{
		width:82px;
		height:25px;
		padding:0 0 0 5px;
		
		bottom:3px;
		left:5px;
		
		line-height:25px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.categoryGallery{
		width:580px;
		height:221px;
	}
	.categoryGallery .box{
		background-image:url(../images/site_elements/img_boxEffects07.png);
		background-position:left;
	}
	.categoryGallery .box:hover{
		background-position:right;
	}
	.categoryGallery .box .imageMask{
		width:173px;
		height:173px;
		top:10px;
		left:10px;
	}
	.categoryGallery .box img{
		height:173px;
	}
	.categoryGallery h3{
		width:163px;
		height:40px;
		padding:0 0 0 10px;
		
		bottom:8px;
		left:10px;
		
		line-height:40px;
	}
}
@media all and (min-width: 900px) {
	.categoryGallery{
		width:870px;
		height:318px;
	}
	.categoryGallery .box{
		background-image:url(../images/site_elements/img_boxEffects06.png);
		background-position:left;
	}
	.categoryGallery .box:hover{
		background-position:right;
	}
	.categoryGallery .box .imageMask{
		width:270px;
		height:270px;
		overflow:hidden;
		position:absolute;
		top:10px;
		left:10px;
	}
	.categoryGallery .box img{
		height:270px;
	}
	.categoryGallery h3{
		width:260px;		
		height:50px;
		
		bottom:8px;
		left:10px;
		
		line-height:50px;
	}
}



/*okno z opisem na podstronie projektu*/
.description{
	color:rgb(85,90,95);
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
	background:rgba(255,255,255,0.8);
}
.description p{
	width:700px;
	margin:15px 90px 15px 10px;
}
@media all and (max-width: 599px) {
	.description p{
		width:260px;
		margin:10px;
		
		font-size:14px;
		text-align:left;
		line-height:16px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.description p{
		width:560px;
		margin:10px;
		
		font-size:16px;
		text-align:left;
		line-height:32px;
	}
}
@media all and (min-width: 900px) {
	.description p{
		width:850px;
		margin:10px;
		
		font-size:16px;
		text-align:left;
		line-height:32px;
	}
}
#descriptionButton{
	width:30px;
	height:26px;
	padding:2px 10px;
	
	position:absolute;
	bottom:0;
	right:50px;
	
	font-size: 14px;
	font-weight:bold;
	line-height:30px;
	color:rgb(15,20,25);
	/*background:rgba(255,255,255,0.8);*/
	cursor:pointer;
}
#descriptionButton:hover{
	background:rgba(255,255,255,1);
	color:rgb(15,20,25);
}



/*footer section*/
.footer{
	width:100%;
	height:40px;
	padding:20px 0;
	
	float:left;
	
	border-top:3px groove rgb(245,250,255);
}
.footer a{
	width:500px;
	height:10px;
	margin:2px 10px;
	
	font-size:10px;
	line-height:10px;
	color:rgb(15,20,25);
}
@media all and (max-width: 599px) {
	.footer a{
		width:200px;
		
		font-size:10px;
		line-height:10px;
	}
}
@media all and (min-width: 600px) and (max-width: 899px) {
	.footer a{
		width:500px;
		
		font-size:10px;
		line-height:10px;
	}
}
@media all and (min-width: 900px) {
	.footer a{
		width:500px;
		
		font-size:10px;
		line-height:10px;
	}
}
.footer a:hover{
	color:rgb(0,0,0);
}