@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100);
@import url(https://fonts.googleapis.com/css?family=Plaster);
@import url(https://fonts.googleapis.com/css?family=Homenaje);
 
html{
overflow:hidden	
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

#Container {
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/


/* Mobile Layout: 480px and below. */


#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
body{
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	top:0;
	left:0;
	
}

@media only screen and (min-width: 581px) {
 
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
 
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	 
}
 
}
#TotalBodyHolder{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	opacity:0;
	z-index:auto
	
}


#mainContent{
   width:100%;
   height:100%;
   top:0;
   left:0;
  overflow:hidden;
   margin:0px;
   position:absolute;
   padding:0px;
   display:block;
 
	
}
#mainContainer{
	position:absolute;
	width:50%;
	height:50%;
	top:20%;
	left:20%;
	margin:0px;
	padding:0px;
	 display:block;
	 background-color:#09F
	 opacity:0;
}
#mainLogo{
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
	height:auto;

}
#mainLogo h1, #mainLogo img{
cursor:pointer;
	
}
 
#copyR{
	position:absolute;
	top:0px;
	width:auto;
	left:0px
}

#copyR ul{
padding-left:0px;	
}
#copyR ul{
	padding-top:0;
	padding-bottom:0;
	margin-top:auto;
	margin-bottom:auto;
}
#copyR ul li{
  display:inline-block;
  text-decoration:none;
  color:#000;
  list-style:none;
  cursor:pointer;
  position:relative;
 
 	
}
/*
#navButton{
	left:20px;
	position:absolute;
	bottom:10px;
	width:auto;
	padding-left:20px;
	padding-right:20px;
	background-color:#333;
 
    background-color: rgb(0, 0, 0);
 
    background-color: rgba(0, 0, 0, 0.4);
   
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	height:auto;
	line-height:30px;
	color:#FFF;
	cursor:pointer;
	font-size:14px;
	
	border: 1px solid rgba(0,0,0,0.8);


-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
box-shadow: 0 1px 5px rgba(0,0,0,0.3);

}*/
#copyR ul li .BtnTxt:hover{
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count:1;
	-webkit-animation-name: pulse;
	
	-moz-animation-duration: 1s;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count:1;
	-moz-animation-name: pulse;
	
	-o-animation-duration: 1s;
    -o-animation-delay:0s;
    -o-animation-iteration-count:1;
	-o-animation-name: pulse;
	
	animation-duration: 1s;
    animation-delay:0s;
    animation-iteration-count:1;
	animation-name: pulse;
 
}


#infoCloseBtn, #infoOpenBtn{
	opacity:0;
	width:30px;
	height:20px;
	background-color:#333;
	cursor:pointer;
	position:absolute;
	z-index:1001;
	right:0px;
	top:30px;
	display:none;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-top:solid 1px;
	border-right:none;

}
#FPinfoHidden {
	display:none
}
#galleryBtnHolder{
	position:relative;
	 width:auto;
	color:#000;
    top:0px;
 
	float:right
	
}
#galleryBtnHolder .slideBtn{
	display:none
}
#leftArrowNew, #rightArrowNew, #SlideShow{
	cursor:pointer;
	display:inline-block
	
}
#FullScreen, #ExitFullScreen{
cursor:pointer;
float:left;
 
 
}

 #SlideShow{
 
 }
.titlediv{
width:auto;
	font-size:10px;
	color:#000;
	float:left;
	display:inline-block	
}
#FullScreen span, #ExitFullScreen span{
	float:left
}
#FullScreen span, #ExitFullScreen span, #leftArrowNew >span, #rightArrowNew >span, #SlideShow > .camera_playNew, #SlideShow > .camera_stopNew{
	display:inline-block;
 
}


.txtShdw{
text-shadow: 2px 4px 2px rgba(150, 150, 150, 0.8);	
}
#galleryBtnHolder div.main{
	display:inline-block;
	float:left
 

}
#ExitFullScreen{
	display:none
} 
div.main div{
	display:inline-block;
}
#SlideShow{
	
	
}
.SSicon{
	font-family: 'Raleway', sans-serif;	
   font-size:24px;
	letter-spacing:-5px;
	font-weight:100;
}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #FFF;
}
 
#informationArea{
	position:absolute;
	bottom:0px;
	width:100%;
	height:auto;
	
}
#copyRinfo,#imageInfo,#ShareInfo{
	
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	
}
#CloseInfo{
	position:absolute;
	right:10px;
	top:10px;
	font-size:16px;
	color:#FFF;
	cursor:pointer;
	z-index:1
	
} 
article, #infoHead{
 position:relative;
 height:100%;
 overflow:hidden;
 float:left

}
.navBg{
	position:absolute;
	width:100%;
	height:100%;
	/*background:url(../../templates/ottawa/menu_bg.jpg) repeat;*/
	
}
nav a{
	text-decoration:none;
	
}
.MainInfoBg{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#333;
	background:rgba(220,220,220,0.5);
	
	/*background:url(../../templates/ottawa/menu_bg.jpg) repeat;*/
	
}
#BottomInformation{
  width:100%;
  position:absolute;
  left:0px;
  bottom:80px;
  height:300px;	

}
#infoHead{
	width:20%
}

nav a{
	cursor:pointer
}





nav div.mainBlocks div a{
	color:#000;

}
 article{
	width:50%; 
 }
 footer{
opacity:0;	 
 }
 
.footerBg{
	position:absolute;
	width:100%;
	height:100%;
	background-color:transparent;
	opacity:0.5;
 
}
.infoBg{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#333;
	opacity:0.5;
	z-index:-1
	
}
#ContainerShape{
	position:absolute;
	overflow:hidden;
 
	opacity:0;
	
}

#ContainerSize{
	
}
#ThumbPage{
 position:relative;
 width:auto;
 height:auto;
}
#AssetPlace{
 position:absolute;
 width:100%;
 height:100%;
 display:none
 
	
}
#loadAssetHere{
	
	 width:100%;
     height:100%;
	 position:absolute;
	
}
#AssetInfo{
	 	overflow:hidden;
		width:80%;
		margin-left:10%;
		padding-top:20px;
		padding-bottom:10px;
		padding-left:20px;
		margin-bottom:10px
	}
/*#ThumbPage img{
	display:inline;
	float:left;
	
}*/

#homeLogo{
	position:relative;
	padding:5px;
	display:table;
	height:100%;
	outline: 0;
	
}
#homeLogo a{
	display:table-cell;
	vertical-align:middle;
	outline: 0;
}
#homeLogo img{
	outline: 0;
}
#homeLogo, #linksHeader{
 
	float:left;
	
}
#BigScreenno #ThumbsPlace{
width:100%;
left:0px
}

#BigScreenno .jThumbnailScroller{
width:100%;

}
#BigScreenyes #ThumbsPlace{
	position:absolute;
	height:90%;
	width:auto;
	overflow:hidden;
	display:none;
	top:20px;
	right:20px;
	padding-left:10px;

	z-index:1
 
	
}
 
#BigScreenno #ThumbsPlace{
	position:relative;
	width:90%;
	height:auto;
	overflow:hidden;
	display:none;
	left:5%;
	padding-top:10px
	
}
#ThumbsPlaceAuto{
	position:absolute;
	display:none;
	width:100%;
	right:0px;
	
}
body #gbpagecode{
	background-color:transparent;
}
#ImagePage,#FrontPage, #AssetPage,#GbPage{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	opacity:0
 
}
#ImagePage, #AssetPage,#GbPage{
display:none
 
}
#AssetPage{
background-color:#333;
overflow:hidden;

}

.flexslider .slides > li{
	position:relative
	
}
#FPslideview{
cursor:pointer	
}
/*#FPslideview li p.title
 {
 position:absolute;
 width:200px;
	height:auto;
	min-height:20px;
	left:50%;
	top:50%;
		margin-top:-25px;
	margin-left:-100px;	
	background-color:#666;
	background:rgba(0,0,0,0.5);
	font-size:14px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	border:2px solid #333;
     border-radius:10px;
	 z-index:100001;
	 padding-top:10px;
	 padding-bottom:10px;
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
 
}*/

#FPslideview li p.title
 {
 position:relative;
 width:100%;
	height:auto;
	min-height:20px;
	font-size:14px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	 z-index:100001;
	 padding-top:10px;
	 padding-bottom:10px;
 
 
}
 #slideview li .StackSpan, #slideview li .VideoSpan, #slideview li .EmbedSpan,
#camera_wrap_2 .StackSpan,#camera_wrap_2 .VideoSpan, 
#camera_wrap_2 .EmbedSpan{
	left:50%;
	top:50%;
	width:100px;
	height:100px;
	margin-top:-50px;
	margin-left:-50px;	
	position:absolute;
	cursor:pointer;
	display:none
	
}

 

.forStackVideo{
    display:none;
 
}


  .clear{
clear:both;
height:1px;
margin-top:-1px;
overflow-x:hidden;
overflow-y:hidden;
visibility:hidden;	 
 }
 .display{
	 display:block;
	 
 }
  .hide{
	 display:none;
	 
 }
 nav ul li a{
	 color:#000;
	 font-size:14px;
	 
	 
 }
 

#CloseInfo, #closeThumbInfo{
position:absolute;
right:0px;
top:10px;	
display:none;
width:20px;
font-size:16px;
color:#CCC;
cursor:pointer;
z-index:100;
}


#CloseNav{
	 
	width:24px;
	height:24px;
	background: url(../../templates/ottawa/Black_24/arrow-rectangle-19.png) no-repeat right center;
	
	 
}
#navButton .BtnTxt{
	height:24px;
	line-height:24px;
	padding-right:10px
	
}
#CloseInfoB{
	width:24px;
	height:24px;
	background: url(../../templates/ottawa/Black_24/text-wrapping-2.png) no-repeat right center;
}
 #infoIdno .BtnTxt{
	height:24px;
	line-height:24px;
	padding-right:10px 
 }
 
 
.TableHolder{
	display:table-cell;
	vertical-align:middle;
	

}
.TableHolder div{
	display:inline-block;
	float:left

}
#openThumbInfo{
position:relative;
height:20px;
text-align:center;
color:#333;
cursor:pointer;
display:none	
}
#rightNav:hover, #leftNav:hover{
color:#333;	
}



#ShareInfo,#ImageInfono{
	position:absolute;
	left:0px;
 
	width:100%;
	height:auto;
	 
	 
}
.infoHolder{
	position:relative;
	padding-left:15px;
	padding-top:10px;
	
}
.viewcart, .addtocart{
	margin-right:10px
}
 #CRholder{
	 text-align:right;
	 
 }
#ShareInfoHolder{
	position:relative;
	float:right;
	width:auto;
	padding-left:40px
	 
	
}

#ShareInfoHolder a, #ShareInfoHolder div{
	display:inline-block;
	width:auto;
	float:left;
	padding-left:5px
	
}
 
 
 
#infoInfono #infoContent{
	padding-top:50px;
	padding-left:20px;
	padding-right:20px;
	
	
}
#infoCloseX{
	position:absolute;
	cursor:pointer;
	z-index:10
}
#infoInfono #infoCloseX{
	right:20px;
	top:20px;
	
}
#infoInfoyes #infoCloseX{
 	left:20px;
	top:20px;
	
}
#infoInfoyes #ImageInformation, #infoInfoyes .FpImageTxt{
	padding-top:30px
	
}
.FpImageTxt{
	color:#333
	
}
.camera_link{
	cursor:pointer
	
}
#hiddenHeight{
	position:absolute;
	left:-500px;
	display:none;
	width:1px;
	
}
.closeAsset{
	color:#FFF;
	position:absolute;
	right:20px;
	top:10px;
	cursor:pointer;
	font-size:18px;
	z-index:10
	
}
/*
#pfLScroll .mCSB_draggerContainer{
	opacity:0;
	z-index:-1
}*/
#pfLScroll .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight,
 #pfLScroll .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft{
	 display:none !important

}
#PortfolioNav{
/* -moz-box-shadow: inset 0 0 2px #333;
   -webkit-box-shadow: inset 0 0 2px #333;
   box-shadow: inset 0 0 2px #333;*/
   
}

.GroupHolder{
 
}


/* GP temp*/


.GpName{
	
	
}
.column{
  position:relative;

}
.column > * { padding-left: 15px; padding-right:15px }
.first.column > *{
 padding-left:0px;	
}
.GroupHoldern .column:last > *{
 padding-right:0px;		
}/*#GroupHolder1, #GroupHolder2, #GroupHolder3{
	
	position:absolute;
	top:0px;
	width:200px
	
}*/
.colWrap{
 border-right:2px groove #FFF
 
}
.colWrap.last{
	padding-right:0px;

	border:none
}
.gpHolderHide{
	position:absolute;
	top:0px;
 
}
#GroupHolder1{

}
.show{
	display:block;
	opacity:0;
}


/* Navigation links styles*/
.pflinks, .sidenav{
	 
	 
}
.pgHead.selectedLG{
	background-color:#333;

}
.GroupHolder{
 
}
nav div.mainBlocks div a.groupName, nav div.mainBlocks div a.hometxtlink{
	display:block;
font-family: 'Homenaje', sans-serif;
font-size:18px;
 
font-weight:bold

}
.mainheading{
 
}
/*
#PortfolioNav .mainheading{
	padding-left:20px;
	padding-right:20px
	}
.titleXML{
	display:block;
	width:100%;
	background-color:#EFEFEF;
	opacity:0.5
   
	
}
#PortfolioNav:hover .mainheading{
	visibility:visible
	 
}

#informationNav:hover .mainheading{
	visibility:visible
}*/
.GroupHolder .selectedL{
color:#900;
 
}
.notGrouped .selectedL a, .sidenav.selectedL a, #Gblinks .selectedL a, #homeNav .selectedL a{
	color:#900;
 
}
/*#homeNav #homeLogo, #homeNav #HomeTxt{
	display:inline-block;

}*/
#BigScreenyes #homeNav #homeLogo,#BigScreenyes #homeNav #HomeTxt{
	display:block;
}

#homeNav #HomeTxt{
	vertical-align:top;
	padding-left:20px;
}

a#Guestbook, a.emailXML {
	display:inline-block;
	float:left
	
	
}
a.emailXML.hide{
	display:none
}
a.emailXML{
	width:50px
}
#BigScreenyes #homeNav #HomeTxt{
padding-left:0px;
padding-top:20px	
}
.socLink_follow_box{
	padding-top:10px
	
}
.camera_thumbs{
	 
}

#camera_wrap_2 .camera_thumbs{
	
	display:none
}
.camera_thumbs_cont ul li > img{
	border:none;
	padding:0px;
	margin:0px
	
}
/*#smallScreen{
	display:none
}
#BigScreen{
display:block	
}*/

.camera_target_content{
	width:100%;
	height:100%;
	display:block
	
	
}

.cameraContent{
	top:100px;
	left:0px;
	
	
}





 .clear{
clear:both;
height:1px;
margin-top:-1px;
overflow-x:hidden;
overflow-y:hidden;
visibility:hidden;	 
 }
 nav div.mainBlocks div a.groupName {
	display:block;
font-family: 'Homenaje', sans-serif;
font-size:18px;
font-weight:bold

}

/*.navBg {

    background: url(../../templates/ottawa/bg-noise.png) #F7F7FA ;
background: linear-gradient(center top , rgba(255, 255, 255, 0.1) 0px, rgba(0, 0, 0, 0.1) 100%), url(../../templates/ottawa/bg-noise.png);
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0px, rgba(0, 0, 0, 0.1) 100%), ;
	background: -webkit-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0px, rgba(0, 0, 0, 0.1) 100%), url(../../templates/ottawa/bg-noise.png);
		background: -o-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0px, rgba(0, 0, 0, 0.1) 100%), url(../../templates/ottawa/bg-noise.png);
				background: -ms-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0px, rgba(0, 0, 0, 0.1) 100%), url(../../templates/ottawa/bg-noise.png);
    background-size: auto auto;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
   
}*/

.assetBg{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
 background-color: rgba(0, 0, 0, 0.50);
   
   
    
}

 
 
 /* GB styles*/
 
#artistphoto{
width:20%;
height:300px;
position:relative;
 
float:left;
 
padding-right:3%;
padding-left:3%;
padding-top:5%;
 padding-bottom:5%;
display:block

}

#gbHolder{
	width:71%;
	float:left;
	padding-left:3%

}
 .Datas, #dataFromXml{
	width:50%;
	float:left; 
	 
 }
#GBiframe{
	position:absolute;
	width:100%;
	height:100%;
	
	
	
}
.gbhide{
	display:none
}
#formWrap{
     height: 440px;
    left: 2%;
    position: absolute;
    width: 96%;
	top:50%;
	margin-top:-180px
}

.gb_btn{
	border: solid 2px #333333;
	width: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right:10px;
	display:inline-block;
	cursor:pointer;
	margin-top:10px	
}
.submit_block{
	padding-top:10px;
	

}
#gbheading{
	padding-bottom:20px;
	font-size:16px
	
	
}
.c_gblabel{
padding-top:5px	
}
/*.c_gbdata input{
width:90%	
}
.c_gbdata textarea{
width:90%	
}*/
.c_gbdata input#11Text{
width:60%	
}
.c_gblabelN, .c_gblabelL, .c_gbdatalN.radio{
	margin-top:10px
	
}
#addxmlText{
	padding:20px
}
#gbpagecode{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;

	
	
}
#cellwrap{
    
    position: relative;
    width: 80%;
  
	height:100%;
	max-width:1024px;
	margin:0 auto;
 
	background-color:#CCC
	
}
/*End GB */


#ImageFloat{
  width:4000px;
  position:relative
  	
}
.wraptocenter{

	
}
#ImageFloat img.leftfloat{
	float:left;
	height:100%;
	width:auto;
	display:inline-block
	
}
#FrontPage .flex-prev,#FrontPage .flex-next{
	width:auto !important
	
}
#FrontPage .flexslider .slides > li{
	 
}
 #ImagePage .flexslider .slides > li{
-webkit-animation-name: fadeInNo;
	 
	-o-animation-name: fadeInNo;
	animation-name: fadeInNo;
	-webkit-animation-fill-mode:both; -ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s; -ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;
	box-shadow: #000 0em 0em 0em;
	 -webkit-transform: translate3d(0,0,0); 
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
 }
#ImagePage .flexslider .slides > li.flex-active-slide{
-webkit-animation-name: fadeInN;
	 
	-o-animation-name: fadeInN;
	animation-name: fadeInN;
	-webkit-animation-fill-mode:both; -ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s; -ms-animation-duration:1s;-o-animation-duration:1s;
	box-shadow: #000 0em 0em 0em;
	 -webkit-transform: translate3d(0,0,0); 
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
} 
 

/*#ImagePage.SsimpleFade .camera_effected{
	
	display:none;
	opacity:0
}*/

.carouselimg{
	
}
@-webkit-keyframes fadeInN {
	0% {opacity: 0.2;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeInN {
	0% {opacity: 0.2;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeInN {
	0% {opacity: 0.2;}	
	100% {opacity: 1;}
}

@keyframes fadeInN {
	0% {opacity: 0.2;}	
	100% {opacity: 1;}
}



@-webkit-keyframes fadeInNo {
	0% {opacity: 1;}	
	100% {opacity: 0.2;}
}

@-moz-keyframes fadeInNo {
	0% {opacity:1;}	
	100% {opacity: 0.2;}
}

@-o-keyframes fadeInNo {
	0% {opacity: 1;}	
	100% {opacity: 0.2;}
}

@keyframes fadeInNo {
	0% {opacity: 1;}	
	100% {opacity: 0.2;}
}

/* ------------------ */
#FrontPage .cameraSlide_0{
opacity:1 !important	
}


 

@-webkit-keyframes fadeInNn {
 0% {
  opacity:0;
}
 
100% {
opacity:1;
}
}

@-moz-keyframes fadeInNn {
	 0% {
  opacity:0;
}
 
100% {
opacity:1;
}
}

@-o-keyframes fadeInNn {
 0% {
  opacity:0;
}
 
100% {
opacity:1;
}
}

@keyframes fadeInNn {
 0% {
  opacity:0;
}
 
100% {
opacity:1;
}
}



@-webkit-keyframes fadeInNon {
	 0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

@-moz-keyframes fadeInNon {
	 0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

@-o-keyframes fadeInNon {
	 0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

@keyframes fadeInNonS {
	 0% {
  opacity:1;
}
 
100% {
opacity:0;
}
}

@-moz-keyframes fadeInNonS {
	 0% {
  opacity:1;
}
 
100% {
opacity:0;
}
}

@-o-keyframes fadeInNonS {
	 0% {
  opacity:1;
}
 
100% {
opacity:0;
}
}

@keyframes fadeInNonS {
	 0% {
  opacity:1;
}
 100% {
opacity:0;
}
}

.dontshow{
	
display:none	
}
 
 .LeftFloat{
	width:25%;
	float:left;
	padding:2%; 
	min-width:280px;
 }
 .LeftFloat.addinfo{
	 
		width:55%;
	float:left;
	padding:2%; 
	min-width:280px; 
 }
 
 
.i_txt{
padding-top:5px;
padding-bottom:5px	
	
}
.cartBtnHldr{
padding-top:0px;	
}
.desprice .i_txt{
	max-width:1240px 
 } 
 .onameLbl{
	display:none 
 }
 .priceLabel span{
	 display:inline-block;
	 margin-left:5px
 }
 .imagename{
	padding-top:10px; 
	padding-bottom:10px
 }
.viewcart, .addtocart{
	padding:5px;
	/*border:1px #333 solid;
	border-radius:5px;*/
 
	display:inline-block
}
.optionSelect, .onameLbl{
display:none;	

padding-bottom:10px
}
.pricingSubHead{
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px
}
.priceLabel,.imwidth,.imheight,.imweight{
		padding-top:5px;
	padding-bottom:5px;
	padding-right:10px
}
.onameLbl{
	font-size:12px;
	font-weight:bold;

	
}
.loading{
position:absolute;
top:50%;
left:50%;
width:100px;
font-size:14px;
color:#FFF;
padding:10px;
matgin-left:-100px;
margin-top:-10px;	
	
}
#infoInfono{
	position:absolute;
	width:100%;
	left:0px;
	
}
#infoInfoyes{
	position:absolute;
	opacity:0;
 
}
#copyR ul li#infoIdyes{
	display:none
}



/*Menu styles */

#BigScreenno{
	position:absolute;
    
	width:100%;
	height:auto;
 
	
}
#BigScreenno #homeNav, #BigScreenno #PortfolioNav, #BigScreenno #informationNav, #BigScreenno #informationNav, #BigScreenno .pgHead{
	/*background:url(../../templates/ottawa/partition.png) repeat-y right center;*/
	border-right:2px groove #FFF
	
}
 
 
	
#BigScreenno .columnbreak .GroupHolder, #BigScreenno .infocolumnbreak{
  
column-gap:40px;
-moz-column-gap:40px; 
-webkit-column-gap:40px; 
column-rule:2px groove #FFF;
-moz-column-rule:2px groove #FFF;
-webkit-column-rule:2px groove #FFF;
}
	
#BigScreenno .columnbreak .GroupHolder div, #BigScreenno .infocolumnbreak div{
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-o-column-break-inside:avoid;
-ms-column-break-inside:avoid;
column-break-inside:avoid;
 
 
}
 
#BigScreenno div.mainBlocks{
	display:block;
	min-width:80px;
 	float:left;

	position:relative
	
}
#BigScreenno #linksHeader{
position:relative;
height:auto;
min-width:450px;
max-width:2000px;
}
 
#BigScreenno #logoandlinksHolder{
	position:relative;
	display:block;
	width:3000px;
	height:auto;
	
	
}
#FrontPage #pie_0{
	display:none !important
	
}
#ImagePage #pie_0{
	display:block !important
	
}
 #homeNav{
padding-right:20px;	
display:table
}
#BigScreenno .columnbreakn{
padding-left:20px;
padding-right:20px;	

}

 #informationNav,#Gblinks{
padding-left:20px;
	padding-right:20px;
}
	
#BigScreenno #PortfolioNav{
width:auto;
overflow:hidden;
 
}
#BigScreenno #pfLScroll{
	position:relative;
	width:100%;
	 
}
#BigScreenno #PFlinksAutoW{
	overflow:hidden
 

}
#BigScreenno #informationNav{
	width:auto;
}
#BigScreenno #navHeader{
position:relative;
width:100%;
height:auto;
padding-top:5px;
padding-bottom:5px;
height:0px;
border-bottom: solid 1px #D8D8D8;
border-top: solid 1px #D8D8D8;	
}
nav{
	opacity:0
	
}
#BigScreenno #navHeader div{
	display:inline-block;
	padding-left:10px;
	padding-right:10px
	
}

#BigScreenno #PFlinksAutoW .columnbreakn{
	float:left;
	display:inline-block;

	
}
 #allLinksHolder{
	width:auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:30px;
	
}
 #BigScreenyes{
	 position:absolute;
	 padding-top:0px;
	 padding-bottom:0px;
	 overflow:hidden
	 
	 
 }
 #BigScreenyes #logoandlinksHolder{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	  width:100%
 }
 #BigScreenyes #logoandlinksHolder  #homeLogo{
	 display:block;
	 height:auto;
	
 }
 #BigScreenyes #logoandlinksHolder #linksHeader{
 height:100%
 }
#BigScreenyes #logoandlinksHolder #linksHeader, #BigScreenyes #logoandlinksHolder  #homeLogo{
	position:relative;
	float:none

}
#BigScreenyes #allLinksHolder{
	position:absolute;
	left:0px;
	top:0px;
	height:95%
}
 
#BigScreenyes #informationNav, #BigScreenyes #Gblinks, #BigScreenyes .pgHead{
	padding-left:0px;
	padding-top:20px
}
/*End menu Styles*/



#CopyRightLogoHolder{
	position:absolute;
	bottom:0px;
	height:40px;
	width:100%;
	opacity:0;
	text-align:center
	
}
#CopyRightLogoHolder #brandHolder{
display:table;
	margin:0 auto;
	position:relative;
 
	
}
#brandHolder h1{
padding:0;
margin:0;
}
#brandHolder .LCbrand{
	display:inline-block;
	width:auto;
	float:left;
	padding-right:10px;
 
line-height:40px;
	height:40px
}
 #brandHolder .LCbrand h1{
	 line-height:normal
 }
#tempEmbdHolder{
	display:none
	
}
.viewcart, .addtocart{
	cursor:pointer
	
}
#bodytempbg, #LoadingLogo{
   
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
 
	font-size:36px;

  background-repeat:no-repeat;
  background-position:center center
	

}

#AssetInfo{
max-width:1024px;
position:relative;
padding:20px;
margin:0 auto
}


#stackslideshow { 
   
    position:absolute; 
    width: 100%; 
    height:100%; 
	display:none;
	left:0px;
	top:0px;
	overflow:hidden;
	text-align:center
    
    
}
#stackslideshow img{
	height:100%;
	width:auto;
	
}
#stackslideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
.flexslider .slides img{
	 -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
	
}
#ThumbPage img{
	opacity:0.5
	
}
#ThumbPage img.selectedThumb{
	opacity:1;
	
}
#soundonoff{
float:left;
margin-right:40px;
cursor:pointer
	
}
#soundonoff.on{
	background:url(../../templates/ottawa/Black_24/volume-down-2.png) no-repeat 50% 50%;
	width:24px;
	height:24px;
}
#soundonoff.off{
	background:url(../../templates/ottawa/Black_24/volume-up-2.png) no-repeat 50% 50%;
	width:24px;
	height:24px;
}
/*@media only screen and (max-device-width: 780px){
#ImagePage .camera_prev,  #ImagePage .camera_next, #FrontPage .camera_prev,  #FrontPage .camera_next{
	display:none!important;
	visibility:hidden;
 
	}
#ImagePage .flex-next, #ImagePage .flex-prev{
	z-index:-1;
	
	
}
	
	
}*/
.ImgPbgyes{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	
}
.dimtxt{
	position:absolute;
	width:200px;
height:20px;
top:50%;
left:50%;
margin-left:-100px;
text-align:center;
margin-top:-10px;
color:#FFF;
font-size:18px
	
	
}

.mCSB_scrollTools {
	height:30px
	
}

.InUp .ScrollM .mCSB_horizontal:after{
content:"Scroll Menu Here";
position:absolute;
width:120px;
color:#900;
height:20px;
bottom:5px;
left:50%;
font-size:12px;
margin-left:-310px;
-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-ms-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
	
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	-ms-animation-duration:3s;
	-o-animation-duration:3s;
	animation-duration:3s;	
}

#ThumbsPlace .jTscrollerContainer{
    min-width:3000px
}
#CRholder, #CRholder a{
    text-decoration: none
}



/* custom */
#ImagePage.SsimpleFade .cameraSlide.cameraSlide_1 img{
opacity:0
}
#ImagePage.SsimpleFade .cameraSlide.cameraSlide_1.cameracurrent img{
opacity:1
}