/* ---------------Global Styles--------------- */
/* Move down content because we have a fixed navbar that is 50px tall

 */
 
 
 .video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
 
 #photo-thumb-list li {height: 340px!important;}
 
 .gallery-overlay { height: 360px!important; }

a.cust-btn2 {   
    color: #fff!important;
    opacity: 1;
    text-decoration: none; 
    }
    
    
a:hover.cust-btn2 {   
    color: #fff;
    opacity: .9;
    }
    
    
.btn.btn-lg {
    font-size: 14px;
    padding: 16px 45px;
    color: #fff!important;
}

 .btn,
 p.btn {

  height: 30px;
  font-size: 11px;
  //line-height: 33px;
  min-width: 0;

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 2px solid #5e88a2;
 //border: 2px solid #47b475;
  padding: 0 26px;
  //height: 40px;
 // min-width: 150px;
 //line-height: 36px;
  //font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
  color: #5e88a2;
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  margin-right: 8px;
  margin-bottom: 24px;
}
.btn:hover,
p.btn > a:hover {
    background: #5e88a2 none repeat scroll 0 0;
    //border: 2px solid #5e88a2;
    border-radius: 0;
    color: #fff !important;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 30px;
  
}


/*
a.ctaButton2:hover,
a.ctaButton1:hover{   
    background: #5e88a2 none repeat scroll 0 0;
    color: #fff !important; }
 
 .btn,
 p.btn {

  height: 30px;
  font-size: 11px;
  line-height: 27px;
  min-width: 0;

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 2px solid #5e88a2;
 //border: 2px solid #47b475;
  padding: 0 26px;
  //height: 40px;
 // min-width: 150px;
 //line-height: 36px;
  //font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
  color: #5e88a2;
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  margin-right: 8px;
  margin-bottom: 24px;
}
.btn:hover,
p.btn > a:hover {
    background: #5e88a2 none repeat scroll 0 0;
    //border: 2px solid #5e88a2;
    border-radius: 0;
    color: #fff !important;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 30px;
  
}

.btn:last-child,
.btn:last-of-type {
  margin-right: 0;
}

.btn > a,
p.btn > a { 
    
     height: 30px;
  font-size: 11px;
  line-height: 27px;
  min-width: 0;

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  //border: 2px solid #47b475;
 //border: 2px solid #47b475;
  //padding: 0 26px;
  //height: 40px;
 // min-width: 150px;
 //line-height: 36px;
  //font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
  color: #5e88a2;
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  margin-right: 8px;
  margin-bottom: 24px;
    
    
    
}

p.btn > a {
   // background-color: #5e88a2;
}

p.btn > a:hover {//color: #fff; //background: #5e88a2;}


.btn > a:hover {color: #fff;
    
    height: 30px;
      line-height: 27px;
      //background-color: #5e88a2;
   // padding: 0 26px;  p.btn > a
    
}

a.btn.btn-sm {
    color: #5e88a2;
}
*/
.sendpageBody { 
    color: #666;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px; 
}

ul.bullets    	     {
		list-style: none;
		margin-left: 20px;
	     }

ul .bullets li:before,
ul .webpageWrapper li:before {
		//content: "\00BB \0020";
		
		margin-left: 20px;
	     }

/* ---------------General Module Styles--------------- */
.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::news */
.newsModule.moduleDetail {}
.newsModule.moduleLister {}
.newsModule .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
.newsModule .blurb {}
.newsModule .thumbnail {}
/* ModuleEnd::news */

/* ModuleBegin::forms */
/* basic calendar popup css */
.ui-datepicker {
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker .ui-datepicker-header {
	text-align: center;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 2px 0;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-today {
	background-color: #f2f2f2;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #000;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}
/* ModuleEnd::forms */

/* ModuleBegin::blog */
.blogModule {}
.blogModule .info {margin-bottom: 20px; }
.blogModule .author {}
.blogModule .date {}
.blogModule .thumbnail img { width:350px; max-width:100%; }
.blogModule .tags {} 
.blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; }
.blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; }

/* ---- Blog Lister ----- */
.blogModule.moduleLister {}
.blogModule.moduleLister h2 { margin-bottom:5px; }
.blogModule .listerItem {}
.blogModule .blurb {}

/* ---- Blog Detail ------- */
.blogModule.moduleDetail {}
.blogModule.moduleDetail h1 { margin-bottom: 5px; }
.blogModule.moduleDetail .fullText {}

/* ---- Blog Archives ------ */
.blogModule.archive .month { padding-left:10px; }
.blogModule.archive .year { font-weight: bold; }
/* ModuleEnd::blog */

/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */

/* ModuleBegin::photo */
.clearset { clear: both; height: 10px; } 
.clearset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html>body .clearset { height: auto; min-height: 10px; }

#photolist {}
.photoitem { padding: 15px 0px; border-bottom: 1px solid #cccccc; clear: both; }
.photoimage { width: 212px; padding: 0px 15px 0px 0px; float: left;}
.photoimage a { max-width: 200px; max-height: 150px; padding: 5px; display: block; text-align: center; border: 1px solid #cccccc; }
.photoimage a img { max-width: 200px; max-height: 150px; margin: 0 auto; text-align: center; display: block; }

#photothumb { }
#photothumb ul { padding: 15px 0 0 0; margin: 0; list-style: none; }
#photothumb li { width: 112px; height: 87px; padding: 0px 10px 10px 0px; float: left; }
#photothumb a { max-width: 100px; max-height: 75px; padding: 5px; display: block; text-align: center; border: 1px solid #cccccc; }
#photothumb a img { max-width: 100px; max-height: 75px; margin: 0 auto; text-align: center; display: block; }

/* Included to attach necessary jQuery Files - Edit jquery.lightbox-0.5.js file to change these image names or locations */
.includeLightBoxJs { background-image: url(graphics/jquery_scripts/jquery.lightbox-0.5.js);}
.includeLightboxImg1 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-blank.gif);}
.includeLightboxImg2 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-btn-close.gif);}
.includeLightboxImg3 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-btn-next.gif);}
.includeLightboxImg4 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-btn-prev.gif);}
.includeLightboxImg5 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-ico-loading.gif);}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* Photo - Thumbnail photo_rotator layout - Uses JQuery Cycle
Includes: Play/Pause, Previous/Next, 1 2 3 buttons
================================================== */

.rotateSliderFile1 { background: url(graphics/jquery_scripts/rotate/jqfunctions.js);}    

#photorotate { width: 600px; height: 448px; padding: 0; margin: 0; position:relative; background: #ffffff; 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
#photorotate .stgslide { width: 600px; height: 448px; position: absolute; left: 0px; top: 0px; }
#photorotate .stgslide .stgslidebase { width: 600px; height: 448px; position: absolute; left: 0; top: 0; display: block; }

#photorotatea { outline-width: 0; outline-style: none; }

#photorotate .stgslide .stgslidephoto { width: 600px; height: 448px; position: absolute; left: 0; top: 0; z-index: 85; }
#photorotate .stgslide .stgslidephoto a { width: 600px; height: 448px; display: block; text-align: center; }
#photorotate .stgslide .stgslidephoto img { max-width: 600px; max-height: 448px; margin: 0 auto; text-align: center; border: 0; vertical-align: bottom; 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }

#photorotate .stgslide .stgslidecontent { width: 560px; height: 60px; padding: 0 20px; position: absolute; left: 0; bottom: 50px; overflow: hidden; z-index: 86; background: transparent url(graphics/jquery_scripts/rotate/stgslidebar.png) repeat left top; }
#photorotate .stgslide .stgslidecontent a { text-decoration: none; color: #333333; }
#photorotate .stgslide .stgslidecontent a:hover { text-decoration: underline; }
#photorotate .stgslide .stgslidecontent h2 { padding: 5px 0 0 0; margin: 0; color: #333333; }
#photorotate .stgslide .stgslidecontent p { padding: 5px 0; margin: 0; color: #333333; }

#photorotate .stgslidePause { width: 20px; height: 20px; position: absolute; right: 10px; bottom: 5px; z-index: 87; }
#photorotate .stgslidePause a { width: 20px; height: 20px; display: block; }
#photorotate .stgslidePause a span { width: 20px; height: 20px; display: block; text-indent: -3000px; }
#photorotate #pauseButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslidepause.png) no-repeat left top; }
#photorotate #playButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslideplay.png) no-repeat left top; }

#photorotate .stgbtngrp { width: 200px; height: 20px; position: absolute; left: 10px; bottom: 5px; z-index: 87; }
#photorotate .stgbtnoff, #photorotate .stgbtnon { width: 20px; height: 20px; padding: 0; margin: 0 5px 0 0; float:left; display:block; cursor:pointer; 
 text-align: center; font: 11px/20px normal Arial, Arial, Helvetica, sans-serif;  }
#photorotate .stgbtnoff { color: #000000; background: transparent url(graphics/jquery_scripts/rotate/stgslideoff.png) no-repeat left top; }
#photorotate .stgbtnon { color: #ffffff; background: transparent url(graphics/jquery_scripts/rotate/stgslideon.png) no-repeat left top; }

#photorotate .stgslidePrev, #photorotate .stgslideNext { width: 20px; height: 40px; position: absolute; top: 200px; z-index: 87; }
#photorotate .stgslidePrev { left: 0; background: transparent url(graphics/jquery_scripts/rotate/stgslideprev.png) no-repeat left top; }
#photorotate .stgslideNext { right: 0; background: transparent url(graphics/jquery_scripts/rotate/stgslidenext.png) no-repeat left top; }
#photorotate .stgslidePrev a, #photorotate .stgslideNext a { width: 20px; height: 40px; display: block; text-indent: -3000px; }

/* Photo - Thumbnail photo_rotator_thumbs layout - Uses JQuery Cycle
Includes: Thumbnail previews, Play/Pause, Previous/Next, 1 2 3 buttons
================================================== */

#photorotatethumb { width: 600px; height: 530px; padding: 0; margin: 0; position:relative; background: #ffffff; 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
#photorotatethumb .stgslide { width: 600px; height: 530px; position: absolute; left: 0px; top: 0px; }
#photorotatethumb .stgslide .stgslidebase { width: 600px; height: 530px; position: absolute; left: 0; top: 0; display: block; }

#photorotatethumb a { outline-width: 0; outline-style: none; }

#photorotatethumb .stgslide .stgslidephoto { width: 600px; height: 448px; position: absolute; left: 0; top: 0; z-index: 85; }
#photorotatethumb .stgslide .stgslidephoto a { width: 600px; height: 448px; display: block; text-align: center; }
#photorotatethumb .stgslide .stgslidephoto img { max-width: 600px; max-height: 448px; margin: 0 auto; text-align: center; border: 0; vertical-align: bottom; 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }

#photorotatethumb .stgslide .stgslidecontent { width: 560px; height: 60px; padding: 0 20px; position: absolute; left: 0; bottom: 130px; overflow: hidden; z-index: 86; background: transparent url(graphics/jquery_scripts/rotate/stgslidebar.png) repeat left top; }
#photorotatethumb .stgslide .stgslidecontent a { text-decoration: none; color: #333333; }
#photorotatethumb .stgslide .stgslidecontent a:hover { text-decoration: underline; }
#photorotatethumb .stgslide .stgslidecontent h2 { padding: 5px 0 0 0; margin: 0; color: #333333; }
#photorotatethumb .stgslide .stgslidecontent p { padding: 5px 0; margin: 0; color: #333333; }

#photorotatethumb .stgslidePause { width: 20px; height: 20px; position: absolute; right: 10px; bottom: 85px; z-index: 87; }
#photorotatethumb .stgslidePause a { width: 20px; height: 20px; display: block; }
#photorotatethumb .stgslidePause a span { width: 20px; height: 20px; display: block; text-indent: -3000px; }
#photorotatethumb #pauseButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslidepause.png) no-repeat left top; }
#photorotatethumb #playButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslideplay.png) no-repeat left top; }

#photorotatethumb .stgbtngrp { width: 598px; height: 79px; padding: 0 0 0 2px; position: absolute; left: 0; bottom: 0; overflow: hidden; z-index: 86; }
#photorotatethumb .stgbtngrp div { width: 104px; height: 79px; margin: 0 19px 0 0; float: left; overflow: hidden; }
#photorotatethumb .stgbtngrp div.item5 { margin: 0; }
#photorotatethumb .stgbtngrp div span { width: 104px; height: 79px; display: block; cursor: pointer; text-align: center; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
#photorotatethumb .stgbtngrp div.stgbtnon span { }
#photorotatethumb .stgbtngrp div span img { max-width: 100px; max-height: 75px; margin: 0 auto; text-align: center; border: 2px solid #cccccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
#photorotatethumb .stgbtngrp div.stgbtnon span img { border: 2px solid #333333; }
#photorotatethumb .stgslidethumb { display: none; }

#photorotatethumb .stgslidePrev, #photorotatethumb .stgslideNext { width: 20px; height: 40px; position: absolute; top: 200px; z-index: 87; }
#photorotatethumb .stgslidePrev { left: 0; background: transparent url(graphics/jquery_scripts/rotate/stgslideprev.png) no-repeat left top; }
#photorotatethumb .stgslideNext { right: 0; background: transparent url(graphics/jquery_scripts/rotate/stgslidenext.png) no-repeat left top; }
#photorotatethumb .stgslidePrev a, #photorotatethumb .stgslideNext a { width: 20px; height: 40px; display: block; text-indent: -3000px; }

/* Photo - Thumbnail photo_rotator_titles layout - Uses JQuery Cycle
Includes: Title previews, Play/Pause, Previous/Next, 1 2 3 buttons
================================================== */

#photorotatetitle { width: 600px; height: 448px; padding: 0; margin: 0; position:relative; background: #ffffff; 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
#photorotatetitle .stgslide { width: 600px; height: 448px; position: absolute; left: 0px; top: 0px; }
#photorotatetitle .stgslide .stgslidebase { width: 600px; height: 448px; position: absolute; left: 0; top: 0; display: block; }

#photorotatetitle a { outline-width: 0; outline-style: none; }

#photorotatetitle .stgslide .stgslidephoto { width: 600px; height: 448px; position: absolute; left: 0; top: 0; z-index: 85; }
#photorotatetitle .stgslide .stgslidephoto a { width: 600px; height: 448px; display: block; text-align: center; }
#photorotatetitle .stgslide .stgslidephoto img { max-width: 600px; max-height: 448px; margin: 0 auto; text-align: center; border: 0; vertical-align: bottom; 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }

#photorotatetitle .stgslide .stgslidecontent { width: 560px; height: 60px; padding: 0 20px; position: absolute; left: 0; bottom: 50px; overflow: hidden; z-index: 86; background: transparent url(graphics/jquery_scripts/rotate/stgslidebar.png) repeat left top; }
#photorotatetitle .stgslide .stgslidecontent a { text-decoration: none; color: #333333; }
#photorotatetitle .stgslide .stgslidecontent a:hover { text-decoration: underline; }
#photorotatetitle .stgslide .stgslidecontent h2 { padding: 5px 0 0 0; margin: 0; color: #333333; }
#photorotatetitle .stgslide .stgslidecontent p { padding: 5px 0; margin: 0; color: #333333; }

#photorotatetitle .stgslidePause { width: 20px; height: 20px; position: absolute; right: 10px; bottom: 5px; z-index: 87; }
#photorotatetitle .stgslidePause a { width: 20px; height: 20px; display: block; }
#photorotatetitle .stgslidePause a span { width: 20px; height: 20px; display: block; text-indent: -3000px; }
#photorotatetitle #pauseButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslidepause.png) no-repeat left top; }
#photorotatetitle #playButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslideplay.png) no-repeat left top; }

#photorotatetitle .stgbtngrp { width: 230px; height: 300px; position: absolute; right: -198px; top: 0; z-index: 86; }
#photorotatetitle .stgbtngrp div { width: 230px; height: 60px; overflow: hidden; background: transparent url(graphics/jquery_scripts/rotate/stgslideheadoff.png) no-repeat right bottom; }
#photorotatetitle .stgbtngrp div.stgbtnon  { background: transparent url(graphics/jquery_scripts/rotate/stgslideheadon.png) no-repeat right bottom; }
#photorotatetitle .stgbtngrp div table { width: 100%; height: 60px; }
#photorotatetitle .stgbtngrp div td { padding: 0 0 0 30px; vertical-align: middle; color: #333333; font-size: 13px; line-height: 15px; font-weight: bold; text-align: center; cursor: pointer; }
#photorotatetitle .stgbtngrp div.stgbtnon td { color: #333333; }
#photorotatetitle .stgslideheadline { display: none; }

#photorotatetitle .stgslidePrev, #photorotatetitle .stgslideNext { width: 11px; height: 20px; position: absolute; bottom: 5px; z-index: 87; }
#photorotatetitle .stgslidePrev { left: 10px; background: transparent url(graphics/jquery_scripts/rotate/stgslideprev_b.png) no-repeat left top; }
#photorotatetitle .stgslideNext { left: 30px; background: transparent url(graphics/jquery_scripts/rotate/stgslidenext_b.png) no-repeat left top; }
#photorotatetitle .stgslidePrev a, #photorotatetitle .stgslideNext a { width: 11px; height: 20px; display: block; text-indent: -3000px; }

/* Photo - Thumbnail photo_rotator_parallax layout - Uses Parallax Rotator
================================================== */

.parallaxSliderFile1 { background: url(graphics/jquery_scripts/parallax/modernizr.custom.28468.js);}
.parallaxSliderFile2 { background: url(graphics/jquery_scripts/parallax/jquery.cslider.js);}    

#photoparallax .da-slider{
    border: 1px solid #cccccc;
    width: 800px;
	min-width: 800px;
	height: 448px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
    background: #ffffff;; 
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}
#photoparallax .da-slide{
	position: absolute;
    width: 60%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-family: Arial, sans-serif;
	text-align: left;
}
#photoparallax .da-slide-current{
	z-index: 80;
}
#photoparallax .da-slider-fb .da-slide{
	left: 100%;
}
#photoparallax .da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
#photoparallax .da-slide h2,
#photoparallax .da-slide p,
#photoparallax .da-slide .da-link,
#photoparallax .da-slide .da-img{
    position: absolute;
	opacity: 0;
	left: 110%;
}
#photoparallax .da-slider-fb .da-slide h2,
#photoparallax .da-slider-fb .da-slide p,
#photoparallax .da-slider-fb .da-slide .da-link{
    left: 10%;
    opacity: 1;
}
#photoparallax .da-slider-fb .da-slide .da-img{
    left: 60%;
    opacity: 1;
}
#photoparallax .da-slide h2{
	color: #000000;
	font-size: 36px;
    width: 50%;
    top: 100px;
	white-space: nowrap;
	z-index: 10;
}
#photoparallax .da-slide p {
    width: 40%;
	top: 155px;
	color: #000000;
	font-size: 14px;
	line-height: 16px;
	height: 80px;
	overflow: hidden;
	font-style: italic;
}
#photoparallax .da-slide .da-img{
	text-align: center;
    width: 30%;
    top: 0;
	height: 488px;
	line-height: 488px;
    left: 110%; /*60%*/
    }
#photoparallax .da-slide .da-link{
	top: 270px; /*depends on p height*/
	color: #000000;
	font-size: 14px;
	line-height: 15px;
	width: 100px;
}
#photoparallax .da-slide .da-link:hover{
	text-decoration: underline;
}
#photoparallax .da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 10px;
	z-index: 80;
	-moz-user-select: none;
	-webkit-user-select: none;
}
#photoparallax .da-dots span{
	display: inline-block;
	position: relative;
	width: 13px;
	height: 13px;
	background: transparent url(graphics/jquery_scripts/parallax/rotate_on.png) no-repeat left top;;
	margin: 0 1px;
	cursor: pointer;
}
#photoparallax .da-dots span.da-dots-current { 
    background: transparent url(graphics/jquery_scripts/parallax/rotate_off.png) no-repeat left top;;
}
#photoparallax .da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
#photoparallax .da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #5f9dc1;
	cursor: pointer;
	z-index: 80;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
}
#photoparallax .da-slider:hover .da-arrows span{
	opacity: 1;
}
#photoparallax .da-arrows span:after{
	content: '';
	position: absolute;
	width: 15px;
	height: 26px;
	top: 2px;
	border-radius: 50%;
}
#photoparallax .da-arrows span:hover:after{
}
#photoparallax .da-arrows span:active:after{
}
#photoparallax .da-arrows span.da-arrows-prev:after{
    left: 7px;
    background: transparent url(graphics/jquery_scripts/parallax/rotate_prev.png) no-repeat 50% 50%;
}
#photoparallax .da-arrows span.da-arrows-next:after{
    left: 9px;
	background: transparent url(graphics/jquery_scripts/parallax/rotate_next.png) no-repeat 50% 50%;
}
#photoparallax .da-arrows span.da-arrows-prev{
	left: 15px;
}
#photoparallax .da-arrows span.da-arrows-next{
	right: 15px;
}

#photoparallax .da-slide-current h2,
#photoparallax .da-slide-current p,
#photoparallax .da-slide-current .da-link{
    left: 10%;
    opacity: 1;
}
#photoparallax .da-slide-current .da-img{
    left: 60%;
    opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
#photoparallax .da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
#photoparallax .da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
#photoparallax .da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
#photoparallax .da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
#photoparallax .da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
#photoparallax .da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
#photoparallax .da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
#photoparallax .da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
#photoparallax .da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
#photoparallax .da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
#photoparallax .da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}
#photoparallax .da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
#photoparallax .da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
#photoparallax .da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
#photoparallax .da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
#photoparallax .da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
/* ModuleEnd::photo */

/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }

.membershipModule .search {}
.membershipModule .companyInfo { margin: 1em 0; }
.membershipModule .companyInfo .name {}
.membershipModule .companyInfo .jobTitle {}
.membershipModule .address { margin: 1em 0; }
.membershipModule .contactInfo { margin: 1em 0; }
.membershipModule .contactInfo .phone {}
.membershipModule .contactInfo .email {}
.membershipModule .contactInfo .website {}
.membershipModule .thumbnail { float:left; margin-right: 20px;}
    
/* ----- Membership Lister ----- */
.membershipModule.moduleLister {}

/* ---- Membership Detail ----- */
.membershipModule.moduleDetail {}

/* ----- My Account ---- */
.membershipModule.myAccount {}
.membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membershipModule.myAccount .block { padding: 10px; float: left; width: 250px; height: 150px; }
.membershipModule.myAccount .block.membership { float: none; width: auto; height: auto; background-color: #eee; }
.membershipModule.myAccount .block.membership ul { list-style: none; padding: 0; }

@media (min-width: 45em) {
    .membershipModule.myAccount .block.membership li { display: inline; margin: 0 .5em; }
}

/* ----- My Account - Dispatch ( System Forms ) ---- */
.myaccountHeading { font-size: 2em; font-weight: bold }
.myaccountMessage {}

.myaccountDetail  table { color: #444;}
.myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; }
.myaccountDetail .formtextRequired label { font-weight: bold };

.myaccountLister {}
.myaccountListerBack {}
/* ModuleEnd::membership */