/**********SHARED**********/
.no-bottom {margin-bottom: 0;}

.colorskin-5 .jcarousel-next:hover, .colorskin-5 .jcarousel-next:active, .colorskin-5 .jcarousel-prev:hover, .colorskin-5 .jcarousel-prev:active, .colorskin-5 nav.primary ul li a:active, .colorskin-5 nav.primary ul li a.selected, .colorskin-5 #headline2, .colorskin-5 .callout, .colorskin-5 .servobx, .colorskin-5 #menu-icon:hover, .colorskin-5 #scroll-top a:hover, .colorskin-5 .bloxcirc.portx, .colorskin-5 ul#main-ibox li.active9, .colorskin-5 a.readmore {
	background-color: #0A74C2;
}
a, a:visited {
color: #9808BC;
}
.top-links a, .top-links span {
	color: #fff;
}
a.readmore {}
.blog-post a.readmore:visited {color:#fff;}

ol {list-style: decimal;}
sup { vertical-align: top; font-size: 0.4em;}
/********* END iBOX ***********/

/***********HEADER***************/
.top-bar {
	background: url(/images/headerBg.jpg) repeat-x #002e4f;
	border-bottom: 5px solid #646464;
	height: auto;
	padding-bottom: 0;
}
.top-bar .socailfollow {
	position: relative;
	z-index: 500;
}
.top-bar .socailfollow a {
	background: transparent;
	/*background: url(/images/social-sprite.png) no-repeat ;
	height: 28px;
	width: 28px;
	margin: 0 3px;*/
}
.top-bar .socailfollow img {
	max-width: none;
}

a.spoton {
	float:left;
	margin:0;
	padding: 0;
	position: relative;
	z-index: 500;
	top: -20px;
	left: 20px;
}
a.spoton img {max-height: 44px;}/*80*/
/*
.socailfollow a.fb {background-position: 0 0;}
.socailfollow a.tw {background-position: -46px 0;}
.socailfollow a.yt {background-position: -92px 0;}
.socailfollow a.fl {background-position: -138px 0;}
.socailfollow a.pi {background-position: -184px 0;}
.socailfollow a.ig {background-position: -228px 0;}
*/


.superlogo {
	position: relative;
	height: 193px;/*260*/
	text-align: center;
	top: -49px;
}
.superlogo a {
	/*
	position: absolute;
	top:-65px;
	display: block;
	*/
}
.top-links {
	position: relative;
	/*
	bottom:-35px;
	left: 110px;
	*/
	z-index: 500;
} 

img.star {
	position: absolute;
	top: 20px;
	left: -20px;
	display: none;
}
#fr .nav-wrap2 #nav li {
margin: 0;
padding: 0 18px 0 0;
}

.colorskin-5 .callout a.callurl, .colorskin-5 .blog-date-sp h3, .colorskin-5 a.magicmore, .colorskin-5 .acc-trigger a:hover, .colorskin-5 .acc-trigger.active a, .colorskin-5 .acc-trigger.active a:hover, .colorskin-5 #nav a:hover, .colorskin-5 .nav-wrap2 #nav a:hover, .colorskin-5 #nav li:hover > a, .colorskin-5 #nav li.current a, .colorskin-5 #nav li.current ul li a:hover, .colorskin-5 .ls-layer h3, .colorskin-5 .ls-layer h4, .colorskin-5 h6.blog-cat {
	border:none;
}
.colorskin-5 .callout a.callurl, .colorskin-5 .blog-date-sp h3, .colorskin-5 a.magicmore, .colorskin-5 .acc-trigger a:hover, .colorskin-5 .acc-trigger.active a, .colorskin-5 .acc-trigger.active a:hover, .colorskin-5 #nav a:hover, .colorskin-5 .nav-wrap2 #nav a:hover, .colorskin-5 #nav li:hover > a, .colorskin-5 #nav li.current a, .colorskin-5 #nav li.current ul li a:hover, .colorskin-5 .ls-layer h3, .colorskin-5 .ls-layer h4, .colorskin-5 h6.blog-cat {
	color:#9808bc; /*018BEE*/
}
a.language {
	display: inline-block;
	width: 57px;
	height: 30px;
	margin-right: 0;
	margin-left: 0;
}
.language.en-us {
	background: url(/images/us_btn.png)no-repeat;
	width:40px;
}
.language.en-ca {
	background: url(/images/can_en.png)no-repeat;
}
.language.fr {
	background: url(/images/can_fr.png)no-repeat;
}
#en-us .en-us, #en-ca .en-ca, #fr .fr {display: none;}

nav.nav-wrap2 {
	height: 55px;
	margin-top: 0;
}
.nav-wrap2 #nav a {
	height: 35px;
}
/**********END HEADER***********/


/*********** VIDEOS ***************/
.portfolio-item {position: relative;}
.portfolio-item h5 {font-size: 14px;}

/**********END VIDEOS ***********/

/*********** EVENTS ***************/
.events .blog-single-post {
	margin-bottom: 25px;
	border-bottom: 1px solid #e1e1e1;
	overflow: auto;
}
.listbox1 ul#past-events li a {
	cursor: default;
}
/**********END EVENTS ***********/

/*********** FEATURED DOGS ***************/
aside.dog {
	clear: both;
	margin: 25px 0;
	overflow: auto;
}
/**********END FEATURED DOGS ***********/

/***********ABOUT***************/
.bio-image {
	float: left;
	margin:0 10px 10px 0;
}
div.divider {
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 25px;
}
/**********END ABOUT***********/

/*********** Join Fun ***************/
h1.reklam2 {
	color:#9808bc;
	border-color: #9808bc;
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
	width: 100%;
	padding-bottom: 10px;
}
.process-icon {
	position: relative;
	margin: 0 auto;
	width: 178px;
	height: 178px;
	padding: 10px;
	background: none;
	border:none;
	-webkit-transition: all 0.17s ease;
	-moz-transition: all 0.17s ease;
	-ms-transition: all 0.17s ease;
	-o-transition: all 0.17s ease;
	transition: all 0.17s ease;
	}
.process-icon-box, .process-icon-box.first, .process-icon-box.first-ico, .process-icon-box.last-ico {background: none;}
.process-box {width: 153px;}
.process-icon a {
	display: block;
	width: 100%;
	height: 100%;
}
.process-icon {
	/*first icon is dog-news/red this sets it here*/
	background: url(/images/join-sprite.png) no-repeat 0 0;
}
.process-icon:hover {
	background-color: transparent;
}
.red:hover {
	background-position: 0px -250px;
}
.green {
	background-position: -882px 0px;
}
.green:hover {
	background-position: -882px -250px;
}
.blue {
	background-position: -666px 0;
}
.blue:hover {
	background-position: -666px -250px;
}
.orange {
	background-position: -450px 0;
}
.orange:hover {
	background-position: -450px -250px;
}
.yellow {
	background-position: -220px 0;
}
.yellow:hover {
	background-position: -220px -250px; 
}
.paw {
	background-position: -1095px 0;
}
.paw:hover {
	background-position: -1095px -250px; 
}
.process-content h5 a {color:#ee2e24;}
.process-content.green h5 a {color:#7ac142;}
.process-content.blue h5 a {color:#25aae1;}
.process-content.orange h5 a {color:#f79343;}
.process-content.yellow h5 a {color:#9808BC;}
.process-content.paw h5 a {color:#10017b;}


.process-content {padding-top: 150px;}


/***********End Join Fun***************/


/**********FOOTER**********/
#footer {
	box-shadow: none;
	background: url(/images/footerBg.jpg) repeat-x;
	border-color: #646464 !important;
	padding:0;
}
.footer-navi, .footer-navi a {color:#fff;}
#fr .footer-navi a {margin:0 2px;}
.footbot {
	background: transparent;
	border:none;
	box-shadow: none;
}
a.lma {
	position: relative;
	top: -15px;
}

/********** FORMS **********/
.colorskin-5 .button, .colorskin-5 button, .colorskin-5 a.price-send, a.button, .colorskin-5 input[type="submit"], .colorskin-5 input[type="reset"], .colorskin-5 input[type="button"] {
	border: 1px solid #085186;
	background: #0E7CCC;
	background: -moz-linear-gradient(top, #0A74C2, #0E7CCC);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0A74C2), color-stop(100%,#0E7CCC));
	background: -webkit-linear-gradient(top, #0A74C2, #0E7CCC);
	background: -ms-linear-gradient(top, #0A74C2, #0E7CCC);
	background: -o-linear-gradient(top, #0A74C2, #0E7CCC);
	background: linear-gradient(top, #0A74C2, #0E7CCC);
	color: #fff;
}
.colorskin-5 .button:hover, .colorskin-5 button:hover, .colorskin-5 a.price-send:hover, a.button:hover .colorskin-5 input[type="submit"]:hover, .colorskin-5 input[type="reset"]:hover, .colorskin-5 input[type="button"]:hover {
background: #0A74C2;
}
a.button {text-transform: none;}

select {padding:6px 4px;}

.contact-form.no-bg {background:none;}


/******************** SPLASH ****************/
body.splash {
	background: url(/images/splashBg.jpg) repeat-x #feffff;

}
.splash #wrap {background: transparent;}
.splash-content {
	min-height: 200px;
}
.splashLogo {margin: 15px 0;}
#welcome {
	height: 30px;
	background: url(/images/welcome.png) no-repeat center center;
}
.splash h2 {
	font-size: 50px;
	color:#9400ba;
	font-weight: bold;
	margin:25px 0;
}
.splash h2 span {
	font-size: 82%;
	position: relative;
	top: -10px;
}
.chooseWrap {
	position: relative;
}
.chooseWrap a {
	position: absolute;
	background: transparent;
	height: 80px;
	width: 80px;
}
.chooseWrap a.en-ca {
	display: block !important;
	bottom:70px;
	left:135px;
}
.chooseWrap a.fr {
	display: block !important;
	bottom:70px;
	left:340px;
}
.chooseWrap a.en-us {
	display: block !important;
	bottom:70px;
	right:165px;
}


/**************** END SPLASH ****************/





/********* MEDIA QUERIES ************/

@media only screen and (max-width: 959px) { 
	.chooseWrap a {
		height: 80px;
		width: 80px;
	}
	.chooseWrap a.en-ca {
		bottom:70px;
		left:41px;
	}
	.chooseWrap a.fr {
		bottom:70px;
		left:243px;
	}
	.chooseWrap a.en-us {
		bottom:70px;
		right:70px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.nav-wrap2 #nav li {
		padding-right: 5px;
	}
	#fr .nav-wrap2 #nav li {
		padding-right: 0px;
	}
	#fr #nav a.drp-aro {
		padding-right: 8px;
		font-size: 12px;
	}

	.process-box {
		width: 145px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 
	img.star {
		display: none;
	}
	.top-links {
		/*
		top:-80px;
		float: right;
		*/
		right: 0;
	}
	.top-bar {height: auto;}
	.top-bar .two_third.column {
		margin-bottom: 0;
	}
	.top-bar .one_third.column {
		position: relative;
		/*
		top: -100px;
		right: -300px;
		*/
	}
	.top-bar .socailfollow	{
		width: 50%;
		margin: 0 auto;
	}
	.top-bar .socailfollow a {
		display: block;
		float: left;
	}
	.superlogo {
		height:auto;
		min-height: 10px;
		position: relative;
		top: 0;
		margin-bottom: 0!important;
	}
	.process-box {
		float: none;
		margin:0 auto;
	}
	#footer {
		height:auto;
		background-color: #002e4f;
	}
	.footbot {top: -20px;}
	a.lma {display: none;}

	.chooseWrap a {
		height: 50px;
		width: 50px;
	}
	.chooseWrap a.en-ca {
		bottom:42px;
		left:16px;
	}
	.chooseWrap a.fr {
		bottom:42px;
		left:131px;
	}
	.chooseWrap a.en-us {
		bottom:42px;
		right:30px;
	}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 
	#footer {height: 50px;}
	.footer-navi {
		line-height: 15px;
		text-align: center;
		padding-left: 0;
	}

	a.language {
		width: 54px;
	}
	.top-links {
		float: none;
		/*left: 75px;*/
		width: 90%;
		margin: 0 auto;
	}
	.top-links a, .top-links span {margin:0 2px;}
	.top-bar .socailfollow {
		position: relative;
		width: 70%;
		margin: 0 auto;
		/*
		right: 168px;
		bottom: -6px;
		*/
	}
	.bio-image{float: none;}
	.footer-navi a {
		font-size: 10px;
	}
	.footer-navi {
		width: 205px;
		padding-top: 10px;
	}
	a.spoton {
		float: right;
		position: static;
	}

	.chooseWrap a {
		height: 40px;
		width: 40px;
	}
	.chooseWrap a.en-ca {
		bottom:30px;
		left:10px;
	}
	.chooseWrap a.fr {
		bottom:30px;
		left:90px;
	}
	.chooseWrap a.en-us {
		bottom:30px;
		right:20px;
	}

}
@media only screen and (max-width: 320px) {
	.top-bar .socailfollow a.fb {
		padding-left: 0;
	}
	.top-bar .one_third.column{
		/*right:-270px;*/
	}
	.top-links {
		/*left: 45px;*/
	}
	.footer-navi {
		width: 200px;
		padding-top: 15px;
	}
	.footer-navi, .footer-navi a {
		font-size: 9px;
		line-height: 12px;
	}
	a.spoton {
		position: static;
		float: right;
	}
}