/* body#tinymce.mceContentBody {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13.5px; color: #000000; background: #ffffff;} */

/* header-line area */
	#headerline {width: 100%; height: 185px; position:relative; margin-bottom: 10px;}
	#topbar {width: 100%; height: 25px; background: #c60000 url(/images/site/template/headerbar-top.png) repeat-x top; position: relative;}
	#topbar-box {max-width: 1200px; height: 25px; margin: 0 auto; position: relative; font-family: pt-sans; font-size: 12px; color: #fff; line-height: 25px; vertical-align: middle; text-align: right;}
	#topbar-alt {display: none;}
	#topbar-alt-box {display: none;}
	#headerbox {max-width: 1200px; height: 160px; margin: 0 auto; positon: relative;}
	#logo-col {width: 32%; height: 160px; position: relative; float:left;}
	#content-col {width: 67%; height: 160px; padding: 0 0 0 1%; position: relative; float: left;}
	#content-col-top {width: 100%; height: 120px; position: relative;}
	#content-col-top-graphic {width: 72%; height: 120px; padding: 0 0% 0 0; position: relative; float: left; text-align: left;}
	#header-graphic {max-width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
	#content-col-top-contact {width: 26%; height: 120px; padding: 0 0 0 1%; float: left;}
	#content-col-top-contact-ph {width: 99%; height: 70px; padding: 0px 0 5px 0; position: relative; text-align: right; font-family: opensans-cb; font-size: 18px; color: #fff;}
	#content-col-top-contact-ph a{color: #fff; text-decoration: none;}
	#content-col-top-contact-soc {width: 99%; height: 35px; padding: 5px 0 5px 0; position: relative; text-align: right; white-space: nowrap;}
	#content-col-top-contact-soc img {margin: 0 .5% 0 .5%; max-width: 100%; height: auto;}
	#content-col-top-contact-soc img:hover { 
		-webkit-transition: all 2s ease-in-out;
	    -moz-transition: all 2s ease-in-out;
	    -o-transition: all 2s ease-in-out;
	    -ms-transition: all 2s ease-in-out;
	
	    -webkit-transform: rotate(360deg);
	    -moz-transform: rotate(360deg);
	    -o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	
		border: none;
		transform: rotate(360deg);
	}
	#content-col-bot {width: 100%; height: 40px; padding: 0 1%; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#navbar {width: 100%; height: 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: rgba(255,255,255,0.9); }
	
	.logoalt {display: none;}
	.header-logo {max-width: 100%; height: auto;}
	.header-logo:hover { 
		filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;
		-webkit-transition: all 1s ease-in-out;
	    -moz-transition: all 1s ease-in-out;
	    -o-transition: all 1s ease-in-out;
	    -ms-transition: all 1s ease-in-out;
		
		transform: scale(.95);
		-moz-transform: scale(.95);
		-webkit-transform: scale(.95);
		-o-transform: scale(.95);
		-ms-transform: scale(.95); /* IE 9 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
		filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
	}
	
	#ts-date-box {max-width:250px; height: 25px; position: absolute; left: 15px; bottom: 0; padding: 0 1% 0 1%; background: rgba(28,85,155,0.7); border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;; -moz-border-top-right-radius: 5px; }
	#ts-dates {font-family: opensans-cb; font-size: 14px; color: #f6ff00; text-align: center; vertical-align: middle; line-height: 25px; text-transform: uppercase;}



/* Slider Area */

	#sliderline {width: 100%; min-height: 400px; position: relative; overflow: auto; background: url(/images/site/template/sliderbox-bkg.jpg) no-repeat; background-size: cover;}
	#sliderbox {width: 70%; padding: 25px 2.5% 25px 2.5%; min-height: 375px; position: relative; float: left;}
	
	.ls-custom-1 {background: rgba(0,0,0,0.65); padding: 10px; text-align: left;}
	
	.ls-h1 {font-family: ubuntu-b; color: #fff000; text-shadow: 2px 2px 2px #000; -webkit-text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000;}
	.ls-h2 {font-family: ubuntu-b; color: #fff; text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000;}

/* Event Box Area */

	#eventbox {width: 22.5%; padding: 25px 2.5% 30px 0%; min-height: 415px; position: relative; float:left;}
	#eventbox-heading1 {width: 100%; font-family: ubuntu-b; font-size: 22px; color: #c60000; text-align: center; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px  2px 0 #fff, 2px  2px 0 #fff;}
	#eventbox-heading2 {width: 100%; font-family: ubuntu-b; font-size: 17px; color: #c60000; text-align: center; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px  2px 0 #fff, 2px  2px 0 #fff;}
	#eventcontainer {width: 96%; padding: 10px 2% 10px 2%; max-height: 280px; overflow: hidden;}
	#eventbox .event {width: 100%; position: relative; font-family: quattrocento_sansregular; font-size: 14px; color: #121212; text-align:center; padding: 5px 0 5px 0;}
	#eventbox .event a {color: #000c83; text-decoration: underline;}
	#eventbox .event a:hover {color: #000746; text-decoration: none;}
	#eventbox .title {font-family: quattrocento_sansbold; font-size: 18px; text-transform: uppercase;}
	#eventbox #more {position: absolute; bottom: 15px; font-size: 16px; font-family: quattrocento_sansbold; text-align: center; width: 95%; padding: 2% 2% 2% 2%; right: 5%; background: rgba(5,61,146,0.50); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#eventbox #more img {vertical-align:absmiddle;}
	#eventbox #more a{color: #fff; text-decoration: none;}
	#eventbox #more a:hover {color: #fff600;}

/* Page Header Area */

	#pageheaderbox {width: 100%; height: 100px; position: relative; background: url(/images/site/template/pageheader-bkg.jpg) repeat-x top left; -webkit-box-shadow: 0px 5px 14px -1px rgba(0,0,0,0.22); -moz-box-shadow: 0px 5px 14px -1px rgba(0,0,0,0.22); box-shadow: 0px 5px 14px -1px rgba(0,0,0,0.22);}
	#pageheader-text {width: 95%; padding: 0 2.5% 0 2.5%; position: relative; top: 50px; left: 0; }
	#pageheader-text {font-family: ubuntu-b; font-size: 2em; color: #272727; text-transform: uppercase; text-shadow: 2px 2px 2px #FFF;}

/* Button Box Area */

	#buttonbox {width: 100%; padding-bottom: 20px; position: relative; overflow: auto; position: relative; background: #f0f0f0 url(/images/site/template/buttonbox-bkg.jpg) no-repeat; background-size: cover;}
	#buttonbox-heading {width: 100%; height: 65px; position: relative; top: 0px; left: 0px; z-index: 1000; background: url(/images/site/template/wood-heading.png) repeat-x;}

	#buttonbox #deco-l {width: 100%; height: 60px; position: absolute; left: 0; top: 0px; z-index: 1001; background: url(/images/site/template/heading-lights.png) no-repeat; background-position: center;}

	#buttonbox #heading {width: 100%; position: relative; margin: 0 auto; z-index: 1002; text-align: center; font-size: 30px; color: #2c2c2c; font-family: LeagueGothic-r; line-height: 55px; vertical-align: middle;}

	#buttonbox #buttons {width: 98%; padding: 0 1% 0 1%; position: relative; overflow: auto;} 
	#buttonbox .button {width: 23%; padding-bottom: 25px; margin: 1% 1% 1% 1%; position: relative; float:left; background: #e90000 url(/images/site/template/btn-bkg.png) no-repeat center bottom; background-size: 100%; text-align:center; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);}
	#buttonbox .heading {font-family: LeagueGothic-r; color: #fff; font-size: 30px; margin-top: 1%;}
	#buttonbox .btn-img {margin: 3%; width: 94%; height: auto;}
	#buttonbox .caption {font-family: LeagueGothic-r; color: #fff; font-size: 22px; text-transform: uppercase;}

/* Footer Area */

	#footerline {width: 100%; padding: 15px 0 0px 0; position: relative; background: #3d39da; overflow: auto;}
	#footerbox {max-width: 1200px; min-height: 380px; position: relative; margin: 0 auto;}
	#footerbox .col1 {width: 48%; padding: 0 1% 0 1%; float: left; position: relative;}
	#footerbox .col2 {width: 48%; padding: 0 1% 0 1%; float: left; position: relative;}
	#footerbox .topcol {width: 100%; min-height: 180px; position: relative; text-align: center;}
	#footerbox .botcol {width: 100%; min-height: 180px; position: relative; margin: 2% 0 0 0;}
	#footerbox #footerlogo {max-width: 75%; height: auto;}
	#footerbox .phone {font-family: quattrocento_sansregular; font-size: 18px; color: #fff;}
	#footerbox .phone a{color: #fff;}
	#footerbox .signupcol {width:60%; padding: 0% 1% 0 0; position: relative; float:left; text-align: center;}
	#footerbox .signupcol p{font-family: quattrocento_sansregular; font-size: 16px; color: #fff;}
	#footerbox .decocol {width: 38%; min-height: 180px; padding: 0% 0 0 1%; position: relative; float: left;}
	#footerbox .decocol img {position: absolute; bottom: 0px; right: 0; z-index: 1000; height: auto; width: 80%;}
	#footerbox .signup-heading {font-family: ubuntu-b; font-size: 24px; color: #fff;}
	#footerbox .signupform {margin-top: 10px;}
	#footerbox #fb-wrapper {width: 96%; padding: 2%; position: relative; background: #cbc9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#footerbox .fb-page {margin: 0 auto;}
	#footer-sigline {width: 96%; padding: 1% 2% 1% 2%; background: #1d1a96; text-align: center; font-family:quattrocento_sansregular; color: #eeeeee; font-size: 14px;}
	#footer-sigline a{color: #fff; text-decoration: underline;}
	#footer-sigline a:hover{color: #808080; text-decoration: none;}

.join-button { 
	height: 27px; 
	padding-bottom: 3px; 
	font-family: pt-sans; font-size: 16px; color: #fff; cursor: pointer; 
	background-color:#c60000; 
	border: 0px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	behavior: url("/shared/pie/pie.htc"); 
}

.join-button:hover{ 
	background-color:#990000; 
}

/* Countdown Bar Area */
	#countdownbar {width: 100%; min-height: 55px; position: relative; margin: 2% 0 2% 0; overflow: auto; }
	#countdown {max-width: 460px; height: 54px; position: relative; margin: 0 auto; font-family: opensans-cb; font-size: 18px; color: #fff;}
	#countdown #count {width: 48%; height: 55px; position: relative; float:left; text-align: center;}
	#countdown #count img {position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
	#countdown #d {width:12%; height:45px; position: relative; float:left; margin-left: 1%; background: #e90000; padding-top: 10px; text-align: center;}
	#countdown #h {width:12%; height:45px; position: relative; float:left; margin-left: 1%; background: #e90000; padding-top: 10px; text-align: center;}
	#countdown #m {width:12%; height:45px; position: relative; float:left; margin-left: 1%; background: #e90000; padding-top: 10px; text-align: center;}
	#countdown #s {width:12%; height:45px; position: relative; float:left; margin-left: 1%; background: #e90000; padding-top: 10px; text-align: center;}
	#countdown #fm {width:160px; height:45px; position: relative; float:left; margin-left: 5px; background: #e90000; padding-top: 10px; text-align: center;}
	#countdown .label {width: 100%; position: absolute; bottom: 0; font-size: 11px;}

/* Content Box Area */

	#contentline {width: 100%; height:auto; position: relative; padding: 0; margin: 0; z-index: 100;}
	#contentbox { max-width: 1200px; margin: 0 auto; padding: 0 0 3% 0; position: relative; min-height: 600px; overflow: auto; font-family: quattrocento_sansregular; font-size: 16px; color: #2c2c2c; background: #fff; -webkit-box-shadow: 0px 9px 35px 5px rgba(0,0,0,0.45); -moz-box-shadow: 0px 9px 35px 5px rgba(0,0,0,0.45); box-shadow: 0px 9px 35px 5px rgba(0,0,0,0.45);}
	
	#mainbox { max-width: 1200px; margin: 0px auto; padding: 25px 15px 25px 15px; border: 1 px solid blue; border-collapse: collapse; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#mainbox-bodybox { width: 100%; margin: 0 auto; margin-bottom: 0px; position: relative;}
	#mainbox ol {padding: 5px 0 0 20px;}
	#mainbox ul li { margin-left: 40px; margin-bottom: 10px;}
	#mainbox h1 {font-family: ubuntu-b; color: #2c2c2c; margin: 0 0 1% 0;}
	#mainbox h2 {font-family: ubuntu-b; color: #2c2c2c; margin: 0 0 1% 0;}
	#mainbox h3 {font-family: ubuntu-b; color: #2c2c2c; margin: 0 0 1% 0;}
	#mainbox h4 {font-family: ubuntu-b; color: #2c2c2c;}
	#mainbox p { padding-bottom: 15px;}


.imgborder { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border: 2px solid #fff; -moz-box-shadow: 2px 2px 5px #00307c; -webkit-box-shadow: 2px 2px 5px #00307c; box-shadow: 2px 2px 5px #00307c; behavior: url('shared/pie/pie.htc'); margin: 0 2% 2% 2%; }

.imgfloatleft {float:left;}
.imgfloatright {float:right;}

.shadowbox { -moz-box-shadow: 0px 0px 6px #000000; -webkit-box-shadow: 0px 0px 6px #000000; box-shadow: 0px 0px 6px #000000; behavior: url(/shared/pie/pie.htc); }

.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%;
}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-col-1 { float:left; width: 35%; padding: 0 2%; margin: 0; text-align: left; position: relative;}
.contact-col-2 { float:left; width: 55%; padding: 0; margin: 0; text-align: left; position: relative;}


.round225 {
	width: 225px;
	height: 225px;
	border-radius: 112.5px;
	-webkit-border-radius: 112.5px;
	-moz-border-radius: 112.5px;
	box-shadow: 0 0 8px rgba(225, 225, 190, .9);
	-webkit-box-shadow: 0 0 8px rgba(225, 225, 190, .9);
	-moz-box-shadow: 0 0 8px rgba(225, 225, 190, .9);
	}

.round350 {
	width: 350px;
	height: 350px;
	border-radius: 175px;
	-webkit-border-radius: 175px;
	-moz-border-radius: 175px;
	box-shadow: 0 0 8px rgba(45, 4, 96, .9);
	-webkit-box-shadow: 0 0 8px rgba(45, 4, 96, .9);
	-moz-box-shadow: 0 0 8px rgba(45, 4, 96, .9);
	}

.round225 img {
	opacity: 0;
	filter: alpha(opacity=0);
	}


.zoom-transition {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
}

.zoom-content, .zoom-content2, .zoom-content3, .zoom-content4 {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}
.zoom-content, .zoom-content2, .zoom-content3, .zoom-content4 {
    width:250px;
    margin:0px;
}


/* module-css */

#eventname-bigtext {line-height: 1; width: 255px; margin: 0 auto; }

#eventpage { width: 100%; padding: 0 0 20px 0; vertical-align: top; }

#eventbox-wrapper { position: relative; background: #ffffff;  }
#eventbox-topbox { position: relative; max-width: 908px; }
#eventbox-topbox-border { margin: 0px 10px; border-bottom: 1px dashed #0041C4; height: 1px; }
#eventbox-botleft { padding: 2%; width: 96%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
#eventbox-botright { padding: 10px 0px 10px 10px; width: 258px; display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
#eventname-bigtext {max-width: 900px; margin: 0px auto; font-family: ubuntu-b; text-transform: uppercase; text-align: center; line-height:1;}
.eventbox-rightblock-bigtext { line-height: 1; max-width: 258px; font-family: ubuntu-b; font-size: 38px; font-variant: small-caps; text-align: center;}
.eventbox-rightblock-button { text-align: center; background: #EDEFF4; font-size: 0; width: 100%;}
.eventbox-rightblock-button:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; cursor: pointer;}
.eventbox-buttontext { font-family: ubuntu-b; font-size: 36px; font-weight: bold; color: #0B0A6B;}
.eventbox-blockhead {background-color: #c60000; color: #fff; text-transform: uppercase; font-weight: 900; font-family: opensans-cb; font-size: 18px; width: 96%; padding: 4px 2%; margin-bottom: 6px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
.eventbox-block { margin-bottom: 10px; background-color: #edeff4; color: #050505; font-family: quattrocento_sansregular; font-size: 16px; font-weight: normal; text-align: left; padding:15px;}
.eventbox-block-hidden { margin-bottom: 10px; background-color: #ffffff; color: #050505; font-family: quattrocento_sansregular; font-size: 16px; font-weight: normal; text-align: left; display: none;}
.eventbox-block-hidden ul li { margin-left: 15px; padding-left: 0px;}
.eventbox-action-img {float: left; margin-right: 10px; cursor: pointer;}
.eventbox-rightblock-infobox { font-variant: small-caps; font-family: ubuntu-b; font-size: 30px; font-weight: bold; color: #000000; text-align: center;}
.eventbox-content { margin-bottom: 10px; position: relative; background: #ffffff; text-align: left;  }
#eventbox-top-horiz {width:100%; height: auto; position: relative;}
.eventbox-block-horiz { margin-bottom: 10px; margin-left: 1%; margin-right: 1%; background-color: #edeff4; color: #050505; font-family: sourcesanspro; font-size: 16px; font-weight: normal; text-align: left; padding:2%; float:left; margin-top:10px; width:27%; min-height:150px; max-height:150px;}
.eventbox-bannername {font-size: 40px; color: #0f2240; text-align:center; font-family: ubuntu-b;}
.eventbox-bannerdate {font-size: 32px; color: #0f2240; text-align:center; font-family: ubuntu-b;}

.eventdetails-pg .eventbox-block-hidden img {max-width:100%; height:auto; min-height:100%;}
.pageserverpg img {max-width: 100%; height: auto;}

.eventdetails-pg .eventbox-block img {max-width:100%; height:auto;}
.event-sharebox {position: relative;}

.mapwrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.mapwrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#eventpage #eventlist {width: 100%; border: none; border-collapse: collapse; font-family: bookantiqua-b; font-size: 18px; color: #404141;}
#eventpage #eventlist td { height: 30px; vertical-align: middle; padding: 2px 1%; }
#eventpage #eventlist td .h1 { font-family: bookantiqua-b; font-size: 22px; }

#eventpage .hr1 {border: 0; height: 1px;  background-image: linear-gradient(to right, rgba(29, 26, 150, 0), rgba(29, 26, 150, 0.75), rgba(29, 26, 150, 0)); clear:both;}
#eventpage .schedule-col1 {width: 13%; padding: .5% 2% .5% 0; float: left; position: relative;}
#eventpage .schedule-col2 {width: 85%; padding: .5% 0% .5% 0; float: left; position: relative;}

#eventpage .schedule-day {font-size: 20px; color: #0b005f;}
/* Event List Page */

#eventpage .event-list-container {width:98%; height: auto; padding: 1%; border-bottom: 2px solid #808080; margin-bottom:5px;}

#eventpage .event-list-name {font-family: ubuntu-b; font-size: 24px; color: #002f7a;}
#eventpage .event-list-name a:hover {color: #173f80; text-decoration: none;}
#eventpage .event-list-location {font-family: opensans-cb; font-size: 18px; color: #1752af; width: 100%; position: relative;}
#eventpage .event-list-date {font-family: opensans-cb; font-size: 18px; color: #1752af;}
#eventpage .event-list-buttons {width:100%; text-align:left;}
.event-list-buttons .sitebtn { display: inline-block; *display: inline; margin-bottom: 10px; min-width: 100px; text-align: center; text-decoration: none; font-family: ubuntu-b; font-size: 14px;}

#eventpage .event-list-location-cell {width: auto; float:left; position: relative;}
#eventpage .event-list-dates-cell {width: auto; float:left; position: relative; }
#eventpage .event-list-cell-sep {width: auto; float:left; position: relative; padding: 0 1% 0 1%;}

#eventpage .event-list-schedule {font-family: opensans-cb; font-size: 18px; color: #262626; width: 100%; position: relative;}
#eventpage .event-list-schedule-date {font-family: ubuntu-b; font-size: 24px; color: #1752af; margin: 3% 0 1% 0;}

.schedule-ename {font-size: 18px;}

/* Portfolio Page */

.portfolio-item {width: 31%; margin: 1%; float: left; position: relative; background: #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center;}

.client-name {font-family: OpenSans-cb; font-size: 22px; text-align: center; color: #2a2a2a; margin-top: 0px; text-transform: uppercase; overflow: hidden; whitespace: no-wrap; width: 100%; height: 30px;}
.project-desc {width: 100%; height: 15px; font-family: quattrocento_sansregular; font-size: 14px; color: #2e2e2e; text-transform: uppercase;}

.portfolio-image {padding-top: 10px; width: 100%; position: relative; text-align:center;}
.portfolio-image-box {max-width: 250px; max-height: 200px; margin: 0px auto; position: relative; overflow: hidden;}
.portfolio-pic:hover { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}

.more-details {display: inline-block; *display: inline; zoom: 1; min-width: 140px; text-align: center; text-decoration: none; font-family: ubuntu-b; font-size: 16px; color: #fff !important; border: 0px #fff solid; box-shadow: 1px 1px 1px #300; -moz-box-shadow: 1px 1px 1px #300; -webkit-box-shadow: 1px 1px 1px #300; padding: 4px 4px; behavior: url('/shared/pie/pie.htc'); background-color: #ed0000; margin-bottom: 10px; margin-top: 10px;}
.more-details:hover { background: #cf0000; cursor: pointer; text-decoration: none !important; }

/* Portfolio Details Page */

#portfoliopage h1 { color: #5400ff;}
#portfoliopage h2 { font-size: 32px; width: 98%; padding: 3px 1%; margin: 20px auto 0 auto; }
#portfoliopage h3 { font-size: 22px; padding: 6px 0 0 0;}

#portfoliopage a {color: #0066ff; text-decoration: none;}
#portfoliopage a:visited {color: #3072d4;}
#portfoliopage a:hover {color: #004dc1; text-decoration: underline;}

.details-panel {width: 100%; position:relative;}

.overlay-details { position:absolute; top:-5px; left:0px; width:100%; height:70px; background-image: -moz-linear-gradient( center bottom, rgb(238,238,238) 60%, rgba(238,238,238,0) 75%); background-image:   -o-linear-gradient( rgba(238,238,238,0) 25%, rgb(238,238,238) 40%); background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(238,238,238)), color-stop(0.75, rgba(238,238,238,0))); filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#ffffff); overflow: hidden;} 

.details-panel-container {width: 96%;  padding:2%; position: relative;}

.details-panel-photo {width:98%; float:none; background: #eee; padding: 15px 1% 15px 1%; text-align: center; overflow: hidden;}
.details-photobox {max-width: 700px; postion: relative; margin: 0 auto;}
.details-panel-details {width:98%; min-height: 300px; padding: 15px 1% 15px 1%;  background: #eee; border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -moz-border-bottom-right-radius: 15px; -webkit-border-bottom-right-radius: 15px;}

.details-panel-header {width:100%; height: 30px; line-height:30px; vertical-align: middle; font-size: 20px; color: #e27000; font-family: opensans-cb; margin-bottom: 10px;}


/* OTHER ITEMS */

.covid-mitigation {
	width: 100%;
	padding: 25px 0 25px 0;
	position: relative;
	float: left;
	display: block;
}

.covid-mitigation > div {
	width: 33.3%;
	position: relative;
	float: right;
	text-align: center;
}

.covid-mitigation > div > img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 480px) {

	.covid-mitigation > div {
		width: 90%;
		padding: 0 5% 10px 5%;
		display: block;
	}
}


.sitebtn { display: inline-block; *display: inline; margin-bottom: 18px; min-width: 200px; text-align: center; text-decoration: none; font-family: ubuntu-b; font-size: 18px; color: #fff !important; border: 0px #fff solid; box-shadow: 2px 2px 2px #300; -moz-box-shadow: 2px 2px 2px #300; -webkit-box-shadow: 2px 2px 2px #300; background: #e90000; padding: 5px; behavior: url('/shared/pie/pie.htc'); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase; text-shadow: 1px 1px 1px #000000;}
.sitebtn:hover { background: #a80000; cursor: pointer; text-decoration: none !important; }
.sitebtn-disabled { display: inline-block; *display: inline; zoom: 1; margin-bottom: 14px; min-width: 140px; text-align: center; text-decoration: none; font-family: bookantiqua-b; font-size: 18px; color: #fff !important; border: 0px #fff solid; box-shadow: 2px 2px 2px #300; -moz-box-shadow: 2px 2px 2px #300; -webkit-box-shadow: 2px 2px 2px #300; background: #a11e32; padding: 8px 8px; behavior: url('/shared/pie/pie.htc'); filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; cursor: not-allowed; }

.sitebtn-sm { display: inline-block; *display: inline; margin-bottom: 14px; min-width: 80px; text-align: center; text-decoration: none; font-family: ubuntu-b; font-size: 14px; color: #fff !important; border: 0px #fff solid; background: #e90000; padding: 5px; behavior: url('/shared/pie/pie.htc'); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase; text-shadow: 1px 1px 1px #000000;}
.sitebtn-sm:hover { background: #a80000; cursor: pointer; text-decoration: none !important; }

.sitebtn-rides { display: inline-block; *display: inline; zoom: 1; margin-bottom: 14px; min-width: 100px; text-align: center; text-decoration: none; font-family: ubuntu-b; font-size: 16px; color: #4d0093 !important; border: 0px #fff solid; box-shadow: 2px 2px 2px #300; -moz-box-shadow: 2px 2px 2px #300; -webkit-box-shadow: 2px 2px 2px #300; background: #70ff4b; padding: 1px 5px; behavior: url('/shared/pie/pie.htc'); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: absolute; bottom: 5px; right: 10px;}

.sitebtn-rides:hover { background: #c6ff00; cursor: pointer; text-decoration: none !important; }

.sitebtn-buy { display: inline-block; *display: inline; margin-bottom: 18px; min-width: 120px; text-align: center; text-decoration: none; font-family: ubuntu-b; font-size: 18px; color: #fff !important; border: 0px #fff solid; box-shadow: 2px 2px 2px #300; -moz-box-shadow: 2px 2px 2px #300; -webkit-box-shadow: 2px 2px 2px #300; background: #e46700; padding: 5px; behavior: url('/shared/pie/pie.htc'); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase; text-shadow: 1px 1px 1px #000000;}
.sitebtn-buy:hover { background: #b15000; cursor: pointer; text-decoration: none !important; }

.alt-details-button { display: inline-block; *display: inline; margin-bottom: 18px; min-width: 120px; text-align: center; text-decoration: none; font-family: ubuntu-b; font-size: 18px; color: #fff !important; border: 0px #fff solid; box-shadow: 2px 2px 2px #300; -moz-box-shadow: 2px 2px 2px #300; -webkit-box-shadow: 2px 2px 2px #300; background: #23993a; padding: 5px; behavior: url('/shared/pie/pie.htc'); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase; text-shadow: 1px 1px 1px #000000;}
.alt-details-button:hover { background: #1b762d; cursor: pointer; text-decoration: none !important; }

.bigtext {line-height: 1;}

.textshadow-thin { text-shadow: 0 0 2px #333; }

/* #recaptcha_area { margin: 0 -4px 0 auto;} */

.fb-round { width: 254px; background-color: #00c4e7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; }

table.formtable { border: 1px #aaaaaa solid; width: 900px; margin: 0px auto 2px auto; padding: 2px; background-color: #dfdfdf; border-collapse: collapse;}
table.formtable  td { margin: 0px; padding: 3px; font-family: tahoma, arial, sans-serif; font-size: 14px; color: #000000; background-color: #ffffff; }
table.formtable input.textbox { background-color: #ffffff; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.32,#ffffff), color-stop(0.83,#cccccc)); background-image:-webkit-linear-gradient(#ffffff,#cccccc); background-image:-moz-linear-gradient(top,#ffffff,#cccccc); background-image: -ms-linear-gradient(#ffffff,#cccccc); background-image: -o-linear-gradient(#ffffff,#cccccc); background-image: linear-gradient(#ffffff,#cccccc); padding: 2px 5px; position: relative; border: 1px #bbbbbb solid; -moz-box-shadow: 0px 0px 2px #aaaaaa; -webkit-box-shadow: 0px 0px 2px #aaaaaa; box-shadow: 0px 0px 2px #aaaaaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -pie-background: linear-gradient(to bottom, #ffffff, #cccccc); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 500; color: #000000; behavior: url(/shared/pie/pie.htc); width: 300px; }

.formfocus { -moz-box-shadow: 0px 0px 4px #ffbc00; -webkit-box-shadow: 0px 0px 4px #ffbc00; box-shadow: 0px 0px 4px #ffbc00; border: 1px solid #ffbc00; behavior: url(/shared/pie/pie.htc); }
.formtext { font-family: Verdana, Tahoma, arial, sans-serif; font-size: 14px; color: #000000; font-weight: normal; margin-top: 10px; text-align: justify; }

.col-1 { display: inline-block; *display: inline; zoom: 1; width: 68%; padding: 0; margin: 0; text-align: left; position: relative; overflow:auto; min-height: 350px; vertical-align:top;}
.col-2 { display: inline-block; *display: inline; zoom: 1; width: 30%; padding: 0 0 0 1%; margin: 0; text-align: left; position: relative; min-height:350px;}
.row { width: 100%; padding: 0; margin: 0; text-align: middle; vertical-align: top; position: relative; clear:both;}


  /* RESPONSIVE STUFF */

.fullimage {max-width:100%; height: auto;}
.imgfull {max-width:100%; height: auto;}


@media (max-width:980px) {
	#eventbox-heading1 {width: 100%; font-family: ubuntu-b; font-size: 20px; color: #c60000; text-align: center; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px  2px 0 #fff, 2px  2px 0 #fff;}
	#eventbox-heading2 {display: none;}
	#footerbox .signupcol {width:98%; padding: 0% 1% 0 1%;}
	#footerbox .decocol {display: none;}
}

@media (max-width: 900px) {



@media (max-width: 860px) {


}

@media (max-width: 800px) {
	#logo-col {width: 30%; height: 160px; position: relative; float:left;}
	#content-col {width: 70%; height: 160px; padding: 0 0 0 0%; position: relative; float: left;}
	.header-logo {margin-top: 5%;}
	#content-col-top-contact-soc img{width: 25px;}
}

@media (max-width: 750px) {
	#sliderline {width: 100%; min-height: 300px; }
	#sliderbox {width: 95%; padding: 25px 2.5% 0 2.5%; min-height: initial;}
	#eventbox {width: 95%; padding: 15px 2.5% 30px 2.5%; min-height: 200px;}
	#eventbox .event {width: 29%; padding: 5px 2.15% 5px 2.15%; float: left;}
	#eventbox #more {position: absolute; bottom: 5px; font-size: 15px; width: 100%; padding: 1% 2% 1% 2%; right: 0px; }
	#eventbox-heading1 {width: 50%; font-size: 22px; display: inline-block; text-align: right; }
	#eventbox-heading2 {width: 49%; font-size: 22px; display: inline-block; text-align: left; padding-left: 1%;}
	#buttonbox .button {width: 48%; height: auto; margin: 1% 1% 1% 1%;}
}

@media (max-width: 700px) {
	#headerline {height: 205px;}
	#topbar-alt {width: 100%; height: 20px; position: relative; display: initial; }
	#topbar-box-alt {width: 100%; position: relative; background: #1c559b; font-family: opensans-cb; font-size: 14px; color: #f6ff00; text-align: center; vertical-align: middle; line-height: 20px; text-transform: uppercase;}
	#logo-col {display: none;}
	#content-col {width: 98%; height: 160px; padding: 0 1% 0 1%;}
	#content-col-top-graphic {text-align: center;}
	#header-graphic {display: none;}
	.logoalt {display: inline;}
	.header-logo {width: auto; height: auto; max-height: 120px; margin-top: 0%;}
	#topbar-box {text-align: center;}
	#ts-date-box {display: none;}
	#pageheader-text {text-align: center;}
	.portfolio-item {width: 98%; margin: 1%; float: none;}
	.client-name {font-size: 22px; overflow: none; whitespace: no-wrap; height: auto;}
}

@media (max-width: 650px) { 
	#eventbox-heading1 {width: 45%; font-size: 20px; }
	#eventbox-heading2 {width: 54%; font-size: 20px;}
}


@media (max-width: 600px) {
	#footerbox .col1 {width: 98%; padding: 0 1% 0 1%; float: left; position: relative;}
	#footerbox .col2 {width: 98%; padding: 1% 1% 0 1%; float: left; position: relative;}

	#mainbox .col1 {width:100%; padding: 0 0% 0 0; position:relative; float:left;}
	#mainbox .col2 {width:100%; padding: 0 0 0 0%; text-align:center; float:left;}
	#mainbox .col1 h1 {font-size:28px;}
	#mainbox .col1 h2 {font-size: 20px;}
	
	.imgfloatleft {float:none;}
	.imgfloatright {float:none;}
	.imgborder {margin: 0 0 2% 0; }
	.contact-col-1 {width: 100%; padding: 0; position: relative; height: auto;}
	.contact-col-2 {width: 100%; padding: 0; position: relative; height: auto;}
	.formleft-div { width: 100%; text-align: left; font-weight: bold; padding-top: 6px; vertical-align: bottom;}
	.formright-div { width: 98%; vertical-align: top; margin-right: 2%; height: 30px; }
}

@media (max-width: 550px) {
	#eventbox-heading1 {width: 45%; font-size: 18px; }
	#eventbox-heading2 {width: 54%; font-size: 18px;}
}

@media (max-width: 500px) {
	#eventbox-heading1 {width: 100%; font-size: 22px; text-align: center;}
	#eventbox-heading2 {display: none;}
	#eventbox .title {font-size: 16px;}
	#buttonbox .heading {font-size: 26px;}
	#buttonbox .caption {font-size: 20px;}
	#contentbox {font-size: 16px;}
	#mainbox h1 {font-size: 24px;}
	#mainbox h2 {font-size: 20px;}
	#mainbox h3 {font-size: 18px;}
	#mainbox h4 {font-size: 16px;}
	#eventpage h2 {font-size: 22px;}
	#pageheader-text {font-size: 1.7em;}
	.sitebtn { width: 95%; min-width: auto; margin-bottom: 10px;}
}


@media (max-width: 450px) {
	#content-col-top-graphic {width: 45%;}
	#content-col-top-contact {width: 50%;}
	.header-logo {width: auto; height: auto; max-height: 100px; margin-top: 6%;}
	#countdown #count {width: 100%; margin-bottom: 1%;}
	#countdown #d {width:24%;}
	#countdown #h {width:24%;}
	#countdown #m {width:24%;}
	#countdown #s {width:24%;}
}

@media (max-width: 400px) {
	#layerslider .hide {display: none;}
	#eventcontainer {width: 98%; padding: 10px 1% 10px 1%;}
	#eventbox .event {font-size: 12px;}
	#eventbox .title {font-size: 14px;}
	#pageheader-text {font-size: 1.4em;}
	#eventpage .event-list-name a {font-size: 25px;}
	#eventpage .event-list-location {font-size: 20px;}
	#eventpage .event-list-date {font-size: 17px;}
	.header-logo {margin-top: 10%;}
}

@media (max-width:350px) {

	#content-col-top-contact-ph {font-size: 15px;}
	#content-col-top-contact-soc img{width: 20px; margin: 0 .2% 0 .2%;}
	#topbar-box {font-size: 10px;}
	#buttonbox #deco-l {display: none;}
	#buttonbox .heading {font-size: 24px;}
	#buttonbox .caption {font-size: 18px;}
	#pageheader-text {font-size: 1.3em;}
	#eventpage .event-list-location-cell {width: 100%;}
	#eventpage .event-list-dates-cell {width: 100%;}
	#eventpage .event-list-cell-sep {display: none;}
	#eventpage .schedule-col1 {width: 100%; padding: 0 0% 0 0;}
	#eventpage .schedule-col2 {width: 100%; padding: 1% 0% 1% 0;}
	.header-logo {margin-top: 15%;}

}


@media (max-width:320px) {
	#content-col-top-graphic {width: 45%;}
	#content-col-top-contact {width: 52%;}
	#buttonbox .heading {font-size: 22px;}
	#buttonbox .caption {font-size: 16px;}
}