/* HTML Element styles specific to this project. */
body {
	letter-spacing: 1px;
	line-height: 1.45em;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	color: #808080;
	background-color: #fff;
}

h1,h2,h3,h4,h5,h6 {text-transform: uppercase; font-family: 'Times New Roman', Times, serif;}
h1 {
	font-size: 1.6em;
	color: #212d59;
}
h2 {
	font-size: 1.5em;
	color: #808080;
}
h3 {
	font-size: 1.4em;
	color: #212d59;
}
h4 {
	font-size: 1.3em;
	color: #808080;
}
h5 {
	font-size: 1.2em;
	color: #212d59;
}
h6 {
	font-size: 1.1em;
	color: #808080;
}

p {
	margin-top: 15px;
}

hr {
	margin: 20px 0;
	border-color: #fff;
	color: #fff;
}



img.left {
	float: left;
	margin-right: 2%;
	margin-top: 5px;
	margin-bottom: 5px;
	max-width: 31.33333%;
}
img.right {
	float: right;
	margin-left: 2%;
	margin-top: 5px;
	margin-bottom: 5px;
	max-width: 31.33333%;
}



/* Font Awesome Additional Icons */

.icon-envelope-square:before {
  content: "\f199";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-youtube:before {
	content: "\f167";
}



/* System Styles */

a.TextButton,
input.TextButton,
a.Method,
a.AddToCart,
.button {
	border: 1px solid #ddd;
	border-color: rgba(127, 127, 127, .2);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 6px 8px;
	width: auto;
	max-width: 100%;
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	vertical-align: baseline;
	color: #333;
	background: #fff;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
}
a.TextButton:hover,
input.TextButton:hover,
a.Method:hover,
a.AddToCart:hover,
.button:hover {
	-webkit-box-shadow: 1px 1px 6px rgba(127, 127, 127, .3);
	-moz-box-shadow: 1px 1px 6px rgba(127, 127, 127, .3);
	box-shadow: 1px 1px 6px rgba(127, 127, 127, .3);
	outline: none;
	text-decoration: none;
	color: #333;
}

.LoginDetailRow td,
.ForgotLoginDetailRow td,
.ListOddDetailRow td,
.ListEvenDetailRow td,
.CalendarDetailRow td {
    font-size: .9em;
}



/* Skin specific styles */

#container {
	min-height: 100%;
	text-align: center;
	background-color: #fff;
}
#container > div {
	text-align: left;
}
#container > div:before, #container > div:after {display: table; content: " "; line-height: 0;}
#container > div:after {clear: both;}
#container > div {*zoom: 1;}
#container > div > * {
	clear: both;
	position: relative;
	margin: 0 auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 1200px;
}



#logged-in-menu-container {
	background-color: #fff;
	z-index: 4;
}
#logged-in-menu {
	padding: 0 10px;
	font-size: .8em;
	color: #808080;
}
#logged-in-menu > ul > li > a {
	display: inline-block;
}
#logged-in-menu a[title]:after {
	background-color: #212d59;
	color: #fff;
}
#logged-in-menu ul ul {
	background-color: #212d59;
	color: #fff;
}
#logged-in-menu > ul:first-child {
	float: right;
}
#logged-in-menu > ul:first-child a[title]:after {
	left: auto;
	right: 100%;
}
#logged-in-menu > ul:first-child ul {
	left: auto;
	right: 7px;
	text-align: right;
}
#logged-in-menu > ul:first-child ul ul {
	right: 100%;
}
@media screen and (max-width: 599px) {
	#logged-in-menu.minimize600 > ul:before {
		content: "≡ Administration Menu";
	}
	#logged-in-menu.minimize600 > ul:first-child:before {
		content: "≡ User Menu";
	}
	#logged-in-menu.minimize600 > ul:first-child {
		float: none;
	}
	#logged-in-menu.minimize600 > ul:first-child ul {
		text-align: left;
	}
}



#header-container {
	background-color: #212d59;
}
#header {
	padding: 30px 10px;
	text-transform: uppercase;
	font-family: 'Times New Roman', Times, serif;
	color: #fff;
}
#header #logo {
	letter-spacing: 4px;
	line-height: 1em;
	font-style: normal;
	font-size: 2.2em;
}
#header #logo:hover {
	text-decoration: none;
}
#header #logo img {
	display: block;
	max-width: 100%;
}
#call-to-action {
	padding-top: 5px;
	line-height: 1em;
	font-size: 1.4em;
	text-align: right;
}
@media screen and (max-width: 839px) {
	#header #logo {
		text-align: center;
	}
	#call-to-action {
		padding-top: 20px;
		text-align: center;
	}
}
@media screen and (max-width: 599px) {
	#header #logo {
		letter-spacing: 3px;
		font-size: 1.8em;
	}
	#call-to-action {
		font-size: 1.2em;
	}
}



#main-menu-container {
	display: none;
	background-color: #212d59;
}
body.website-default-for-administrator #main-menu-container,
body.website-default-for-user #main-menu-container,
body.website-default #main-menu-container {
	display: block;
}
#main-menu {
	text-transform: uppercase;
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.1em;
	color: #fff;
	z-index: 3;
}
#main-menu.horizontal {
	padding: 0 10px;
}
#main-menu.horizontal > ul {
	margin: 0 -10px;
}
#main-menu > ul > li {
	padding: 14px 7px;
}
#main-menu.horizontal > ul > li {
	padding: 10px;
}
#main-menu li:hover {
	background-color: transparent;
}
#main-menu a[title]:after {
	background-color: #212d59;
	color: #fff;
}
#main-menu.drop ul ul {
	padding: 5px;
	border: none;
	box-shadow: none;
	font-size: .9em;
	background-color: #212d59;
	color: #fff;
}
@media screen and (max-width: 959px) {
	#main-menu-container {
		display: block;
	}
	#main-menu {
		text-align: center;
	}
	#main-menu > ul {
		display: inline-block;
		vertical-align: top;
	}
}
@media screen and (max-width: 599px) {
	#main-menu.horizontal {
		padding: 10px;
	}
	#main-menu.minimize600 > ul:before {
		content: "≡ Menu";
	}
	#main-menu.horizontal > ul {
		margin: 0 -7px;
	}
	#main-menu.horizontal > ul > li {
		padding: 10px 7px;
	}
}



#banner-container {
	background-color: #231f20;
}
#banner {
	max-width: 1920px !important;
	z-index: 1;
}
#banner img {
	display: block;
	width: 100%;
	max-width: 1920px;
	max-height: 540px;
}
#banner.rotator {
	position: relative;
	max-height: 540px;
	overflow: hidden;
}
#banner.rotator > div {
	display: none;
	position: relative;
}
#banner.rotator > div.show {
	display: block;
	z-index: 1;
}



#body-container {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fff;
}
body.website-default-for-administrator #body-container,
body.website-default-for-user #body-container,
body.website-default #body-container {
	padding-top: 20px;
	padding-bottom: 20px;
}
#body {
	padding: 0 10px;
}
body.website-page-default #body,
body.website-articles-default #body {
	background: #fff url(../image/templates/body-background.jpg) repeat-y;
}
@media screen and (max-width: 1219px) {
	body.website-page-default #body,
	body.website-articles-default #body {
		background: #fff url(../image/templates/body-background.jpg) no-repeat /cover;
	}
}
@media screen and (max-width: 959px) {
	body.website-page-default #body,
	body.website-articles-default #body {
		background: #fff;
	}
}
#body > .grid {
	margin-top: -20px;
}
#body > .grid > * {
	margin-top: 20px;
}

#right-panel {
	float: right;
	min-height: 680px;
	background-color: #fff;
}
#right-panel #content {
	padding: 40px 0 40px 25px;
}
@media screen and (max-width: 1219px) {
	#right-panel #content {
		padding: 40px 20px 40px 25px;
	}
}
@media screen and (max-width: 959px) {
	#right-panel {
		min-height: auto;
	}
	#right-panel #content {
		padding: 20px 0;
	}
}
#content > *:first-child {
	margin-top: 0;
}

#side-panel {
	padding: 40px 20px;
	background-color: #212d59;
}
#side-panel > .grid {
	margin-top: -40px;
}
#side-panel > .grid > * {
	margin-top: 40px;
}
#side-panel #main-menu > ul {
	margin: 0;
}
#side-panel #main-menu > ul > li {
	border-bottom: 1px solid #fff;
	padding: 14px 0;
}
#side-panel #main-menu > ul ul {
	padding-top: 10px;
	padding-left: 20px;
}
#side-panel #main-menu > ul ul > li {
	padding: 5px 7px;
	font-size: .9em;
}
@media screen and (max-width: 959px) {
	#side-panel {
		padding: 0;
		background-color: transparent;
	}
	#side-panel #main-menu,
	#side-panel .side-panel-snippet {
		display: none;
	}
}
#side-panel .side-panel-snippet > *:first-child {
	margin-top: 0;
}
#side-panel .side-panel-snippet * {
	color: #fff;
}
#side-panel .side-panel-snippet a.icon-facebook,
#side-panel .side-panel-snippet a.icon-twitter,
#side-panel .side-panel-snippet a.icon-instagram {
	margin-right: 10px;
	font-size: 1.4em;
}
#side-panel .side-panel-snippet a.icon-facebook:hover,
#side-panel .side-panel-snippet a.icon-twitter:hover,
#side-panel .side-panel-snippet a.icon-instagram:hover {
	text-decoration: none;
}
#side-panel .side-panel-snippet a.ellipsis {
	display: block;
}



#links-container {
	border-top: 1px solid #808080;
	background-color: #f5f5f5;
}
#links {
	display: block;
	padding: 40px 10px 10px 10px;
	font-size: .9em;
}
@media screen and (max-width: 959px) {
	#links-container {
		margin-top: 20px;
	}
	#links {
		padding: 10px;
	}
}
#links > h1 {
	margin-top: 0;
	margin-bottom: 20px;
}
#links h5 {
	color: #808080;
}
#footer-menu > ul {
	padding-top: 10px;
}
#footer-menu > ul > li {
	padding: 2px 7px;
	width: 50%;
}
.footer-snippet a.icon-facebook,
.footer-snippet a.icon-twitter,
.footer-snippet a.icon-instagram {
	margin-right: 10px;
	font-size: 1.4em;
}
.footer-snippet a.icon-facebook:hover,
.footer-snippet a.icon-twitter:hover,
.footer-snippet a.icon-instagram:hover {
	text-decoration: none;
}




#footer-container {
	background-color: #f5f5f5;
}
#footer {
	display: block;
	padding: 5px 10px;
	text-align: center;
 	font-size: .8em;
}
#administration-menu > ul > li,
#website-by {
	padding-top: 2px;
	padding-bottom: 2px;
}
#copyright {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
}



/* Page specific styles */

table.col2.padded > tbody > tr > td,
table.col3.padded > tbody > tr > td {
	padding: 1% 0;
}
table.col2.padded > tbody > tr > td:nth-child(1),
table.col3.padded > tbody > tr > td:nth-child(1),
table.col3.padded > tbody > tr > td:nth-child(2) {
	padding-right: 2%;
}

@media screen and (max-width: 599px) {
	table.col2.u600c1,
	table.col2.u600c1 > tbody,
	table.col2.u600c1 > tbody > tr,
	table.col2.u600c1 > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
}

#our-team-menu > .grid {
	margin-top: -4%;
//	margin-left: -2%;
//	margin-right: -2%;
}
#our-team-menu > .grid > * {
	margin-top: 4%;
//	margin-left: 2%;
//	margin-right: 2%;
//	width: 46%;
}
#our-team-menu > ul > li {
	padding: 0;
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Times New Roman', Times, serif;
	text-align: center;
}
#our-team-menu li:hover {
	background-color: transparent;
}
#our-team-menu a[title]:after {
	display: block;
	position: static;
	border: none !important;
	box-shadow: none;
	padding: 5px 0 0 0;
	width: 100% !important;
	text-transform: none;
	font-size: .75em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	opacity: 1;
	visibility: visible;
}
#our-team-menu > ul > li img {
	display: block;
	float: none;
	margin: 0 0 10px 0;
	width: 100%;
	max-height: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
#our-team-menu > ul > li:hover img {
	-webkit-filter: none;
	filter: none;
}



#services-menu > ul > li > a:before {
	content: "";
	position: absolute;
	top: 44%;
	left: 50%;
	margin-left: -20px;
	border-top: 1px solid #fff;
	width: 40px;
	z-index: 2;
}
#services-menu > ul > li > a:after {
	content: "";
	position: absolute;
	top: 56%;
	left: 50%;
	margin-left: -20px;
	border-top: 1px solid #fff;
	width: 40px;
	z-index: 2;
}
#services-menu > ul > li {
	padding: 15.66666% 0;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 3px #444;
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.5em;
	color: #fff;
	z-index: 2;
}
#services-menu > ul > li img {
	position: absolute;
	top: 0;
	left: 0;
	float: none;
	display: block;
	margin: 0;
	width: 100%;
	max-height: 100%;
	z-index: -1;
}



/* Article View Styles */

.PageRange,
.PageCommands {
	clear: both;
	padding-top: 10px;
	text-align: center;
}
.CalendarCommandRow .PageCommands {
	clear: none;
	padding: 0;
}

/* Content */

#content .Title h1:first-child {
	margin-top: 0;
	margin-bottom: 20px;
}
#content .Title h1:first-child > a {
	color: #fff;
}
#Message {
	padding-top: 10px;
}
#content .Commands {
	display: none;
	padding-bottom: 20px;
}
#content .Articles .Title {
	color: #fff;
}

.Articles .Article {
	margin-bottom: 20px;
}
.Article {
	clear: both;
}
.Article:after {display: table; content: " "; line-height: 0; clear: both;}
.Article {*zoom: 1;}
.Article .Title .Stars {
	display: block;
	float: right;
}
.Article .PublishedOn {
	float: right;
	margin-top: 5px;
	font-size: .9em;
}
.Article .PublishedOn:before {
	content: "Posted On: ";
}
.Article .Author {
	display: block;
	margin-top: 5px;
	font-size: .9em;
}
.Article .Author:before {
	content: "Posted By: ";
}
.Article .Categories {
	margin-top: 5px;
	font-size: .9em;
}
.Article .Categories:before {
	content: "Filed Under: ";
}
.Article > .Image {
	float: left;
	margin: 20px 20px 20px 0;
	max-width: 30%;
}
.Article .ImageHolder {
	float: left;
	margin: 20px 20px 20px 0;
	max-width: 25%;
	text-align: center;
}
.Article .ImageHolder img {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	max-width: 100%;
}
.Article .Description {
	margin-top: 15px;
}
.Article .Images {
	margin-top: 10px;
}
.Article .Images.grid {
	margin-top: -10px;
	margin-bottom: -10px;
}
.Article .Images.grid > * {
	margin-top: 10px;
	margin-bottom: 10px;
}
.Article .Images a {
	display: block;
}
.Article .Images a img {
	border: 0;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.Article .ReadMore {
	display: block;
	padding-top: 5px;
	text-align: right;
}
.Article .Tags {
	clear: both;
	display: none;
	margin-top: 10px;
	font-size: .9em;
}
.Article .Tags:before {
	content: "Tagged: ";
}
.Article .CommentsCount {
	display: block;
	margin-top: 10px;
}
.Article .HTMLDocumentComments {
	margin-top: 20px;
}
.Article .HTMLDocumentComments:before {
	content: "Comments";
	display: block;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	font-size: 18px;
	color: #212d59;
}
.Article .HTMLDocumentComment {
	margin-top: 40px;
}
.Article .HTMLDocumentComment:first-child {
	margin-top: 20px;
}
.Article .HTMLDocumentComment .Document {
	display: none;
}
.Article .HTMLDocumentComment .SubmittedOn {
	float: right;
	font-weight: bold;
}
.Article .HTMLDocumentComment .Author {
	font-size: 1em;
}
.Article .HTMLDocumentComment .Author:before {
	content: normal;
}
.Article .HTMLDocumentComment .Author .Photograph {
	float: left;
	margin-right: 10px;
	max-width: 50px;
	max-height: 75px;
}
.Article .HTMLDocumentComment .Author .Name {
	display: block;
	font-weight: bold;
}
.Article .HTMLDocumentComment .Author .BusinessName,
.Article .HTMLDocumentComment .Author .WebsiteAddress {
	display: block;
	font-size: .75em;
}
.Article .HTMLDocumentComment .CommentBody {
	clear: both;
}
.Article #comments .button {
	clear: both;
	float: right;
	margin: 15px 0 0 0;
}
.Articles .Article .Author,
.Articles .Article .PublishedOn,
.Articles .Article .Categories,
.Articles .Tags,
.Articles .Article .CommentsCount {
	display: none;
}

/* SidePanel */

#categories,
#tags,
#issues,
#authors,
#industries,
#regions,
#latest-comments {
}
#categories:before,
#tags:before,
#issues:before,
#authors:before,
#industries:before,
#regions:before,
#latest-comments:before {
	display: block;
	padding-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.3em;
	color: #fff;
}

#categories:before {
	content: "Categories";
}
#categories > ul > li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#tags:before {
	content: "Tags";
}
#tags .ExtraLarge {
	font-size: 16px;
}
#tags .Large {
	font-size: 16px;
}
#tags .Medium {
	font-size: 12px;
}
#tags .Small {
	font-size: 10px;
}
#tags .ExtraSmall {
	font-size: 8px;
}

#issues:before {
	content: "Archives";
}

#authors:before {
	content: "Authors";
}

#industries:before {
	content: "Industries";
}

#regions:before {
	content: "Regions";
}

#latest-comments:before {
	content: "Latest Comments";
}
#latest-comments a[title]:after {
	position: static;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 5px 0 0 0;
	width: 100%;
	font-size: .9em;
	font-style: italic;
	font-weight: bold;
	background: none;
	opacity: 1;
	visibility: visible;
}
#latest-comments .HTMLDocumentComment {
	margin-top: 10px;
	margin-bottom: 10px;
}
#latest-comments .HTMLDocumentComment:first-child {
	margin-top: 6px;
}
#latest-comments .HTMLDocumentComment .Document:before {
	content: "On ";
	font-weight: normal;
	font-style: normal;
}
#latest-comments .HTMLDocumentComment .Document {
	font-weight: bold;
}
#latest-comments .HTMLDocumentComment .SubmittedOn {
	display: none;
}
#latest-comments .HTMLDocumentComment .Author:before {
	content: " by ";
}
#latest-comments .HTMLDocumentComment .Author .Photograph {
	display: none;
	float: right;
	margin-left: 10px;
	max-width: 50px;
	max-height: 75px;
}
#latest-comments .HTMLDocumentComment .Author .Name {
	font-weight: bold;
}
#latest-comments .HTMLDocumentComment .Author .BusinessName,
#latest-comments .HTMLDocumentComment .Author .WebsiteAddress,
#latest-comments .HTMLDocumentComment .CommentBody {
	display: none;
}

#categories a[data-items-count]:after,
#issues a[data-items-count]:after,
#authors a[data-items-count]:after,
#industries a[data-items-count]:after,
#regions a[data-items-count]:after,
#latest-comments a[data-items-count]:after {
	content: attr(data-items-count);
	position: static;
	display: block;
	float: right;
	border: 0;
	padding: 0;
	width: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-weight: normal;
	font-size: .9em;
	opacity: 1;
	visibility: visible;
}



/* Blog Styles */

#BlogPosts .image {
	display: block;
	padding-top: 98%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 100%;
}
#BlogPosts .details {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 20px 10px;
}
#BlogPosts .title {
	margin-top: 0;
}
#BlogPosts a {
	color: #fff;
}
#BlogPosts .read-more {
	display: block;
	margin-top: 10px;
	text-align: right;
}



/* Gallery Template */

#gallery .Images {
	padding-top: 10px;
}
#gallery .Images.grid {
	margin-top: -10px;
	margin-bottom: -10px;
}
#gallery .Images.grid > * {
	margin-top: 10px;
	margin-bottom: 10px;
}
#gallery .Images a {
	padding-top: 14.66666%;
	height: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media screen and (max-width: 839px) {
	#gallery .Images a {
		padding-top: 23%;
	}
}
@media screen and (max-width: 599px) {
	#gallery .Images a {
		padding-top: 48%;
	}
}



/* Testimonial Template */

#testimonial-template .Title {
	color: #212d59;
}
#testimonial-template .PublishedOn {
	font-style: italic;
	font-size: .9em;
}
#testimonial-template .PublishedOn:before {
	content: "Published On: ";
	display: inline;
}
#testimonial-template .Author {
	margin-top: 20px;
}
#testimonial-template .Name {
	font-weight: bold;
}
#testimonial-template .Position, 
#testimonial-template .BusinessName, 
#testimonial-template .WebsiteAddress {
	display: block !important;
	font-style: italic;
}
#testimonial-template img {
	float: left;
	margin-right: 1%;
	border: 2px solid #212d59;
	width: 24%;
}
#testimonial-template .view-all {
	margin-top: 20px;
	text-align: right;
}



/* Shop Styles */

.Shop > .Title {
	padding-bottom: 20px;
}
.Shop #Products {
	clear: both;
	position: relative;
	display: block;
	margin-left: -1%;
	margin-right: -1%;
}
.Shop #Products:before, .Shop #Products:after {display: table; content: " "; line-height: 0;}
.Shop #Products:after {clear: both;}
.Shop #Products {*zoom: 1;}
.Shop #Products .Article {
	clear: none;
	display: block;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	width: 23%;
}
@media screen and (max-width: 839px) {
	.Shop #Products .Article {
		width: 31.33333%;
	}
}
@media screen and (max-width: 719px) {
	.Shop #Products .Article {
		width: 48%;
	}
}
@media screen and (max-width: 479px) {
	.Shop #Products .Article {
		width: 98%;
	}
}
.Shop .image {
	display: block;
	margin: 0 0 10px 0;
	padding-top: 98%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
.Shop .image:hover {
	box-shadow: 0 0 10px #aaa;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	z-index: 99;
}
.Shop .details {
	margin-top: 10px;
}
.Shop .title {
	display: block;
	margin-top: 0;
	font-size: 1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #212d59;
}
.Shop .title a {
	font-style: normal;
}
.Shop .price {
	display: block;
	margin-top: 10px;
}
.Shop .read-more {
	float: right;
}
.Shop .add-to-cart {
	margin-right: 10px;
}
.Shop .add-to-cart,
.Shop .read-more,
.Shop .sold-out,
#product-template .add-to-cart,
#product-template .sold-out {
	display: inline-block;
	margin-top: 10px;
	border: none;
}
.Shop .PageRange {
	clear: both;
	padding-top: 40px;
	text-align: center;
}



/* Website Product Default Template */

#product-template .Title {
	margin-top: 0;
}
#product-template .Title .Stars {
	display: block;
	float: right;
}
#product-template .Images {
	margin-top: 10px;
}
#product-template .Images.grid {
	margin-top: -10px;
	margin-bottom: -10px;
}
#product-template .Images.grid > * {
	margin-top: 10px;
	margin-bottom: 10px;
}
#product-template .Images a {
	display: block;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 5px;
}
#product-template .Images a img {
	border: 0;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#product-template .Description {
	margin-bottom: 10px;
}
#product-template .Price,
#product-template .FreightPrice {
	float: left;
	padding: 3px 15px 5px 0;
	font-size: 1.2em;
}
#product-template .Price:before {
	content: "Price: ";
	display: inline;
}
#product-template #comments .button {
	clear: both;
	float: right;
	margin: 15px 0 0 0;
}



/* Cart Items */

#cartitems-summary {
	border: 1px solid #ddd;
	padding: 10px;
}
#cartitems-summary h3 {
	margin-top: 0;
}
#cartitems-summary #continue-shopping {
	display: none;
}
body.cartitems-summary #cartitems-summary #continue-shopping {
	display: inline-block;
}
.cart-item {
	margin-bottom: 3px;
	padding: 5px 0;
}
.cart-item .total-price {
	float: right;
	margin-left: 5px;
	font-weight: bold;
}
.cart-item .decrease-quantity,
.cart-item .increase-quantity {
	float: right;
	margin-left: 3px;
}
.cart-item .decrease-quantity img,
.cart-item .increase-quantity img {
	border: none;
	width: 1em;
}
.cart-freight,
.cart-total-price {
	font-weight: bold;
	margin-right: 36px;
	padding: 5px 0;
	text-align: right;
}
.cart-total-price {
	border-top: 1px solid #ddd;
}
.cart-freight label,
.cart-total-price label {
	font-weight: normal;
}
.cart-commands {
	padding-top: 10px;
	text-align: center;
}



/* Payment & Orders */

body.cartitems-requestorderdetails #body,
body.order-selectpaymentmethod #body,
body.product-additemtocart #body,
body.website-register #body,
body.website-login #body,
body.website-checkforregistration #body,
body.website-sendlogindetails #body,
body.cartitems-requestorderdetails #body {
	max-width: 450px;
}
body.product-additemtocart .message.warning,
body.website-register .message.warning,
body.website-login .message.warning,
body.website-checkforregistration .message.warning,
body.website-sendlogindetails .message.warning,
body.cartitems-requestorderdetails .message.warning,
body.order-selectpaymentmethod .message.warning {
	display: none;
}
body.product-additemtocart .commands,
body.website-register .commands,
body.website-login .commands,
body.website-checkforregistration .commands,
body.website-sendlogindetails .commands,
body.cartitems-requestorderdetails .commands,
body.cartitems-confirmorder .ConfirmDetails,
body.order-selectpaymentmethod .commands {
	margin-top: 10px;
	text-align: right;
}
body.cartitems-summary #body {
	max-width: 600px;
}
body.cartitems-confirmorder #body {
	max-width: 720px;
}
body.cartitems-confirmorder th,
body.cartitems-confirmorder td {
	padding: 5px;
}
body.cartitems-confirmorder .ItemDetails > table > thead {
	border-bottom: 1px solid #ddd;
}
body.cartitems-confirmorder .ItemDetails > table tr > td:last-child {
	text-align: right;
}
body.cartitems-confirmorder .ItemDetails > table tfoot > tr > td:first-child {
	font-weight: bold;
	text-align: right;
}



/* Services Page Styles */

#ServicesPage > *:first-child {
	margin-top: 0;
}
#ServicesPage .ServiceTime {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
#ServicesPage .ServiceTime .Image {
	float: left;
	margin-right: 2%;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 5px;
	width: 31.33333%;
}
@media screen and (max-width: 479px) {
	#ServicesPage .ServiceTime .Image {
		margin-right: 0;
		width: 100%;
	}
}
#ServicesPage .ServiceTime img {
	width: 100%;
	height: 100%;
}
#ServicesPage .ServiceTime .StartFinish,
#ServicesPage .ServiceTime .Venue {
	display: block;
	font-style: italic;
}
#ServicesPage .ServiceTime .StartFinish {
	float: right;
}
#ServicesPage .ServiceTime .Title {
	display: block;
	margin: 16px 0 3px 0;
	font-weight: bold;
}
#ServicesPage .ServiceTime .Description {
	display: block;
}
#ServicesPage .ServiceTime a {
	display: block;
	text-align: right;
}
#ServicesPage .ServiceTime .PublishedOn,
#ServicesPage .ServiceTime .RegistrationTime,
#ServicesPage .ServiceTime .RSVPBy,
#ServicesPage .ServiceTime .Venue .Location {
	display: none;
}



/* Website Service Default Template */

#ServiceTemplate > *:first-child {
	margin-top: 0;
}
#ServiceTemplate tr > *:first-child {
	font-weight: bold;
}
#ServiceTemplate #Title {
	margin-bottom: 10px;
}
#ServiceTemplate #Title .Stars {
	display: block;
	float: right;
}
#ServiceTemplate #Venue,
#ServiceTemplate #RegularPrice,
#ServiceTemplate #MemberPrice,
#ServiceTemplate #Description,
#ServiceTemplate #Times {
	padding-top: 10px;
}
#ServiceTemplate #Times .ServiceTimes .PublishedOn,
#ServiceTemplate #Times .ServiceTimes .RSVPBy,
#ServiceTemplate #Times .ServiceTimes .RegistrationTime,
#ServiceTemplate #Times .ServiceTimes .Title,
#ServiceTemplate #Times .ServiceTimes .Venue,
#ServiceTemplate #Times .ServiceTimes .Description,
#ServiceTemplate #Times .ServiceTimes a.MoreInfo,
#ServiceTemplate #Times .ServiceTimes .Image {
	display: none;
}
#ServiceTemplate #Times .ServiceTime {
}
#ServiceTemplate #Times .ServiceTime .StartFinish {
	clear: left;
	float: left;
	display: block;
	margin: 0;
	width: 240px;
	color: black;
}
#ServiceTemplate #Times .ServiceTime .RSVP {
	float: left;
	box-shadow: 3px 3px 5px #bbb;
	border: 1px solid #bbf;
	border-radius: 5px;
	padding: 2px 10px;
	font-style: normal;
	font-size: .8em;
	background: #212d59;
	color: #fff;
}
#ServiceTemplate #Content {
	padding-top: 20px;
}
#ServiceTemplate .HTMLDocumentComments {
	margin-top: 20px;
}
#ServiceTemplate .HTMLDocumentComments:before {
	content: "Comments";
	display: block;
	border-top: solid 3px #d1d2d4;
	padding-top: 10px;
	font-size: 18px;
}
#ServiceTemplate .HTMLDocumentComment {
	margin-top: 15px;
	margin-bottom: 15px;
}
#ServiceTemplate .HTMLDocumentComment .Document {
	display: none;
}
#ServiceTemplate .HTMLDocumentComment .SubmittedOn {
	float: right;
	font-weight: bold;
}
#ServiceTemplate .HTMLDocumentComment .Author:before {
	content: normal;
}
#ServiceTemplate .HTMLDocumentComment .Author .Photograph {
	float: left;
	margin-right: 10px;
	max-width: 50px;
	max-height: 75px;
}
#ServiceTemplate .HTMLDocumentComment .Author .Name {
	display: block;
	font-weight: bold;
}
#ServiceTemplate .HTMLDocumentComment .Author .BusinessName,
#ServiceTemplate .HTMLDocumentComment .Author .WebsiteAddress {
	margin-top: 3px;
	display: block;
}
#ServiceTemplate .HTMLDocumentComment .CommentBody {
	clear: both;
}
#ServiceTemplate #Comments .TextButton {
	clear: both;
	float: right;
	margin: 15px 0 0 0;
}



/* Services Calendar */

.CalendarTable {
	border-spacing: 0 !important;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.CalendarTable td {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}
.CalendarCell.Today {
	background-color: #efefef;
}
.Week .CalendarCell,
.Month .CalendarCell {
	height: 100px;
}
.CalendarCell a {
	font-style: normal;
}
.CalendarCell.PreviousMonth,
.CalendarCell.NextMonth,
.CalendarCell.PreviousMonth a,
.CalendarCell.NextMonth a {
	color: #888;
}
.CalendarCell .Time,
.CalendarCell .Description,
.CalendarCell.PreviousMonth .Time,
.CalendarCell.NextMonth .Description {
	display: block;
	margin-left: 10px;
	color: #212d59;
}



/* Forum Styles */

.Forum .Subforums h3 {
	color: #444;
}
.Forum .ArticlesCount {
	float: right;
	font-size: .7em;
}
.Forum .ArticlesCount:before {
	content:"Posts: "
}

#ForumTemplate .Categories {
	display: none;
}
#ForumTemplate .Tags {
	display: none;
}



/* Directory Styles */

.Directory .User {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 0 10px 10px 10px;
}
.Directory .Logo {
	display: block;
	float: right;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin: 0 0 10px 10px;
	padding: 5px;
	max-width: 32%;
	height: auto;
}
.Directory .Industries,
.Directory .Regions {
	padding: 5px 0 0 0;
}
.Directory .Industries:before {
	content: "Industries: ";
	font-weight: bold;
}
.Directory .Regions:before {
	content: "Regions: ";
	font-weight: bold;
}
.Directory .ViewProfile {
	display: block;
	margin-top: 20px;
	text-align: right;
}
.Directory .ViewProfile:after {display: table; content: " "; line-height: 0;}
.Directory .ViewProfile:after {clear: both;}



#service-boxes.grid {
	margin-top: -2%;
}
#service-boxes > div {
	position: relative;
	margin-top: 2%;
}
#service-boxes span {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px 10px 0 0;
	width: 85.5%;
	white-space: nowrap;
	text-transform: uppercase;
	text-align: right;
	background-color: #212d59;
	background-color: rgba(4,174,217,.75);
}
#service-boxes a {
	font-style: normal;
	color: #fff;
}
#service-boxes span:before {
	content: "";
	display: block;
	float: left;
	margin-left: -40px;
	margin-top: -10px;
	border-top: 40px solid transparent;
	border-right: 40px solid rgba(4,174,217,.75);
}
@media screen and (max-width: 1199px) {
	#service-boxes span {
		padding: 10px;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#service-boxes span:before {
		display: none;
	}
}



#news-videos.grid {
	margin-top: -20px;
}
#news-videos.grid > * {
	margin-top: 20px;
}
#news-videos iframe {
	width: 100%;
}
#news-videos .description {
	height: 100px;
}
@media screen and (max-width: 479px) {
	#news-videos .description {
		height: auto;
	}
}



#intro-video {
	float: left;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 49%;
}
@media screen and (max-width: 599px) {
	#intro-video {
		width: 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 719px) {
	body.default #content iframe {
		height: 350px !important;
	}
}
@media screen and (max-width: 599px) {
	body.default #content iframe {
		height: 300px !important;
	}
}
@media screen and (max-width: 479px) {
	body.default #content iframe {
		height: 250px !important;
	}
}
@media screen and (max-width: 359px) {
	body.default #content iframe {
		height: 180px !important;
	}
}




.fb-page > span,
.fb-page > span > iframe {
//	width: 100% !important;
	max-width: 100% !important;
}
