html{
	height:102%;
}

body{
	background:#FFFFFF;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%
}

a{
	text-decoration: none;
	color:#6C6C6C;
}

ul a:hover{
	text-decoration: underline;
}

h1{	
	font-size:163%;
	text-decoration: none;
	font-weight:normal;
	color:#c00024;
}

h2{
	font-size:113%;
	text-decoration: none;
	font-weight:normal;
	color:#c00024;	
}

p{
	color:#535353;
	line-height:1.5;
	text-decoration: none;
}

ul{
  list-style-type: none;	
}

li{
	padding-left: 14px;
	background-image: url(../img/redsqr.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	color:#535353;
}
#container{
  width:100%;
  max-width:1344px;
  margin:auto;
}

#header{
  width:100%;
  height:290px;
  margin-top:10px;
  background:#DFDFDF;
  background-image: url(../img/headerback.png);
  background-repeat: no-repeat;
}


#headerimages{
	padding-left:9.67%;
}

#navigation{
  padding-left:16.36%;
  padding-top:45px;
  display:block;
}

.ie #navigation{
	display:inline;
}

#content{
  padding-left:29.76%;
  padding-top:60px;
  float:left;
  display:block;
  width:44.64%;
  min-height:400px;
  margin-bottom:20px;
  background-image: url(../img/contentback.png);
  background-repeat: no-repeat;
}

.ie #content{
  width:74.4%;
  background-image: url(../img/contentbackie.png);
}

#content-wide{
  padding-left:29.76%;
  padding-top:60px;
  float:left;
  display:block;
  width:74.4%;
  min-height:400px;
  margin-bottom:20px;
  background-image: url(../img/contentback.png);
  background-repeat: no-repeat;
}

.ie #content-wide{
  width:96%;
  background-image: url(../img/contentbackie.png);
}



.slide-desc{
    align: center;
    font-size: 16px;
}

.slide {
    width: 90%;
    min-height: 700px;
}

.slide-img {
    float: left;
}

.slide-img vertical {
    width: 53%;
}

.slide-img horizontal {
    width: 70%;
}

.btn.vertical {
    height: 630px;
}

.btn {
    float: left;
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.btn.horizontal {
    height: 472px;
}

.slide-hint {
    clear: both;
}

#imgbar{
	float:right;
	width:25%;	
}

#footer
{
	clear:both;
	background:#D1D1D1;
	width:100%;
	height:35px;
	display:block;
}

.eac{
	padding-left:430px;
}

.hd{
	float:right;
	margin-right:63%;
	margin-top:-30px;
}

.active{
	text-decoration:underline;
}

.active:hover{
	text-decoration:none;
}

#navigation ul
{
  padding: 0px;
  margin: 0px;
}

.ie #navigation ul
{
	display:inline;	
}

#navigation ul li
{
  padding-right: 20px;
  display:inline-block;
}

.ie #navigation ul li
{
	display:inline;
}


#header img
{
  margin-top:48px;
}

#footer a
{
	display:block;
	background:#FFFFFF;
	font-family:"Courier New", Courier, monospace;
	color:#c00024;
	width:125px;
	height:25px;
	padding-top:10px;
	text-align:center;
	margin-left:74.4%;
}

.project
{
    width: 30%;
    float: left;
}

@media only screen and (max-width:480px) {
	br {
		display:none;
	}

	#container{
		max-width:480px;
	}

	#header{
		width:100%;
		height:90px;
		background:#FFFFFF;
		background-image: url(../img/logo.png);
		background-repeat:no-repeat;
		background-position:center;
	}

	#headerimages{
		display:none;
	}
	
	#navigation{
		padding-left:0px;
	}
	
	#navigation ul li
	{
		width:100%;
		display:block;
		padding-bottom:20px;
	}
		

	#content{
		padding-left:0px;
		width:100%;
		min-height:400px;
	}


	#content-wide{
		padding-left:0px;
		width:100%;
		background-image: url(../img/contentback.png);
		background-repeat: no-repeat;
	}
	
	#navigation ul li{
		display:block;
	}		
}

@media only screen and (max-width:1920px) and (-webkit-device-pixel-ratio:3)
{

	body {font-size: 200%}
	
	li{
		padding-left: 28px;
		background-position: 0px 15px;
	}	
	
	#header{
		width:100%;
		background-repeat:no-repeat;
		background-image: url(../img/headerback.png);
		background-position:center;
	}

	#headerimages{
		padding-left:0px;
	}
	
	#imgbar{
		display:none;
	}
	
	#content{
		padding-left:15%;
		width:100%;
		min-height:400px;
	}


	#content-wide{
		padding-left:15%;
		width:85%;
		background-image: url(../img/contentback.png);
		background-repeat: no-repeat;
	}

	#navigation ul li
	{
		width:100%;
		display:block;
		padding-bottom:10px;
	}
		
	
		
	#footer a{
		font-size:16px;
	}

	.secondimg{
		display:none;
	}
}

@media only screen and (max-width:1024px) and (min-width:481px) {
	#container{
		max-width:1024px;
	}

	#header{
		width:100%;
		background-repeat:no-repeat;
		background-image: url(../img/headerback960.png);
		background-position:center;
	}
	
	#navigation{
		padding-left:15%;
	}

	#headerimages{
		padding-left:0px;
	}
	
	#imgbar{
		display:none;
	}
	
	#content{
		padding-left:15%;
		width:85%;
		min-height:400px;
	}
	
	.ie #content{
		width:100%;
	}


	#content-wide{
		padding-left:15%;
		width:85%;
		background-image: url(../img/contentback.png);
		background-repeat: no-repeat;
	}
	
	.ie #content-wide{
		width:100%;
	}
			
	.secondimg{
		display:none;
	}
}