html,body {
	font-size:100.01%;
	height:100%;
}
body{
	margin:0;
	font:14px Helvetica, Arial, sans-serif;
	color:#333;
	background:#fff url(../img/bg-body.gif) repeat-x;
	min-width:942px;
}
img{border-style:none;}
a{color:#000;}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}

#wrapper{
	width:100%;
	height:100%;
	display:table;
	margin:0 auto;
}
#content{
	width:100%;
	display:table-row;
}
#content .holder{
	width:942px;
	overflow:hidden;
	margin:5px auto 0;
}
#header{
	width:100%;
	overflow:hidden;
}
#header .preview{
	float:right;
	background:url(../img/bg-preview.gif) repeat-y;
	width:240px;
	font-size:14px;
	line-height:17px;
	color:#fff;
	margin:0 0 46px;
}
#header .preview .frame{
	background:url(../img/bg-preview-frame.gif) no-repeat 0 100%;
	width:220px;
	padding:7px 15px 10px 5px;
	overflow:hidden;
}
#header .preview .frame span{
	float:right;
	text-align:right;
}
#header .contact{
	float:right;
	color:#668b2c;
	margin:18px 23px 0 0;
	display:inline;
}
#header .contact strong{
	display:block;
	font-size:24px;
	line-height:24px;
}
#header .logo{
	float:left;
	margin:12px 0 0 3px;
	display:inline;
}

#header .logo a{
	display:block;
	background:url(../img/logo.png) no-repeat;
	width:306px;
	height:128px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#nav{
	float:right;
	margin:-46px 0 0;
}
#nav .nav-border{
	background:url(../img/bg-nav-r.png) no-repeat;
	width:9px;
	height:45px;
	overflow:hidden;
	float:right;
}
#nav .nav-frame{
	float:right;
	background:url(../img/bg-nav-l.png) no-repeat;
	height:45px;
	margin:0;
}
#nav ul{
	list-style:none;
	margin:0 -6px 0 0;
	padding:0;
	float:left;
}
#nav ul li{
	float:left;
	position:relative;
	background:url(../img/divider-nav.gif) no-repeat;
	padding:9px 10px 8px 13px;
	margin:1px 0 0;
}
#nav ul li:first-child{background:none;}
#nav ul li a{
	color:#fff;
	text-decoration:none;
	font-size:16px;
	line-height:20px;
	/*text-transform:uppercase;*/
    font-family : 'ArtOf', Helvetica, Arial, sans-serif;
}
#nav ul li a:hover{color:#f5e258;}
#nav ul li.active a{
	font-weight:bold;
	color:#f5e258;
}
#main{
	width:100%;
	overflow:hidden;
	padding:0 0 20px;
}

div.intro {
    margin  : 10px 0 0 0;
    height  : 372px;
}

div.intro-top {
    height      : 326px;
    background  : url( ../img/home/header-bg.png ) no-repeat;
    position    : relative;
}

div.intro h1, div.intro div.text {
    text-indent :-9999px;
}

div.intro-top div.register {
    position    : absolute;
    top         : 237px;
    left        : 33px;
    width       : 210px;
}

div.intro-top div.download-pdf {
    position    : absolute;
    top         : 290px;
    left        : 45px;
    width       : 100px;
}

div.intro-top div.download-pdf a {
    background  : url( ../img/home/pdf.png ) no-repeat;
    padding-left: 20px;
    color       : #F5C70B;
    font-size   : 11px;
    font-weight : bold;
}

div.intro-bottom {
    height      : 46px;
    background  : url( ../img/home/footer.png ) no-repeat;
}

div.intro-bottom div.social {
    float       : left;
    width       : 150px;
    margin      : 0 0 0 40px;
    padding     : 8px 0 0 0;
    text-align  : left;
}

div.intro-bottom div.date {
    float       : right;
    width       : 600px;
    color       : #fff;
    font-size   : 16px;
    line-height : 16px;
    padding     : 16px 0 0 0;
    margin      : 0 30px 0 0;
    text-align  : right;
}

div#author-cycle {
    position        : absolute;
    width           : 568px;
    left            : 372px;
    top             : 71px;
    overflow        : hidden;
}

div#author-cycle .author {
    padding         : 0px;
    margin          : 0px;
}

div#author-cycle .author img {
    padding         : 0px;
    margin          : 0px;
}

#two-columns{
	width:100%;
	overflow:hidden;
	margin:31px 0 0;
}
#two-columns .primary{
	float:right;
	width:620px;
}
#main h1{
	font-family : 'ArtOf', Helvetica, Arial, sans-serif;
    font-size:32px;
	color:#698f2d;
	margin:0 0 11px;
    font-weight : normal;
}
#main p{
	margin:0 0 18px 0;
	line-height:18px;
}
#main h2{
	font-family : 'ArtOf', Helvetica, Arial, sans-serif;
    font-size:18px;
	margin:5px 0 5px;
	color:#333;
	font-weight:normal;
}
#main h3{
	font-family : 'ArtOf', Helvetica, Arial, sans-serif;
    margin:19px 0 1px;
	font-size:13px;
    font-weight:normal;
}
#main .aside{
	float:left;
	width:304px;
}
#main .aside .sub-nav{
	width:100%;
	overflow:hidden;
	position:relative;
}
#main .aside .sub-nav .t{
	background:url(../img/bg-sub-nav-t.png) no-repeat;
	width:100%;
	height:390px;
	overflow:hidden;
}
#main .aside .sub-nav .c{
	background:url(../img/bg-sub-nav-c.png) repeat-y;
	height:1%;
	padding:0 10px;
}
#main .aside .sub-nav .c:after{
	content:"";
	display:block;
	clear:both;
}
#main .aside .sub-nav .container{
	float:left;
	width:100%;
	margin:-289px 0 0;
	position:relative;
} 
#main .aside .sub-nav .b{
	background:url(../img/bg-sub-nav-b.png) no-repeat;
	width:100%;
	height:13px;
	overflow:hidden;
}
#main .aside .sub-nav ul{
	list-style:none;
	margin:0 0 0 26px;
	padding:0;
}
#main .aside .sub-nav ul li{
	width:100%;
	overflow:hidden;
	vertical-align:top;
}
#main .aside .sub-nav ul li a{
	background:url(../img/bg-sub-nav-el.gif) no-repeat 0 5px;
	padding:0 0 0 18px;
	font-size:22px;
	line-height:28px;
	color:#fff;
	text-decoration:none;
	font-weight : normal;
    font-family : 'ArtOf', Helvetica, Arial, sans-serif;
}
#main .aside .sub-nav ul li a:hover,
#main .aside .sub-nav ul li.active a{
	color:#f8ea6f;
	background:url(../img/bg-sub-nav-el-hover.gif) no-repeat 0 6px;
}
#main .aside .sub-nav .note{
	position:absolute;
	top:-3px;
	left:75px;
	width:181px;
	height:75px;
	padding:12px 0 0 12px;
	background:url(../img/bg-note.png) no-repeat;
}

#main .aside .sub-nav .note div {
	padding-right   : 30px;
    font-family     : 'FFJustlefthandRegular', Times, serif;
    color           : #D53E3E;
    font-size       : 30px;
    line-height     : 30px;
    text-align      : center;
}

#main .aside .reserve{
	width:300px;
	margin:27px auto 0;
	overflow:hidden;
}
#main .aside .reserve .t{
	background:url(../img/bg-reserve-t.png) no-repeat;
	width:100%;
	height:56px;
	overflow:hidden;
}
#main .aside .reserve .c{
	height:1%;
	padding:0 17px;
	background:url(../img/bg-reserve-c.gif) repeat-y;
}
#main .aside .reserve .c:after{
	content:"";
	display:block;
	clear:both;
}
#main .aside .reserve .container{
	float:left;
	width:100%;
	margin:-44px 0;
	position:relative;
}
#main .aside .reserve .b{
	background:url(../img/bg-reserve-b.png) no-repeat;
	width:100%;
	height:57px;
	overflow:hidden;
}
#main .aside .reserve .title{
	font-family : 'ArtOf', Helvetica, Arial, sans-serif;
    font-size:24px;
	color:#fff;
	padding:0 20px 0 0;
	font-weight:normal;
}
#main .aside .reserve p{
	margin:6px 0 0;
	color:#fff;
	font-size:12px;
	line-height:14px;
}
#main .aside .reserve ul{
	list-style:none;
	margin:10px 0 0 9px;
	padding:0;
	height:1%;
	overflow:hidden;
}
#main .aside .reserve ul li{
	float:left;
	background:url(../img/divider-reserve.gif) no-repeat 0 4px;
	padding:0 10px 0 12px;
}
#main .aside .reserve ul li a{
	color:#faeb74;
	font-size:11px;
	font-weight:bold;
}
#main .aside .reserve ul li:first-child{background:none}
#footer{
	width:100%;
	overflow:hidden;
	display:table-footer-group;
	background:#898989 url(../img/bg-footer.gif) repeat-x;
}
#footer .holder {
	height:1%;
	display:table-row;
}
#footer .frame{display:table-cell;}
#footer .three-columns{
	overflow:hidden;
	width:942px;
	margin:0 auto;
	padding:4px 0 13px;
}
#footer .three-columns .col{
	float:left;
	width:320px;
}

#footer .two-columns{
	overflow:hidden;
	width:942px;
	margin:0 auto;
	padding:4px 0 13px;
}
#footer .two-columns .col{
	float:left;
}

#footer .two-columns .col.left{
	float:left;
	width:590px;
}

#footer .two-columns .col.right {
	float:left;
	width:330px;
    font-size: 11px;
    color: #fff;
}

#footer .two-columns .col.right a {
	color:#f0ff00;
}

#footer .col .heading{
	font-size:18px;
	color:#fff;
	display:block;
	margin:18px 0 0;
}
#footer .col .date{
	display:block;
	color:#fff;
	font-size:12px;
}
#footer .col .btn-register-now{
	float:right;
	background:#668b2c;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	margin:7px 0 7px;
	padding:4px 5px 5px;
}
#footer .col ul{
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	height:1%;
	overflow:hidden;
}
#footer .col ul li{
	float:left;
	width:90px;
	background:url(../img/bullet-footer.gif) no-repeat 0 5px;
	font-size:12px;
    line-height:16px;
    padding:0px 5px 5px 13px;
}
#footer .col ul li a{color:#fff;}

#footer .col ul li.register {
    background: url("../img/bullet-footer.gif") no-repeat scroll 3px 8px #E8CC13;
    background-color:#668b2c;
    margin-left: -3px;
    margin-top: -3px;
    padding: 3px 5px 5px 16px;
}

#footer .col .locatino{
	display:block;
	color:#fff;
	width:100%;
	overflow:hidden;
	font-size:12px;
	margin:28px 0 0;
}
#footer .col .locatino strong{display:block;}
#footer .col .contact-phone{
	list-style:none;
	margin:0;
	padding:0;
}
#footer .col .contact-phone li{
	float:left;
	margin-left:8px;
	padding:0;
	display:inline;
	background:none;
	color:#fff;
}
#footer .col .contact-phone li:first-child{margin-left:0;}
#footer .col .mail{
	color:#f0ff00;
	font-size:12px;
}
.btn-download{
	display:block;
	background:url(../img/btn-download.png) no-repeat;
	width:305px;
	height:63px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	margin:12px auto 0 auto;
	/*position:relative;*/
}

.btn-download-bottom{
	float:left;
    display:block;
	background:url(../img/btn-download-bottom.gif) no-repeat;
	width:200px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	margin:12px 20px 0 0;
	/*position:relative;*/
}

.btn-download-bottom-fr{
	float:left;
    display:block;
	background:url(../img/btn-download-bottom-fr.gif) no-repeat;
	width:200px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	margin:12px 20px 0 0;
	/*position:relative;*/
}

.btn-register-bottom{
	float:left;
    display:block;
	background:url(../img/btn-register-bottom.gif) no-repeat;
	width:200px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	margin:12px 0 0 0;
	/*position:relative;*/
}


#footer .col ul.services-list{margin-top:5px !important; float:right;}
#footer .col ul.services-list li{
	width:auto;
	float:left;
	margin:0 0 0 5px;
	display:inline;
	padding:0;
	background:none;
}
#footer .col ul.services-list li:first-child{margin-left:0px;}
.services-list li a{
	width:24px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	float:left;
}
.services-list li.linkedin a{background:url(../img/ico-linkedin.png) no-repeat;}
.services-list li.facebook a{background:url(../img/ico-facebook.png) no-repeat;}
.services-list li.youtube a{background:url(../img/ico-youtube.png) no-repeat;}
.services-list li.twitter a{background:url(../img/ico-twitter.png) no-repeat;}



#main .three-columns{
	width:944px;
	overflow:hidden;
	margin:27px -1px 0;
}
#main .three-columns .t{
	background:url(../img/bg-thre-columns-t.png) no-repeat;
	height:40px;
	overflow:hidden;
}
#main .three-columns .c{
	background:url(../img/bg-thre-columns-c.png) repeat-y;
	height:1%;
}
#main .three-columns .c:after{
	content:"";
	display:block;
	clear:both;
}
#main .three-columns .container{
	width:100%;
	float:left;
	margin:-40px 0 0;
	padding:0;
	position:relative;
    min-height:237px;
}
* html #main .three-columns .container{height:257px;}
#main .three-columns .b{
	background:url(../img/bg-three-columns-b.png) no-repeat;
	height:27px;
	overflow:hidden;
}
#main .three-columns .column{
	float:left;
	width:289px;
	margin:0 0 0 15px;
	padding:0 7px 0 8px;
	display:inline;
	text-align:center;
	position:relative;
}
#main  .three-columns .column:first-child{margin-left:0;}
#main .column .title{
	width:100%;
	overflow:hidden;
	font-size:14px;
	color:#000;
	margin:13px 0 0;
	display:block;
	text-align:center;
	font-weight:normal;
}
#main .column img{
	margin:30px 0 0;
}
#main .column blockquote{
	margin:24px 0 0;
	padding:0 10px 0 29px;
	width:250px;
	overflow:hidden;
	background:url(../img/bg-qoute.gif) no-repeat 7px 0;
	text-align:left;
}
#main .column blockquote q:before{content:"";}
#main .column blockquote q:after{content:"";}
#main .column blockquote q{
	font-size:18px;
	font-weight:bold;
	quotes:none;
	color:#3a5019;
	margin:5px 0 0;
	display:block;
	width:100%;
	overflow:hidden;
}

#main .column blockquote cite{
	float:right;
	text-align:right;
	color:#3a5019;
	font-size:12px;
	margin:11px 0 0;
	font-style:normal;
}
#main .three-columns .btn-view{
	position:absolute;
	right:420px;
	bottom:0;
	font-size:11px;
	color:#3a5019;
}
#main .column .sponsors-list{
	background:url(http://www.theartofmarketing.ca/img/bg-sponsors-list.gif) no-repeat 2px 2px;
	width:296px;
	overflow:hidden;
	margin:20px 0 27px -6px;
	padding:0;
	list-style:none;
	position:relative;
}
#main .column .sponsors-list li{
	float:left;
	margin:2px 0 0 2px;
	display:inline;
}
#main .column .sponsors-list li a{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:144px;
	height:87px;
}
#main .column .sponsors-list li.microsoft a{background:url(http://www.theartofmarketing.ca/img/ico-microsoft.gif) no-repeat;}
#main .column .sponsors-list li.ups a{background:url(http://www.theartofmarketing.ca/img/ico-ups.gif) no-repeat;}
#main .column .sponsors-list li.onestop a{background:url(http://www.theartofmarketing.ca/img/ico-onestop.gif) no-repeat;}
#main .column .sponsors-list li.scotts a{background:url(http://www.theartofmarketing.ca/img/ico-scotts.gif) no-repeat;}
#main .three-columns .btn-view-all{
	position:absolute;
	right:110px;
	bottom:0;
	font-size:11px;
	color:#3a5019;
}



#main .one-column{
	width:944px;
	overflow:hidden;
	margin:27px -1px 0;
}
#main .one-column .t{
	background:url(../img/bg-one-column-t.png) no-repeat;
	height:40px;
	overflow:hidden;
}
#main .one-column .c{
	background:url(../img/bg-one-column-c.png) repeat-y;
	height:1%;
}
#main .one-column .c:after{
	content:"";
	display:block;
	clear:both;
}
#main .one-column .container{
	width:100%;
	float:left;
	margin:-40px 0 0;
	padding:0 0 20px;
	position:relative;
	min-height:90px;
}
* html #main .one-column .container{height:90px;}
#main .one-column .b{
	background:url(../img/bg-one-column-b.png) no-repeat;
	height:27px;
	overflow:hidden;
}


/* home-page carousel styles */
/****************************************************************************************************************/

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/* form inputs */
/****************************************************************************************************************/
input[type=text], select
{
    padding: 5px;
}

span.small
{
    font-size: 10px;
}

div.error
{
    background-color: #FFB6C1;
    padding:20px;
    margin-bottom : 20px;
    border: 3px solid red;
}    

div.form-field
{
    float       : left;
    width       : 180px;
    margin      : 0px 10px 0px 0px;
    padding     : 0px 10px 5px 0px;
}

div.form-field em
{
    color: red;
    font-weight: bold;
}

div.form-container
{
    float       : left;
    width       : 426px;
    margin      : 0px 0px 0px 0px;
}

div.form-summary
{
    float       : left;
    width       : 191px;
    background  : #eee;
    border      : 1px solid #666;
    margin-top  : 18px;
}

div.form-summary div
{
    padding     : 15px;
}

div.form-container div
{
    float       : left;
    width       : 180px;
    margin      : 0px 10px 0px 0px;
}

div.form-field input
{
    width       : 170px;
}

label.error
{
    font-size   : 10px;
    color       : red;
}

input.next-button
{
    font-weight:bold;
    color: green;
    padding:10px;
    cursor: pointer;
}

#agenda td.time { white-space: nowrap; }
#agenda td { padding:5px; vertical-align:top; }
#agenda tr.alt td { background-color:#eee; }


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* rotating testimonial quotes */
.jcarousel-skin-quote .jcarousel-clip-horizontal {
    width  : 250px;
    height : 180px;
}

.jcarousel-skin-quote .jcarousel-item {
    width  : 250px;
    height : 180px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width  : 892px;
    height : 64px;
}

.jcarousel-skin-tango .jcarousel-item {
    width  : 108px;
    height : 64px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    border-right  : 1px solid #ccc;
    margin-right  : 10px;
    padding-right : 10px;
}

.carousel-button {
    font-size       : 20px;
    line-height     : 55px;
    text-decoration : none;
    color           : #999;
    font-weight     : bold;
}



/* registration page */
/********************/
div.reg-left {
    float: left;
    width: 550px;
}

div.reg-right {
    float: right;
    width: 210px;
    background:#fff;
    border: 3px solid #78B84A;
    padding: 10px;
}

div.reg-right h2 {
    margin: 0px;
}

div.secure-icon {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background: transparent url(../img/locked.png) no-repeat scroll 0 0;
    margin-bottom:30px;
    padding-left:45px;
    font-size:10px;
    line-height: 13px;
    width:400px;
    margin-top: 20px;
}

button#complete-order
{
    font-weight:bold;
    color: green;
    cursor: pointer;
}

button#complete-order span {
    padding:10px 40px 10px 10px;
    display:block;
    background-image:url('../img/success.png');
    background-repeat: no-repeat;
    background-position: right center;
}

button#complete-order span.wait {
    background-image:url('http://www.theartofmarketing.ca/img/clock.png');
}

button#print-receipt
{
    font-weight:bold;
    color: #666;
    cursor: pointer;
}

button#print-receipt span {
    padding:10px 40px 10px 10px;
    display:block;
    background-image:url('../img/print.png');
    background-repeat: no-repeat;
    background-position: right center;
}

h6 {
    margin      : 0px;
    color       : #78B84A;
    font-size   : 12px;
    text-align  : center;
}

div.small {
    padding-top : 10px;
    font-size   : 10px;
    line-height : 14px;
}

h2 { font-size: 18px; }

div.input {
    padding-bottom: 5px;
}

div.input.radio {
    padding-bottom: 10px;
}

div.reg-right div.input.text {
    padding-bottom: 10px;
}


input[type=text], select {
    padding: 5px;
}

div.text label, div.select label {
    float: left;
    width: 130px;
}

div.text label.error, div.select label.error {
    float: none;
    font-size: 10px;
    padding-left: 5px;
    color: red;
}

div.radio strong {
    font-weight : normal;
    display     : block;
    float       : left;
    width       : 130px;
}


div.error {
    margin: 20px 0px;
    display: none;
}

input.error {
    border: 2px solid red;
}

select.error {
    border: 2px solid red;
}

img.credit-card {
    cursor: pointer;
}

div.center {
    text-align:center;
}

a#show-promo {
    font-size   : 13px;
    font-weight : bold;
}

div.promo {
    display: none;
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px solid #999;
}

div.apply-promo {
    padding: 0 0 0 160px;
    margin: 0;
}

div.apply-promo a {
    font-size: 10px;
    line-height: 10px;
}

div#extra-attendees {
    margin      : 0px 0px 50px 0px;
    overflow    : hidden;
}

div#extra-attendees .attendee {
    display     : none;
    padding     : 9px 0 6px 0;
    overflow    : hidden;
}

div#extra-attendees h2 {
    margin-bottom: 0px;
}

div#extra-attendees label {
    font-size   : 11px;
    font-weight : bold;
    display     : block;
    float       : none;
    line-height : 14px;
}


/* flash boxes */
/***************/
.flash-info, .flash-success, .flash-warning, .flash-error {
    border              : 2px solid;
    margin-bottom       : 20px;
    padding             : 15px 10px 15px 50px;
    background-repeat   : no-repeat;
    background-position : 10px center;
}

.flash-info {
    color           : #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
}

.flash-success {
    color           : #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/success.png');
}

.flash-warning {
    color           : #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
}

.flash-error {
    color           : #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}

/* blockquotes */
/***************/
blockquote.testimonial {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    font-family     : Georgia,'Times New Roman',Times,Serif;
    font-size       : 17px;
    font-style      : italic;
    font-weight     : normal;
    line-height     : 2em;
    margin          : 10px 0px 25px 0px;
    padding         : 25px 40px 25px 50px;
    background      : #eee;
    position        : relative;
}


#main blockquote.testimonial p {
    margin          : 0;
    padding         : 0;
    line-height     : 22px;
}

#main blockquote.testimonial h3 {
    color           : #666;
    margin          : 0;
    padding         : 5px 0px 0px 30px;
}

#main blockquote.testimonial h3 span {
    color           : #698F2D;
}

blockquote.testimonial:before, blockquote.testimonial:after {
    color	 	: #999;
	display	 	: block;
	font-size	: 500%;
	width	 	: 50px;
}

blockquote.testimonial:before {
	content		: open-quote;
	height		: 0;
    margin-left	: -50px;    
}

blockquote.testimonial:after {
    content		: close-quote;
	height		: 50px;
    position    : absolute;
    right       : 10px;
    bottom      : -20px;
}


div.speaker {
    overflow        : hidden;
    padding-bottom  : 10px;
}

#main div.speaker h2 {
    font-size       : 22px;
    font-weight     : bold;
    padding         : 15px 0 8px 0;
    margin          : 0 0 8px 0;
    font-weight     : normal;
    border-bottom   : 1px solid #666;
}    

#main div.speaker h2 a {
    text-decoration : none;
}        
    
#main div.speaker h3 {
    font-size       : 18px;
    color           : #698F2D;
    padding-top     : 15px;
    margin          : 0px;
}


#main div.speaker h4 {
    font-size   : 14px;
    margin      : 0px;
    color       : #666;
}    

div.speaker ul li {
    font-size: 13px;
    line-height : 16px;
    margin-bottom: 6px;
}

div.agenda {
    overflow        : hidden;
    border-bottom   : 2px solid #698F2D;
    padding         : 10px 0 0 0;
}

#main div.agenda h2 {
    font-size       : 20px;
    font-weight     : bold;
    padding         : 0 0 5px 0;
    margin          : 0 0 5px 0;
    font-weight     : normal;
    border-bottom   : 1px solid #ccc;
}    

#main div.agenda h2 a {
    text-decoration : none;
}        
    
#main div.agenda h3 {
    font-size       : 16px;
    color           : #698F2D;
    padding-top     : 3px;
    margin          : 0px;
}


#main div.agenda h4 {
    font-size   : 14px;
    margin      : 0px;
    color       : #666;
    padding     : 0 0 6px 0;
}

#main div.agenda p {
    font-size   : 12px;
    margin      : 0px;
    padding     : 0px;
    color       : #666;
}

#main div.agenda p a {
    font-size   : 12px;
    font-weight : bold;
    color       : #698F2D;
    text-decoration: none;
}

#main div.agenda p a:hover {
    color   : #666;
}


div.clear-both {
    clear   : both;
}

/* fonts */
/***************/
@font-face {
	font-family : 'ArtOf';
	src         : url('fonts/artofcond-webfont.eot');
	src         : local('☺'), url('fonts/artofcond-webfont.woff') format('woff'), url('fonts/artofcond-webfont.ttf') format('truetype'), url('fonts/artofcond-webfont.svg') format('svg');
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family: 'FFJustlefthandRegular';
	src: url('fonts/ffjustlefthand-webfont.eot');
	src: local('☺'), url('fonts/ffjustlefthand-webfont.woff') format('woff'), url('fonts/ffjustlefthand-webfont.ttf') format('truetype'), url('fonts/ffjustlefthand-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}