/* CSS Document */

#gallery{
margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index:1;
	
	}
#contactpositioner{
	margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index:2;
  width:100%;
  max-width:830px;
  height:100%;
  max-height:845px;
  text-align:right;
 
	}
#contactpositioner img{cursor:pointer; position:relative;  z-index:101;}	

#caledon{
margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
	
	width:90%;
	max-width:830px;
	height:330px;
	min-height:360px;
	max-height: 600px;
	background-color:#313131;
	border:3px solid #252525;
	box-shadow: 5px 5px 10px #000000;
	padding-bottom:40px;
	z-index:100;

	}

	
#caledon-concepts{
	width:96%;
	max-width:315px;
	margin: 50px auto;
	}
	
#caledon-concepts img{ margin:auto; width:auto; height:auto; max-width:100%;}

.separator{
	margin:auto;
	width:90%;
	max-width:680px;
	height:1px;
	background-color:#A5A5A5;
	}

#logos {
	text-align: center;
	margin-top: 20px;
}
#logos A {
	display: inline-block;
	margin: 20px;
}
#ceviche{
	float:left;
	width:100%;
	max-width:50%;
	padding-top:40px;
	text-align:right;
	
	}
#ceviche img{padding-right:0px;}	
	
#rococo{
	float:left;
	width:100%;
	max-width:40%;
	padding-top:40px;
	text-align:left;
	}
	
#rococo img{padding-left:10%;}	
	
	
#contact{
	position:absolute;
	top:0;
	left:50%;
	width:94px;
	height:33px;
	z-index:100;
	margin-left:25%;
	cursor: pointer;
	}
	
#contactform{
margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
	
	width:90%;
	max-width:830px;
	height:330px;
	min-height:330px;
	max-height: 600px;
	background-color:#313131;
	border:3px solid #252525;
	box-shadow: 5px 5px 10px #000000;
	padding-bottom:40px;
	z-index:100;

	}
#close{ float:right; cursor:pointer; margin:20px 20px 0 0;}
iframe{ width:100%; height:300px; overflow:auto;}
#smallcontact{ position: absolute; top:0; right:0; display: none;}

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

.cycle-slideshow { height:768px !important; }
.cycle-slideshow img { height:768px !important; }

#caledon{height:460px;}
#contactform{height:420px;}
#ceviche{
	float:left;
	width:100%;
	max-width:none !important;
	padding-top:40px;
	text-align:center;
	
	}
#ceviche img{padding-right:0px;}	
	
#rococo{
	float:left;
	width:100%;
	max-width:none !important;
	padding-top:40px;
	text-align:center;
	}
	
#rococo img{padding-left:0px;}	
iframe{ width:100%; height:390px; overflow:auto;}
}

@media only screen 
and (min-width : 100px) 
and (max-width : 480px) {

.cycle-slideshow { height:768px !important; }
#caledon{height:560px; width:80%; padding-left:10%; padding-right:10%;}
#contactpositioner{ display:none;}
#smallcontact{ position: absolute; top:0px; right:0px; display: inline-block; z-index:101; width:94px; height:33px;}
#contactform{height:420px; width:100%;}
#caledon-concepts{ }
#ceviche{
	float:left;
	width:100%;
	max-width:none !important;
	padding-top:40px;
	text-align:center;
	
	}
#ceviche img{padding-right:0px;}	
	
#rococo{
	float:left;
	width:100%;
	max-width:none !important;
	padding-top:40px;
	text-align:center;
	}
	
#rococo img{padding-left:0px;}	
iframe{ width:100%; height:390px; overflow:auto;}
}