html, body{
	margin: 0px;
	padding: 0px;
	font-family: "MyriadPro";
	font-size: 20px;
}

img{
	border: none;
}

.clearfix{
	clear: both;
}

.box-center{
	width: 1000px;
	margin: 0px auto;
	position: relative;
}

body{
	background: url(images/bgr-body.jpg) center top;
}

#wrapper{
	background: url(images/bgr-footer.jpg) repeat-x center bottom;
	background: url('http://www.MississaugaAquarium.com/wp-content/uploads/2015/11/bgr-footer-min.jpg') repeat-x center bottom;
	padding-top: 40px;
}

/* Header */

#header{
	background: url(images/bgr-header.png) repeat-x;
	padding-top: 30px;
}

#header .inner-header{
	background: url(images/bgr-slider.png) repeat-x center bottom;
	padding-bottom: 45px;
}

a.logo{
	float: left;
	margin-left: 30px;
}

.header-right{
	float: right;
	text-align: right;
	margin-right: 60px;
}

.header-right ul.social{
	margin: 0px 30px 0px 0px;
	padding: 0px;
	list-style: none;
}

.header-right ul.social li{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: top;
}

.header-right .menu{
}

.header-right .menu p.btn-toggle{
	text-align: center;
	padding: 10px 15px;
	text-decoration: none;
	font-family: "bernard_mt_condensed";
	font-size: 22px;
	text-transform: uppercase;
	color: #68cbdb;
	margin: 0px;
	background: url(images/btn-toggle.png) no-repeat 10px center;
	border: 1px solid #ccc;
	display: none;
}

.header-right .menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.header-right .menu ul li{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: bottom;
}

.header-right .menu ul li a{
	display: block;
	padding: 40px 15px 0px;
	text-decoration: none;
	font-family: "bernard_mt_condensed";
	font-size: 22px;
	text-transform: uppercase;
	color: #68cbdb;
}

.header-right .menu ul li.current-menu-item a{
	background: url(images/bgr-active.png) no-repeat center top;
	color: #d1852e;
}

#header img.fish{
	position: absolute;
	left: 92%;
	top: 0px;
	z-index: 2;
}

/* Slider */
#slider{
	background: url(images/bgr-content.png);
	overflow: hidden;
}

/* Content */
#content{
	background: url(images/bgr-content.png);
	padding: 0px 0px 15px;
}

#content .welcome{
	padding-top: 15px;
}

#content .welcome > div{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: middle;
	width: 48%;
	text-align: center;
}

#content .welcome div.img-welcome img{
	max-width: 100%;
}

#content .welcome .text-welcome{
	font-family: "MyriadPro";
	font-size: 22px;
	color: #484848;
}

#content .welcome .text-welcome h2{
	margin: 0px;
	font-family: "bernard_mt_condensed";
	font-size: 29px;
	color: #68cbdb;
	font-weight: normal;
}

#content .ocean{
	text-align: center;
}

#content .ocean .title{
	width: 95%;
	margin: 70px auto 0px;
}

#content .ocean .title span.empty{
	float: left;
	width: 30%;
	background: url(images/bgr-ware.png) repeat-x;
	height: 49px;
}

#content .ocean .title h1{
	float: left;
	width: 38%;
	padding: 0px 1%;
	font-family: "bernard_mt_condensed";
	font-size: 29px;
	color: #68cbdb;
	font-weight: normal;
	margin: 0px;
}

#content .ocean .title p{
	font-family: "times-italic";
	font-size: 22px;
	color: #68cbdb;
	margin: 10px 0px;
}

#content .you-know{
	background: url(images/bgr-know.jpg) repeat-x center top;
	min-height: 133px;
}

#content .you-know .text{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: middle;
}

#content .you-know .text h1{
	font-family: "bernard_mt_condensed";
	font-size: 58px;
	color: #f9f7f5;
	font-weight: normal;
	padding-left: 30px;
	margin: 0px;
	padding-top: 30px;
}

#content .you-know .text p{
	text-transform: uppercase;
	font-size: 20px;
	color: #f9f7f5;
	margin: 0px;
	padding-left: 30px;
	font-family: "MyriadPro";
}

#content .you-know a.btn-link{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: bottom;
	margin-left: 60px;
}

/* More */
#more{
	background: url(images/bgr-content.png);
	padding-bottom: 30px;
}

#more .gallery{
	float: left;
	width: 555px;
	margin-left: 30px;
}

#more .gallery ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#more .gallery ul li{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: top;
}

#more .gallery ul li a{
	padding: 0px 4px 10px;
	display: block;
}

#more .video{
	margin-right: 30px;
	float: right;
	width: 320px;
}

#more h1.title-ctg{
	font-family: "bernard_mt_condensed";
	font-size: 39px;
	color: #68cbdb;
	font-weight: normal;
	margin: 35px 0px 20px;
}

/* Information */

#information{
	background: url(images/bgr-infomation.png) repeat-x center bottom;
	padding-bottom: 150px;
	padding-top: 20px;
}

#information .ware{
	float: left;
	width: 270px;
	margin-left: 30px;
	background: url("images/bgr-ware.png") repeat-x;
	height: 49px;
}

#information .address{
	float: left;
	background: url(images/icon-home.png) no-repeat left center;
	padding-left: 30px;
	margin-left: 30px;
	width: 250px;
}

#information .address p{
	text-transform: uppercase;
	font-family: 'myriadpro';
	font-size: 14px;
	color: #3c3c3c;
	margin: 0px;
}

#information .contact{
	float: left;
	margin-left: 30px;
	padding-left: 40px;
	background: url(images/icon-call.png) no-repeat left center;
	width: 140px;
}

#information .contact span{
	display: block;
	font-family: 'times-italic';
	font-size: 14px;
	color: #3c3c3c;
	line-height: 15px;
}

#information .contact a{
	display: block;
	line-height: 15px;
	font-family: 'times-italic';
	font-size: 14px;
	color: #3c3c3c;
	text-decoration: none;
}

#information ul.social{
	float: right;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	list-style: none;
}

#information ul.social li{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: top;
}

/* Footer */

#footer{
	padding-top: 100px;
}

#footer p{
	margin: 0px;
	text-transform: uppercase;
	font-family: 'times-italic';
	font-size: 12px;
	color: #79bb2f;
}

/* Circular Content Carousel Style */
.ca-container{
	position: relative;
	margin: 25px auto 20px auto;
	width: 100%;
	height: 450px;
}
.ca-wrapper{
	width: 100%;
	height: 100%;
	position: relative;
}
.ca-item{
	position: relative;
	float: left;
	width: 33%;
	height: 100%;
	text-align: center;
}

.ca-item .inner{
	padding: 0px 5%;
}

.ca-item .text h6{
	font-family: "bernard_mt_condensed";
	font-size: 29px;
	color: #68cbdb;
	margin: 20px 0px 0px;
	font-weight: normal;
}

.ca-item .text p{
	font-family: "MyriadPro";
	font-size: 20px;
	color: #484848;
	margin-left: auto;
	margin-right: auto;
}

.ca-item .text a.read-more{
	display: block;
	text-decoration: none;
	font-family: "MonotypeCorsiva";
	font-size: 29px;
	color: #68cbdb;
	border-top: 1px solid #181719;
	margin-top: 20px;
}

.ca-nav .ca-nav-prev{
	background: url(images/btn-prev.png) no-repeat left center;
	text-indent: -9999px;
	width: 27px;
	height: 60px;
	text-align: left;
	position: absolute;
	top: 20%;
	z-index: 9;
	left: -10px;
}

.ca-nav .ca-nav-next{
	background: url(images/btn-next.png) no-repeat left center;
	text-indent: -9999px;
	width: 27px;
	height: 60px;
	text-align: left;
	position: absolute;
	top: 20%;
	right: -10px;
	z-index: 9;
}

/* Page Services */
#content .content-banner{
	text-align: center;
}

#content .content-page{
	padding: 40px 40px 0px;
}

#content h1.title-page{
	font-size: 39px;
	color: #68cbdb;
	font-family: "bernard_mt_condensed";
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
}

#content .main-content{
	margin-top: 50px;
	padding-bottom: 100px;
}

#content .main-content .interested{
	float: left;
	width: 145px;
	text-align: right;
	margin: 0px 50px 0px 0px;
	padding: 0px 25px 0px 0px;
	list-style: none;
	line-height: 45px;
	border-right: 1px solid #d8d8d8;
}

#content .main-content .interested li a{
	display: block;
	font-size: 18px;
	color: #8e9192;
	text-decoration: none;
}

#content .main-content .interested li:hover a, #content .main-content .interested li a:hover{
	color: #68cbdb;
}

#content .main-content .interested li.active a{
	color: #68cbdb;
}

#content .main-content .content-interested{
	float: right;
	width: 680px;
}

#content .main-content .content-interested img{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: top;
	margin-right: 30px;
}

#content .main-content .content-interested .text{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: top;
	width: 460px;
	font-size: 14px;
	color: #8e9192;
}

#content .main-content .content-interested .text p{
	margin-top: 0px;
}

#content .frm-contact{
	padding: 30px 30px;
	width: 470px;
	background: #fff;
	position: relative;
	top: -200px;
}

#content .frm-contact .shadow{
	position: absolute;
	left: 100%;
	bottom: 0px;
}

#content .frm-contact .address p{
	font-size: 14px;
	color: #575757;
	margin: 0px;
	font-family: "myriadpro";
	line-height: 22px;
}

#content .frm-contact h6{
	font-size: 14px;
	color: #68cbdb;
	margin-bottom: 20px;
	font-family: "utm_avo";
}

#content .frm-contact form{
	text-align: right;
}

#content .frm-contact .textbox{
	display: block;
	width: 98%;
	padding: 0px 1%;
	background: #eeeeee;
	font-size: 14px;
	color: #888888;
	border: none;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: left;
}

#content .frm-contact textarea{
	display: block;
	width: 98%;
	padding: 0px 1%;
	background: #eeeeee;
	font-size: 14px;
	color: #888888;
	border: none;
	height: 113px;
	line-height: 30px;
	margin-bottom: 10px;
	resize: none;
	text-align: left;
}

#content .frm-contact input[type="submit"]{
	text-align: center;
	display: inline-block;
	zoom:1;
	*display: inline;
	color: #888;
	font-size: 14px;
	background: #00f8f7;
	border-bottom: 3px solid #919191;
	border-left: none;
	border-right: none;
	border-top: none;
	height: 35px;
	line-height: 35px;
	padding: 0px 20px;
	cursor: pointer;
}

#content .frm-contact ul.list-social{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#content .frm-contact ul.list-social li{
	display: inline-block;
	zoom:1;
	*display: inline;
	vertical-align: top;
	margin-right: 10px;
}

.gallery img {
    height: 116px;
    max-width: 125px;
}
.blueberry img {
  width: 101%;
}
.blueberry .pager {
display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.blueberry .slides li img{
		margin-top: -28px;
	}
	
}

@media screen and (max-width: 767px) {
div.slideshow img {
vertical-align: middle;
  border: 1px solid #ccc;
  width: 376px !important;
height: 300px !important;
  margin-left: 5px !important;
}
}
div.slideshow img {
vertical-align: middle;
  border: 1px solid #ccc;
  width: 476px;
height: 400px;
  margin-left: 14px;
}

.social a {
  text-decoration: none;
  color: rgb(74, 171, 179);
}