@charset "UTF-8";
/* CSS Document */


body { margin: 0px; padding: 0px; background-color: #69b1ee; }


#container {
	align: center;
	background-color: #69b1ee;
	background: url(../images/gla_banner.jpg) no-repeat;
text-align: left;
}
  
  
.left {
  float: left;
  z-index: 100%; font-family: helvetica, Verdana, sans-serif;
  letter-spacing: 5px;
  font-weight: lighter;
  font-size: 53px;
  line-height: 1.0em;
display: inline-block;
color: #21090b;
  padding: 85px 10px 0px 45px;
  width: 90px;
}

.middle {
	width: 500px; height: 800px; right: 400px; background: url(../images/logo-artwork_large.png) no-repeat;  z-index: -100;
  top: 0px;
  margin-left: 130px;
  margin-right: 100px;
}

.right {
	margin-top: -740px;
	float: left;
	padding: 0 0 140px 550px;
  	font-family: helvetica, Verdana, sans-serif; letter-spacing: 1px; line-height: 1.1em; font-weight: lighter; 
  	font-size: 23px; color: #21090b; 
 	 width: 550px;
}

p{
	
	padding-top: 30px;
}


a.button1 {
	color: #0764fe; text-decoration: none; 
font-family: helvetica, Verdana, sans-serif; letter-spacing: 1px;
font-weight: lighter; 
font-size: 33px;  
border: #00ffd8;
padding: 7px 10px 5px 10px;
border-style: solid;
border-width: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
a.button1:hover {color: #fff;}

a.button2 {
	color: #21090b;
	text-decoration: none; 
font-family: helvetica, Verdana, sans-serif;
	letter-spacing: 1px;
	font-weight: lighter; 
font-size: 32px!important;  
border: #fc5810;
padding: 3px 10px 2px 10px;
border-style: solid;
border-width: 4px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
a.button2:hover {color: #fff;}

a.button3 {
	color: #21090b;
	text-decoration: none; 
font-family: helvetica, Verdana, sans-serif;
	letter-spacing: 1px;
	font-weight: lighter; 
font-size: 20px!important;  
border: #fc5810;
padding: 3px 10px 2px 10px;
border-style: solid;
border-width: 4px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
a.button3:hover {color: #fff;}

a.regular {
	color: #21090b; text-decoration: none;font-family: helvetica, Verdana, sans-serif;}
a.regular:hover {color: #dbdada;
}

footer {
	align: center;
	color: #4e5b65; 
	font-family: helvetica, Verdana, sans-serif;		font-weight: lighter; 
	margin-top: 25px;
	margin-bottom: 50px;
}



@media screen and (max-width: 1100px) {
	
	.right {
	margin-top: -740px;
	float: left;
	padding: 0 0 140px 550px;
  	font-family: helvetica, Verdana, sans-serif; letter-spacing: 1px; line-height: 1.1em; font-weight: lighter; 
  	font-size: 23px; color: #21090b; 
 	 width: 500px;
}
	
}



@media screen and (max-width: 1000px) {

.left {

  font-size: 45px;
  line-height: 1.0em;
display: inline-block;
color: #21090b;
  padding: 35px 10px 0px 25px;
  width: 130px;
}

.middle {
	width: 100%;
	top: 0px;
	right: 90px;
	background: url(../images/logo-artwork_large.png) no-repeat;  z-index: -100;
  top: 0px;
  margin-left: 50px;
	height: 800px; 
	z-index:-100;
}

.right {
	margin-top: -705px;
	float: none;
	padding: 0 0 140px 460px;
  	font-family: helvetica, Verdana, sans-serif; letter-spacing: 1px; line-height: 1.1em; font-weight: lighter; 
  	font-size: 16px; color: #21090b; 
 	 width: 470px;
}
	
	p{
		width: 470px;
	line-height: 1.5em;
	padding-right: 20px;
	}
	
		
	img{
		margin-top: -80px;
		width: 200px;
	}

a.button2 {
font-size: 25px;  
}

a.button3 {
font-size: 25px;  
}


footer {
	align: center;
	color: #4e5b65; 
	font-family: helvetica, Verdana, sans-serif;
	font-weight: lighter; 
	font-size: 15px;
	margin-top: 0px;

}		
	
}











@media screen and (max-width: 950px) {

.left {

  font-size: 45px;
  line-height: 1.0em;
display: inline-block;
color: #21090b;
  padding: 35px 10px 0px 25px;
  width: 130px;
}

.middle {
	width: 100%;
	top: 0px;
	right: 90px;
	background: url(../images/logo-artwork_large.png) no-repeat;  z-index: 100;
  top: 0px;
		height: 780px;
  margin-left: 10px;
	z-index:-100;
}

.right {
	margin-top: -705px;
	float: none;
	padding: 0 0 140px 400px;
  	font-family: helvetica, Verdana, sans-serif; letter-spacing: 1px; line-height: 1.1em; font-weight: lighter; 
  	font-size: 16px; color: #21090b; 
 	 width: 470px;
}
	
	p{
		width: 470px;
	line-height: 1.5em;
	padding-right: 20px;
	}
	
		
	img{
		margin-top: -80px;
		width: 200px;
	}

a.button2 {
font-size: 25px;  
}

a.button3 {
font-size: 25px;  
}


footer {
	align: center;
	color: #4e5b65; 
	font-family: helvetica, Verdana, sans-serif;		font-weight: lighter; 
	font-size: 15px;
	margin-top: 150px;
}		
	
}





@media screen and (max-width: 900px) {

.left {

  font-size: 35px;
  line-height: 1.0em;
display: inline-block;
color: #21090b;
  padding: 35px 10px 0px 25px;
  width: 90px;
}

.middle {
	width: 300px;
	top: 0px;
	right: 90px;
	background: url(../images/logo-artwork_medium-large.png) no-repeat;  z-index: 100;
  top: 0px;
		height: 750px;
  margin-left: 80px;
  margin-right: 100px;
}

.right {
	margin-top: -705px;
	float: none;
	padding: 0 0 140 370px;
  	font-family: helvetica, Verdana, sans-serif; letter-spacing: 1px; line-height: 1.1em; font-weight: lighter; 
  	font-size: 16px; color: #21090b; 
 	 width: 470px;
}
	
	p{
		width: 470px;
	line-height: 1.5em;
	padding-right: 20px;
	}
	
		
	img{
		margin-top: -80px;
		width: 200px;
	}

a.button2 {
font-size: 25px;  
}

a.button3 {
font-size: 25px;  
}


footer {
	align: center;
	color: #4e5b65; 
	font-family: helvetica, Verdana, sans-serif;		font-weight: lighter; 
	font-size: 15px;
	margin-top: 80px;
}		
	
}








@media screen and (max-width: 850px) {

.left {

  font-size: 35px;
  line-height: 1.0em;
display: inline-block;
color: #21090b;
  padding: 35px 10px 0px 25px;
  width: 90px;
}

.middle {
	width: 300px;
	top: 0px;
	right: 90px;
	background: url(../images/logo-artwork_medium-large.png) no-repeat;  z-index: 100;
  top: 0px;
  margin-left: 80px;
  margin-right: 100px;
}

.right {
	margin-top: -705px;
	padding: 0 0 0 370px;
  	font-family: helvetica, Verdana, sans-serif;
	letter-spacing: 1px;
	line-height: 1.1em;
	font-weight: lighter; 
  	font-size: 18px;
	color: #21090b; 
 	 width: 400px;
	padding-bottom: 70px;
}
	
	p{
		width: 400px;
	line-height: 1.5em;
	padding-right: 20px;
	}
	
		
	img{
		margin-top: -80px;
		width: 200px;
	}

a.button2 {
font-size: 25px;  
}

a.button3 {
font-size: 25px;  
}


	footer {
	font-size: 10px;
	padding: 5px 50px 0 50px;
}		
	
}






@media screen and (max-width: 800px) {

	.left {

  font-size: 35px;
  line-height: 1.0em;
display: inline-block;
color: #21090b;
  padding: 35px 10px 0px 25px;
  width: 90px;
}

.middle {
	width: 300px;
	top: 0px;
	right: 90px;
	background: url(../images/logo-artwork_medium-large.png) no-repeat;  z-index: 100;
  top: 0px;
  margin-left: 80px;
  margin-right: 100px;
}

.right {
	margin-top: -705px;
	padding: 0 0 0 400px;
  	font-family: helvetica, Verdana, sans-serif;
	letter-spacing: 1px;
	line-height: 1.1em;
	font-weight: lighter; 
  	font-size: 18px;
	color: #21090b; 
 	 width: 330px;
	padding-bottom: 70px;
}
	
	p{
		width: 340px;
	line-height: 1.5em;
	padding-right: 20px;
	}
	
		
	img{
		margin-top: -80px;
		width: 200px;
	}

a.button2 {
font-size: 25px;  
}

a.button3 {
font-size: 25px;  
}


	footer {
	font-size: 15px;
	padding: 5px 50px 0 50px;
	margin-bottom: 30px;
}


}





@media screen and (max-width: 750px) {
 
  
.left {

  font-size: 35px;
  line-height: 1.0em;
display: inline-block;
color: #21090b;
  padding: 35px 10px 0px 25px;
  width: 90px;
}

.middle {
	width: 500px; height: 800px; right: 400px; background: url(../images/logo-artwork_small.png) no-repeat;  z-index: -100;
  top: 0px;
  margin-left: 90px;
  margin-right: 100px;
}
	
			img{
	position: absolute;
	margin-top: -40px;
	width: 200px;
}

.right {
	margin-top: -760px;
	font-size: 18px;
	padding: 0 0 80px 300px;
	width: 340px

}
	
p{
		width: 330px;
	line-height: 1.5em;
	padding-right: 20px;
	}


a.button2 {
font-size: 25px;  
padding: 3px 10px 2px 10px;
}

a.button3 {
font-size: 25px;  
padding: 3px 10px 2px 10px;
}

	footer {
	font-size: 10px;
	padding: 5px 50px 0 50px;
}	
	
}



@media screen and (max-width: 700px) {

  
  
.left {

  font-size: 38px;
  line-height: 1.0em;
display: inline-block;
color: #21090b;
  padding: 35px 10px 0px 25px;
  width: 90px;
}

.middle {
	width: 500px;
	height: 800px;
background: url(../images/logo-artwork_extra-small.png) no-repeat;
	z-index: -100;
  top: 0px;
  margin-left: 120px;
  margin-right: 100px;
}
	
		img{
	position: absolute;
	margin-top: -40px;
	width: 200px;
}

.right {
	margin-top: -760px;
	font-size: 18px;
	padding: 0 0 70px 290px;
	width: 340px

}
	
p{
		width: 335px;
	line-height: 1.5em;
	padding-right: 20px;
	}


a.button2 {
font-size: 25px;  
padding: 3px 10px 2px 10px;
}

a.button3 {
font-size: 25px;  
padding: 3px 10px 2px 10px;
}

	footer {
	font-size: 10px;
}	
	
}




@media screen and (max-width: 650px) {

  
.left {
 font-size: 45px;
  padding: 80px 10px 30px 220px;
	width: 320px;
}
	
	img{
	position: absolute;
	margin-top: -150px;
		margin-left: -325px;
	width: 195px;
}

.middle {
	width: 315px;
	background: url(../images/logo-artwork_extra-small.png) no-repeat;
	  margin-left: 10px;
	z-index: -100;
}
	
		p{
		font-size: .9em;
		width: 340px;	
	}

.right {

	padding: 110px 10px 70px 220px;
  	font-size: 18px; 
 	 max-width: 320px;
}
	
	
	a.button2 {
font-size: 18px;  
padding: 3px 5px 2px 5px;
}
	
a.button3 {
font-size: 12px;  
padding: 3px 5px 2px 5px;
}

}





@media screen and (max-width: 600px) {

  
.left {
 font-size: 40px;
  padding: 80px 10px 30px 180px;
	width: 300px;
}

.middle {
	width: 315px;
	background: url(../images/logo-artwork_extra-small.png) no-repeat;
	  margin-left: 10px;
	z-index: -100;
}
	
		p{
		font-size: .9em;
		width: 350px;
			margin-right: 10%;
	}

.right {

	padding: 100px 15px 90px 180px;
  	font-size: 18px; 
 	 max-width: 400px;
}
	
img{
	position: absolute;
	margin-top: -140px;
	margin-left: -310px;
	width: 175px;
}

a.button2 {
font-size: 15px;  
padding: 3px 5px 2px 5px;
}
	
a.button3 {
font-size: 11px;  
padding: 3px 5px 2px 5px;
}



	footer {
	font-size: 10px;
}

}



@media screen and (max-width: 550px) {

	
		p{
		font-size: .9em;
		width: 315px;
			margin-right: 10%;
	}
	
	footer {
	font-size: 15px;
}
	
	.right {
	padding: 100px 15px 90px 180px;
	}
}




@media screen and (max-width: 500px) {	
  
.left {
 font-size: 40px;
  padding: 75px 10px 70px 140px;
	width: 300px;
}
	
p{
	margin-top: 100px;
	padding-right:20px;
  width: 280px;
	}


.right {

	padding: 0px 0 90px 140px;
  	font-size: 16px; 
 	 max-width: 280px;
	margin-bottom: 5px;
}
	
	.middle {
	width: 145px;
background: url(../images/logo-artwork_extra-small.png) no-repeat;
  margin-left: -30px;
	z-index: -100;
}
	

img{
	margin-top: -40px;
	margin-left: 0px;
	margin-left: -310px;
	width: 175px;
}

a.button2 {
font-size: 18px;  
padding: 3px 5px 2px 5px;
}
	
a.button3 {
font-size: 11px;  
padding: 3px 5px 2px 5px;
}


footer {
	font-size: 11px;
}
	
}






@media screen and (max-width: 450px) {
	
	
	.left {
	position: absolute;
 font-size: 30px;
  padding: 70px 10px 0px 10px;
  width: 320px;
}
	
	.right{
padding: 0px 10px 90px 10px;
		width: 220px;
		margin-bottom: 5px;
	}
	
img{
	margin-top: -40px;
	margin-left: 0px;
	width: 175px;
}
	
	.middle {
	visibility: hidden;
}
	
	p{
		width:320px;
		margin-top: 50px;
		margin-bottom: 5px;
	}
	


a.button2 {
font-size: 20px!important;  
padding: 3px 5px 2px 5px;
}
	
	
a.button3 {
font-size: 11px!important;  
padding: 3px 5px 2px 5px;
}



	footer {
	font-size: 10px;
}
}


@media screen and (max-width: 425px) {			
 
	
	.left {
	position: absolute;
 font-size: 30px;
  padding: 70px 10px 0px 10px;
  width: 320px;
}
	
	.right{
padding: 0px 10px 90px 10px;
		width: 220px;
		margin-bottom: 5px;
	}
	
img{
	margin-top: -40px;
	margin-left: 0px;
	width: 175px;
}
	
		.middle {
	visibility: hidden;
}
	
	p{
		width:320px;
		margin-top: 50px;
		margin-bottom: 5px;
	}
	


a.button2 {
font-size: 20px!important;  
padding: 3px 5px 2px 5px;
}
	
	
a.button3 {
font-size: 11px!important;  
padding: 3px 5px 2px 5px;
}



	footer {
	font-size: 10px;
}
}


@media screen and (max-width: 400px) {			
	

	.left {
	position: absolute;
 font-size: 30px;
  padding: 70px 10px 0px 10px;
  width: 320px;
}
	
	.right{
padding: 0px 10px 90px 10px;
		width: 220px;
		margin-bottom: 5px;
	}
	
img{
	margin-top: -40px;
	margin-left: 0px;
	width: 175px;
}
	
		.middle {
	visibility: hidden;
}
	
	p{
		width:320px;
		margin-top: 50px;
		margin-bottom: 5px;
	}
	


a.button2 {
font-size: 20px!important;  
padding: 3px 5px 2px 5px;
}
	
	
a.button3 {
font-size: 11px!important;  
padding: 3px 5px 2px 5px;
}



	footer {
	font-size: 10px;
}
}