body{
	background-color:#C7D1E6;
	width:auto;
	height:auto;
	margin:0px auto;
}
.overall_container {
	position:relative;
	margin:auto;
	margin-top:10px;
	width:100%;
	height:100%;
}
.EBLogo{
	position:relative;
	width:100%;
	margin:auto;
	text-align:center;
	padding:5px;
}
.EBLogo > span {
	color:#925927;
	font-size:2em;
	font-weight:bold;
	padding:5px;
}
.CLPLogo{
	position:relative;
	width:100%;
	margin:auto;
	text-align:center;
	padding:5px;
}
.CLPLogo > span {
    font-family:Carlton LET Plain;
	color:#000000;
	font-size:2em;
	font-weight:bold;
	padding:5px;
}

#container {
	position:relative;
	width:100%;
	height:83%;
	margin:auto;
	display:none;
}
#container2 {
	position:relative;
	width:86%;
	height:83%;
	margin:auto;
	display:none;
}
#container3 {
	position:relative;
	width:86%;
	height:83%;
	margin:auto;
	display:none;
}
#container3 > h2 {
	position:absolute;
	top: 0px;
	width:100%;
	text-align:center;
	font-size:2em;
	color:#F2D89E;
}
#container2 > h2 {
	position:absolute;
	top: 0px;
	width:100%;
	text-align:center;
	font-size:2em;
	color:#F2D89E;
}	
div.left_container {
	position:relative;
	display:inline-block;
	float:left;
	left:7%;
	width:43%;
	margin:auto;
	height:100%;
	background-color:#000;
}
div.right_container {
	position:relative;
	display:inline-block;
	float:left;
	left:7%;
	width:43%;
	height:100%;
	background-color:#000;
}
div.thumb_container1{
	position:relative;
	width:100%;
	margin-top:3%;
}
div.thumb_container2{
	position:relative;
	width:100%;
	margin-bottom:3%;
}
div.thumbnails{
	position:relative;
	display:inline-block;
	margin:auto;
	width:21.5%;
	left:6%;
}
div.thumbnails1{
	position:relative;
	display:inline-block;
	margin:auto;
	width:30%;
	left:6%;
}
img.thumb{
	width:100%;
	height:100%;
	cursor:pointer;
}
div.pic_display{
	position:relative;
	display:block;
	width:100%;
	z-index:1;
}
div.pic_display2{
	position:relative;
	display:block;
	left:7%;
	width:85%;
	z-index:1;
}
div.pic_display3{
	position:relative;
	display:block;
	left:6%;
	width:90%;
	height:10%;
	z-index:1;
}
div.pic_display4{
	position:relative;
	display:block;
	left:1%;
	width:60%;
	z-index:1;
}
img.eb_pic{
	position:relative;
	width:100%;
}
div.banner_display {
	position:relative;
	width:100%;
	z-index:1;
}
div.Nav_Container{
	position:relative;
	width:100%;
	height:8%;
}
div.thumbs_text{
	position:relative;
	text-align:center;
	width:100%;
	color:#925927;
}
div.thumbs_text1{
	position:relative;
	text-align:center;
	width:100%;
	color:#000000;
}
div.thumbs_text > span {
	width:auto;
	font-size:1em;
}
div.Nav_Buttons {
	position:relative;
	width:100%;
	height:50%;
}
.Nav_Prev{
	position:absolute;
	left:1%;
	font-size:.8em;
	display:block;
	padding:1px;
	padding-left:3px;
	padding-right:3px;
	background-color:#d6c487;
	color:#925927;
	border:2px solid #925927;
	border-radius:5px;
	font-weight:bold;
	cursor:pointer;
}
.Nav_Next{
	position:absolute;
	right:1%;
	font-size:.8em;
	display:block;
	padding:1px;
	padding-left:3px;
	padding-right:3px;
	background-color:#d6c487;
	color:#925927;
	border:2px solid #925927;
	border-radius:5px;
	font-weight:bold;
	cursor:pointer;
}
.Nav_Next:hover{
	color:#d6c487;
	background-color:#925927;
}
.Nav_Prev:hover{
	color:#d6c487;
	background-color:#925927;
}
.Nav_Park{
	position:absolute;
	right:36%;
	font-size: 0.95em;
	display:block;
	padding:1px;
	padding-left:3px;
	padding-right:3px;
	background-color:#555555;
	color:#ffffff;
	border:2px solid #925927;
	border-radius:5px;
	font-weight:bold;
	cursor:pointer;
}
.Nav_Park:hover{
	color:#d6c487;
	background-color:#925927;
}
div.MainImage_Description_Container{
	position:relative;
	width:100%;
}
div.mainImage2{
	position:relative;
	display:inline-block;
	width:375px;
	height:375px;
	margin-left:15px;
    box-shadow: 2px 2px 2px #925927;
}
div.Welcome{
	position:relative;
	display:inline-block;
	width:375px;
	height:375px;
	margin-left:15px;
    box-shadow: 2px 2px 2px #925927;
}
div.Thumbnail_Container{
	position:relative;
	width:100%;
	margin:auto;
}
div.top_thumb_container{
	position:relative;
	width:100%;
	height:80px;
}
div.middle_thumb_container{
	position:relative;
	width:100%;
	height:80px;
}
div.bottom_thumb_container{
	position:relative;
	width:100%;
	height:80px;
}
div.zoom_panel{
	display:none;
	position:absolute;
	width:400px;
	height:400px;
	left:22%;
	top:20%;
	z-index:3;
	background-color:black;
	border:2px solid #D3BA81;
}
div.mainImage{
	position:absolute;
	display:block;
	width:88%;
	height:88%;
	top:6%;
	left:6%;
}
div.zoom_text{
	position:absolute;
	text-align:center;
	bottom:1%;
	width:100%;
	color:#925927;
	font-size:18px;
}
div.close_btn{
	position:absolute;
	right:2%;
	top:1%;
	color:white;
	cursor:pointer;
}
div.thumbnails2{
	float:left;
	margin-top:1%;
	margin-left:1%;
	width:23%;
	height:18%;
}
div.clients_container {
	position:absolute;
	width:98%;
	height:85%;
	left:1%;
	top:10%;
}
img.thumb3{
	position:relative;
	float:left;
	width:80px;
	margin:5px;
	margin-left:12px;
	left:0px;
	cursor:pointer;
	border:1px solid #925927;
    box-shadow: 2px 2px 2px #925927;
}
img.clients {
	width:100%;
	height:100%;
}
div.clients-text {
	position:absolute;
	top:10%;
	height:80%;	
	left:10%;
	width:80%;
	color:#925927;
}
div.contact-container {
	position:absolute;
	top:10%;
	height:80%;	
	left:10%;
	width:80%;
	color:#F2D89E;
	font-size:150%;
	
}
div.contact-container1 {
	position:absolute;
	top:10%;
	height:80%;	
	left:10%;
	width:80%;
	color:#000000;
	font-size:150%;
	
}
div.contact-container2 {
	position:relative;
	display:inline-block;
	float:left;
	left:1%;
	width:100%;
	height:100%;
	background-color:#000000;
}
div.display-image-container {
	position:relative;
	display:inline-block;
	float:left;
	width:45%;
	left:5px;
	top:15px;
}
div.display-image-container1 {
	position:relative;
	display:inline-block;
	float:left;
	width:20%;
	left:20px;
	top:25px;
}
div.display-image-container2 {
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	left:60px;
	top:25px;
}
.display-image {
	width:100%;
	height:100%;
}
.display-image1 {
	width:20%;
	height:20%;
}
.display-image2 {
	position:relative;
	display:inline-block;
	left:12%;
	top:22%;
	width:80%;
	height:80%;
}
div.contact-text {
	position:relative;
	display:inline-block;
	width:45%;
	left:10%;
}
div.contact-text1 {
	position:relative;
	display:inline-block;
	width:45%;
	left:10%;
	color:#FFFFFF;

}
div.contact-info {
	position:relative;
	display:inline-block;
	width:100%;
}
div.clients-text > h2 {
	font-size:2em;
	position:relative;
	text-align:center;
}
div.clients-text > span {
	position:relative;
	display:inline-block;
	font-size:1.5em;
	width:48%;
	left:10px;
	font-weight:bold;
}
span.left {
	text-align:left;
 }
 span.right {
	text-align:right;
 }
img.logo {
	display:block;
	width:100%;
	margin:auto;
}
img.welcome_pic{
	display:block;
	width:100%;
	height:100%;
	margin:auto;
}
img.mainImage{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}
img.mainImage2{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}
img.thumb2{
	position:absolute;
	width:23%;
	height:18%;
	cursor:pointer;
}

#buttonframe{
	position:absolute;
	float:left;
	left:50px;
}
#badpass{
	position:absolute;
	float:left;
	color:#925927;
	font-size:18px;
	width:700px;
}
#tryagain{
	position:absolute;
	float:left;
	left:100px;
	top:50px;
}
#cancel{
	position:absolute;
	float:left;
	left:325px;
	top:50px;
}
.titleText { 
	font-size:1.5em;
	font-style:italic;
	color:#FFF8DC;
	text-align:center; 
}			
.bodyText { 
	font-size:1.2em;
	line-height:90%;
	color:#925927; 
}
.linkText { 
	color:#925927; 
}
#frame{
	position:absolute;
	float:left;
	top:75px;
	left:25px;
	width:700px;
	height:507px;
}
#categorylinks{
	position:absolute;
	float:left;
	width:185px;
	height:250px;
	left:5px;
	top:5px;
}
#navigation{
	position:absolute;
	float:left;
	left:5px;
	bottom:5px;
	width:185px;
	height:100px;
}
#nav_page{
	position:absolute;
	float:left;
	width:185px;
	top:50px;
	height:25px;
	color:#925927;
	font-size:18px;
	text-align:right;
}
#nav_controls{
	position:absolute;
	float:left;
	width:185px;
	top:50px;
	height:50px;
}
div.blocks{
	display:block;
	font-weight:bold;
	color:white;
	width:180px;
	height:20px;
	text-align:center;
	text-decoration:none;
	background-color:#925927;
	font-size:14px;
	border:2px #925927 ridge;
}
div.controls{
	display:block;
	font-weight:bold;
	color:white;
	width:40px;
	height:20px;
	text-align:center;
	text-decoration:none;
	background-color:#925927;
	font-size:14px;
	border:2px #925927 ridge;
}
#p0{
	position:absolute;
	float:left;
	left:5px;
	border:2px ridge #98AB81;
}
#p1{
	position:absolute;
	float:left;
	left:172px;
	border:2px ridge #98AB81;
}
#p2{
	position:absolute;
	float:left;
	right:5px;
	border:2px ridge #98AB81;
}
#p3{
	position:absolute;
	float:left;
	left:5px;
	top:172px;
	border:2px ridge #98AB81;
}
#p4{
	position:absolute;
	float:left;
	left:172px;
	top:172px;
	border:2px ridge #98AB81;
}
#p5{
	position:absolute;
	float:left;
	right:5px;
	top:172px;
	border:2px ridge #98AB81;
}
#p6{
	position:absolute;
	float:left;
	left:5px;
	top:344px;
	border:2px ridge #98AB81;
}
#p7{
	position:absolute;
	float:left;
	left:172px;
	top:344px;
	border:2px ridge #98AB81;
}
#p8{
	position:absolute;
	float:left;
	right:5px;
	top:344px;
	border:2px ridge #98AB81;
}
#firstpage{
	position:absolute;
	bottom:2px;
	left:0px;
}
#prevpage{
	position:absolute;
	bottom:2px;
	left:47px;
}
#nextpage{
	position:absolute;
	bottom:2px;
	left:94px;
}
#lastpage{
	position:absolute;
	bottom:2px;
	left:141px;
}

@media screen and (max-width: 1700px) {
	body{
		width: 1000px;
		height: 730px;
	}
	.EBLogo > span {
		font-size:3em;
	}
}
@media screen and (max-width: 1400px) {
	body{
		width: 900px;
		height: 660px;
	}
	.EBLogo > span {
		font-size:3em;
	}
	div.clients-text > h2 {
		font-size:2em;
	}
	div.clients-text > span {
		font-size:1.2em;
	}
	div.contact-text {
		font-size:1em;
	}
	div.contact-info {
		font-size:.8em;
	}
}
@media screen and (max-width: 1200px) {
	body{
		width: 760px;
		height: 560px;
	}
	.EBLogo > span {
		font-size:3em;
	}
	div.clients-text > h2 {
		font-size:1.5em;
	}
	div.clients-text > span {
		font-size:1em;
	}
	div.contact-text {
		font-size:.8em;
	}
	div.contact-info {
		font-size:.6em;
	}
	div.display-image-container {
		width:40%;
		height:70%;
	}
	.display-image {
		width:100%;
		height:100%;
	}
}
@media screen and (max-width: 1000px) {
	body{
		width: 600px;
		height: 460px;
	}
	.EBLogo > span {
		font-size:2em;
	}
	div.clients-text {
		top:5%;
	}
	div.clients-text > h2 {
		font-size:2em;
	}
	div.clients-text > span {
		font-size:.8em;
	}
}
@media screen and (max-width: 900px) {
	body{
		width: 400px;
		height: 320px;
	}
	.EBLogo > span {
		font-size:2em;
	}
	div.clients-text {
		top:5%;
	}
	div.clients-text > h2 {
		font-size:.8em;
	}
	div.clients-text > span {
		font-size:.5em;
	}
}