@charset "utf-8";
/* 
	layout.css
	
	Project:	Banff Pork Seminar
	Colors:		Light Blue #55cbf5
				Bright Red #ee322f
	
*/



/*------ global ------*/ 
* {margin:0;}

body, html{width:100%; height:100%;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block;}

.full{width:100%; margin:0 auto; max-width:none;}
.fluid{min-width:960px; max-width:1220px; padding:0 20px; display:block; margin:0 auto; position:relative;}
.fixed{width:960px; padding:0; display:block; margin:auto; position:relative;}

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}
.clear{display:block; clear:both;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}
.hidden{display:none !important;}

.parallax{background-attachment:scroll; background-position:left top; background-repeat:no-repeat;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.no-touch .parallax{background-attachment:fixed; background-position:left top;}

.modal-box{display:none; position:fixed;}
.modal-inline{padding:20px 20px 10px; background:url(../images/bg_content.jpg); color:#555; font-size:16px;}
.modal-inline p{margin:0 !important;}


/*------ clearfix ------*/
.clearfix:after {
    content:"\0020";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.clearfix{display:inline-block;}
html[xmlns] .clearfix, html .clearfix{display:block;}
* html .clearfix{height:1%;}


/*------ form styles ------*/
fieldset{display:block; float:left; position:relative; z-index:1; width:918px; border:1px solid #333; padding:20px; margin:0 0 20px;}
fieldset legend{padding:0 10px;}
fieldset legend h4{line-height:40px; margin:0;}
.form-wrap{width:449px;}

label{display:block; float:left; width:180px; padding:15px 0;}
label.label-full{width:auto; margin-right:15px;}
.input, .select, .textarea, .submit{font-family:'Montserrat', 'Trebuchet MS', Helvetica, Arial, sans-serif; color:#555; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; outline:none;}
.input:focus, .select:focus, .textarea:focus{color:#333; background:#a9e8ff;}
.input, .select, .textarea{background:#fff; padding:12px 15px; height:26px; width:234px; margin:0 5px 5px 0; border:0; font-size:18px;}
.input_sm{width:116px;}
.textarea{height:100px; resize:none; overflow:hidden; width:703px;}
.select{height:50px; width:264px;}

.submit{display:inline-block; background:#55cbf5; border:none; color:#fff; padding:0 40px; text-transform:uppercase; font-weight:bold; font-size:18px; height:50px; cursor:pointer; text-shadow:none; margin-right:5px;}
a.submit{color:#fff; text-decoration:none; height:auto; line-height:48px; white-space:nowrap; cursor:pointer;}
.no-touch .submit:hover{color:#ee322f; background:#fff !important;}
.submit, .button{-webkit-appearance:none; -moz-appearance:none; appearance:none;}

.submit.bg-blue{background-color:#55cbf5;}
.submit.bg-red{background-color:#ee322f;}
.submit.bg-gray{background-color:#84857d;}

.error, .success{border:1px solid #333; margin-bottom:20px;}
.error div, .success div{padding:10px 20px; font-family:'Montserrat', 'Trebuchet MS', Helvetica, Arial, sans-serif; font-weight:bold; color:#fff; text-transform:uppercase;}
.success div{background:#55cbf5;}
.error div{background:#ee322f;}
.error p, .success p{padding:10px 20px; font-size:16px;}
.validate-form .required{color:#ee322f; font-weight:bold;}
.price-dates{display:block; font-style:italic; padding-left:25px;}

#terms-box{background:#fff; font-size:12px; color:#999; padding:10px; height:200px; overflow-y:scroll; font-family:'Bitter', 'Trebuchet MS', Helvetica, Arial, sans-serif;}


/*------ logo block ------*/
#wrapper{height:100%; width:100%; min-width:1000px;}
#logo-block{
	position:absolute; 
	width:100%; 
	min-width:1000px; 
	z-index:1000; 
	background:url(../images/bg_gray_50.png); 
	font-family:'Montserrat', 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	font-size:13px;
	text-transform:uppercase; 
	color:#fff;
}
.no-touch #logo-block{position:fixed;}
#logo-block .fluid{min-width:980px; max-width:1240px; padding:10px 10px 0; min-height:85px;}
#logo-block #logo{position:absolute; top:50%; margin-top:-47px; z-index:1;}
#logo-block #logo img{position:relative; z-index:2;}
#logo-block #logo span{position:absolute; z-index:1; display:block; top:65px; left:146px; width:174px; font-size:12px; color:#fff; letter-spacing:1px; line-height:12px; text-align:center;}
#logo-block .underlay{position:absolute; z-index:-1; width:100%; height:100%; top:0; left:0; background:#555; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0;}

#social-bar{line-height:30px; margin:0 0 5px 340px;}
#social-bar a{color:#fff; margin:0 3px;}
#social-bar a:hover{color:#ee322f;}

#main-navigation{position:relative; z-index:2; display:none; clear:both;}
.ddsmoothmenu{display:block !important; margin-left:170px; text-align:right;}
.ddsmoothmenu ul{z-index:100; margin:0; padding:0; list-style-type:none;}
.ddsmoothmenu ul li{position:relative; display:inline-block; margin-left:20px;}
.ddsmoothmenu ul li a{display:block; color:#fff; padding:25px 0 0 0; text-decoration:none; text-align:center; font-size:14px;}
.ddsmoothmenu ul li a span{display:block; padding:0 0 22px;}
* html .ddsmoothmenu ul li a{display:inline-block;}
.ddsmoothmenu ul li a.register{color:#ee322f;}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected{color:#55cbf5; background:url(../images/icon_sprite.png) center -120px no-repeat;}
.ddsmoothmenu ul li a.selected span{background:url(../images/icon_sprite.png) center -170px no-repeat;}

.ddsmoothmenu ul li ul{position:absolute; left:0; margin-left:0; display:none; visibility:hidden; background:url(../images/bg_blue_90.png); padding:5px 0;}
.ddsmoothmenu ul li ul li{display:list-item; float:none; padding:0 10px; margin:0;}
.ddsmoothmenu ul li ul li ul{top:0;}

.ddsmoothmenu ul li ul li a{width:270px; padding:5px 0; margin:0; border-bottom:1px solid #b4e1f0;}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected{color:#55cbf5;}
.ddsmoothmenu ul li ul li:last-child a{border:0;}
.ddsmoothmenu ul li ul li a span{padding:10px;}
.ddsmoothmenu ul li ul li a:hover span, .ddsmoothmenu ul li ul li a.selected span{background:#fff; color:#55cbf5;}
* html .ddsmoothmenu{height:1%;}


/*------ slideshow ------*/
#slideshow-wrap{position:relative; width:100%; min-width:1000px; max-width:none; height:95%; min-height:625px; max-height:800px; display:block; margin:0 auto; padding:0; position:relative; z-index:1;}
#slideshow{position:relative; display:block; width:100%; height:100%;}

#slideshow .cycle-slideshow{width:100%; height:100%; display:block; position:relative;}
#slideshow .cycle-slideshow div.slide{position:absolute; top:0; left:0; width:100%; height:100%; padding:0; display:none; background:#000;}
#slideshow .cycle-slideshow div.cycle-slide{display:block;}
#slideshow .cycle-slideshow .parallax{position:relative; width:100%; height:100%; z-index:0;}
#slideshow .cycle-slideshow .parallax div{display:block; width:100%; height:100%; background:url(../images/bg_gray_50.png);}

#slideshow .cycle-slideshow .slide-inner{display:block; position:absolute; z-index:3; width:100%; bottom:100px;}
#slideshow .cycle-slideshow .slide-inner .slide-content{position:relative; left:-300%; padding:15px 20px; font-weight:bold; text-shadow:0 0 10px #000; color:#fff; width:750px;}
#slideshow .cycle-slideshow .slide-inner h2{color:#fff;}


/*------ carousel ------*/
#carousel-wrap{position:relative; display:block; width:100%; max-width:none; margin:0 auto; height:438px; overflow:hidden; background:#868780;}

#carousel-nav{position:absolute; z-index:2; display:block; width:100%; height:100%; left:-60%; box-shadow:-10px 0px 60px #000; background:#868780;}
#carousel-nav .cycle-slideshow, #carousel-nav .cycle-carousel-wrap{position:relative; display:block; overflow:visible !important; width:100%; height:100%; background:#868780;}
#carousel-nav .slide{display:none; background-position:top center;}
#carousel-nav .cycle-slide{display:block; position:relative !important; width:100%; height:108px; border-bottom:2px solid #797a6e; text-transform:uppercase; color:#fff; cursor:pointer;}
#carousel-nav .cycle-slide .slide-inner{display:block; position:absolute; width:40%; right:0;}
#carousel-nav .cycle-slide h5{padding:25px 20px 0px 10px; line-height:28px; font-weight:normal; height:58px; overflow:hidden;}
#carousel-nav .cycle-slide .arrow{display:block; position:absolute; z-index:-1; width:100%; height:108px; right:100%; background:#55cbf5;
	-webkit-transition:right 0.4s ease; -moz-transition:right 0.4s ease; -ms-transition:right 0.4s ease; -o-transition:right 0.4s ease; transition:right 0.4s ease;
}
#carousel-nav .active-slide .arrow{right:0;}
#carousel-nav .cycle-slide .arrow span{display:block; position:absolute; width:168px; top:0; bottom:0; right:-42px; background:url(../images/icon_sprite.png) right 0 no-repeat;}

#carousel-slides{position:relative; z-index:1; display:block; left:40%; width:100%; height:438px;}
#carousel-slides .cycle-slideshow, #carousel-slides .cycle-carousel-wrap{position:relative; display:block; width:100%; height:100%; left:-10px;}
#carousel-slides .slide{display:none;}
#carousel-slides .cycle-slide{display:block; width:100%; height:100%; max-width:1100px; background-position:center; background-repeat:no-repeat; 
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}
#carousel-slides .slide-content{display:block; position:absolute; left:0; right:0; bottom:0; padding:20px 0 20px 50px; background:url(../images/bg_blue_90.png);}
#carousel-slides .slide-content p{position:relative; display:block; color:#fff; padding:0 185px 0 0; max-width:540px; min-height:40px;}
#carousel-slides .slide-content .button{position:absolute; top:50%; width:110px; padding:0 20px; text-align:center; margin-top:-25px; right:20px; 
	-webkit-box-shadow:2px 2px 10px #448db3; -moz-box-shadow:2px 2px 10px #448db3; box-shadow:2px 2px 10px #448db3;
}


/*------ body content ------*/
#masthead{height:80%; max-height:800px; min-height:500px; background-color:#000;}
#masthead div{width:100%; height:100%;}

#sponsors{padding:100px 0 80px; background-image:url(../images/bg_sponsors.jpg); background-color:#fafafb; background-position:-600px top;}
.notouch #sponsors{background-position:center top;}
#sponsors .content-wrap{width:50%;}

#body-content{background:url(../images/bg_content.jpg) 0 0 repeat fixed; overflow:hidden;}
#left-column{width:auto; float:none; overflow:hidden; padding:50px 0 40px 0;}
#right-column{display:block; float:right; position:relative; left:20px; width:25%; height:100%; background:url(../images/bg_blue_90.png); padding:50px 50px 20050px; margin-bottom:-20000px;}

#content-tabs{display:none;}
#content-tabs.ui-tabs{display:block; margin:10px 0 20px; border:1px solid #555; border-top:0;}
#content-tabs .ui-tabs-panel{display:block; clear:both; padding:30px 20px 10px;}
#content-tabs .ui-tabs-nav{list-style:none; margin:0; padding:0 0 1px 0; width:100%; background:#555;}
#content-tabs .ui-tabs-nav li{display:inline-block; position:relative; z-index:1; width:33.334%;}
#content-tabs .ui-tabs-nav li a{
	display:block; 
	position:relative;
	text-align:center;
	padding:20px;
	margin:1px 1px 0 0; 
	background:#55cbf5; 
	color:#fff;  
	font-size:24px;
	font-weight:bold;
	outline:none;
}
#content-tabs .ui-tabs-nav li a span{display:none; width:50px; height:13px; position:absolute; z-index:10; bottom:-12px; left:50%; margin-left:-25px; background:url(../images/icon_sprite.png) center -223px no-repeat;}
#content-tabs .ui-tabs-nav li:nth-child(3n) a{margin-right:0;} 
#content-tabs .ui-tabs-nav li.ui-state-active{z-index:2;}
#content-tabs .ui-tabs-nav li.ui-state-active a span{display:block;}

#sub-navigation ul{list-style:none; padding:0; margin:0; width:100%; font-family:'Montserrat', 'Trebuchet MS', Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase;}
#sub-navigation ul li{display:block;}
#sub-navigation ul li a{display:block; color:#555; width:100%; padding:20px 50px; margin-left:-50px; background:url(../images/icon_sprite.png) -100px -252px no-repeat; border-top:1px solid #444;
	-webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s; transition:background 0.3s;
}
#sub-navigation ul li a:hover, #sub-navigation ul li a.active{color:#fff; background-position:20px -252px; background-color:#555;}

#sub-navigation ul li ul{width:100%; padding:0; margin:0;}
#sub-navigation ul li ul li a{font-size:16px; padding-left:70px; padding-right:30px;}

#google-map{width:528px; height:200px; margin-bottom:8px; border:5px solid #fff;}

#search-form fieldset{width:auto;}
#documents-tbl{margin-bottom:20px;}
#documents-tbl th, #documents-tbl td{border-bottom:1px solid #333;}

#register-form, #checkout-form{margin-bottom:20px;}
.register-box{position:relative; display:block; width:960px; clear:both; margin:0 0 10px;}
.register-box .deletebox{position:absolute; z-index:10; top:0; right:0;}

.box-header{position:relative; z-index:1; background:#55cbf5; color:#fff; padding:0 20px; line-height:48px;}
#editbutton{position:absolute; z-index:10; top:0; right:0;}

#checkout-summary .reg-info td{padding:5px 10px; background:url(../images/bg_white_50.png); font-size:14px;}
#payment-summary div{width:285px; margin:0 30px 0 0;}

#processing{position:fixed; top:0; left:0; width:100%; height:100%; display:none; background:rgba(0,0,0,0.5); z-index:9999; color:#fff; text-align:center;}
#processing div{position:relative; top:50%;}


/*------ dialog box ------*/
.ui-helper-clearfix:before, .ui-helper-clearfix:after{content:""; display:table;}
.ui-helper-clearfix:after{clear:both;}
.ui-helper-clearfix{zoom:1;}
.ui-widget-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/bg_black_50.png);}

.ui-dialog{position:absolute; top:0; left:0; padding:0; width:300px; overflow:hidden; outline:none !important; background:url(../images/bg_blue_90.png); color:#fff; font-size:16px;}
.ui-dialog .ui-dialog-titlebar{padding:15px; position:relative; background:#666; color:#fff; font-size:18px; font-family:'Montserrat', 'Trebuchet MS', Helvetica, Arial, sans-serif; font-weight:bold;}
.ui-dialog .ui-dialog-title{float:left; margin:0 25px 0 0; text-transform:uppercase;}
.ui-dialog .ui-dialog-titlebar-close{position:absolute; right:10px; top:50%; width:19px; margin:-10px 0 0 0; padding:0 0 0 1px; height:22px; background:#55cbf5; color:#fff; text-align:center;}
.ui-dialog .ui-dialog-titlebar-close span{display:block;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{background:#fff; color:#ee322f;}
.ui-dialog .ui-dialog-content{position:relative; border:0; padding:10px 15px; background:none; overflow:auto; zoom:1;}
.ui-dialog .ui-dialog-buttonpane{text-align:left; border-width:1px 0 0 0; background-image:none; margin:10px 0 0 0; padding:5px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;}
.ui-dialog .ui-dialog-buttonpane button{
	margin:.5em .4em .5em 0; 
	cursor:pointer; 
	background:#fff; 
	color:#ee322f; 
	outline:none !important; 
	border:0; 
	font-size:14px; 
	text-transform:uppercase; 
	padding:10px 15px;
	font-family:'Montserrat', 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	font-weight:bold;
}
.ui-dialog .ui-dialog-buttonpane button:hover{background:#ee322f; color:#fff;}
.ui-dialog .ui-resizable-se{width:14px; height:14px; right:3px; bottom:3px;}


/*------ icons ------*/
#social-icons{height:30px; width:auto; padding:0; margin-left:10px; text-align:center; overflow:hidden;}
#social-icons li{
	display:block;
	float:left; 
	margin:0 0 0 3px; 
	padding:0;
	border:0;
	background-image:url("../images/socialsprites.png");
	background-repeat:no-repeat;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#social-icons li:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#social-icons li a{display:block; text-indent:-9999px; height:30px; width:30px; margin:0;}
#social-icons li a:active {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
}
#social-icons li.facebook { background-position: -5px -205px; }
#social-icons li.googleplus { background-position: -5px -445px; }
#social-icons li.linkedin { background-position: -5px -765px; }
#social-icons li.pinterest { background-position: -5px -1085px; }
#social-icons li.twitter { background-position: -5px -1565px; }
#social-icons li.youtube { background-position: -5px -1885px; }
#social-icons li.instagram { background-position: -5px -2285px; }
.no-touch #social-icons li.facebook:hover { background-position: -5px -165px; }
.no-touch #social-icons li.googleplus:hover { background-position: -5px -405px; }
.no-touch #social-icons li.linkedin:hover { background-position: -5px -725px; }
.no-touch #social-icons li.pinterest:hover { background-position: -5px -1045px; }
.no-touch #social-icons li.twitter:hover { background-position: -5px -1525px; }
.no-touch #social-icons li.youtube:hover { background-position: -5px -1845px; }
.no-touch #social-icons li.instagram:hover { background-position: -5px -2245px; }


/*------ footer ------*/
#footer{padding:160px 0 60px 0; background-image:url(../images/bg_footer.jpg); background-color:#292624; color:#fff;}
#footer a{color:#fff;}
#footer a:hover{color:#ee322f;}
#footer img{margin:0 10px; height:70px;}
#footer hr{border-color:#fff;}

#teaser-box{min-height:200px; width:385px; font-size:21px; line-height:24px; margin-bottom:100px;}
#teaser-box h3{color:inherit; font-size:27px;}
#footer footer{font-size:15px;}

#subscribe-form .input{background:url(../images/bg_blue_70.png); color:#fff; margin:0; width:285px;}
#subscribe-form .input, #subscribe-form .submit{display:inline-block;}

#footer-nav{list-style:none; margin:0; padding:0;}
#footer-nav li{display:inline;}
#footer-nav li a{text-transform:uppercase; padding:0 0 0 10px; font-weight:bold;}